هذا هو الجزء الثاني من فيديو مقدمة الصوت HTML5 ؛ إذا لم تشاهدها بالفعل ، فإنني أوصي التحقق من الجزء الأول للحصول على ما يصل إلى السرعة!
اليوم ، سوف نعمل على مشغل الصوت HTML5 الخاص بنا وإضافة بعض الوظائف المثيرة لإضفاء الحيوية على مشغل HTML5. سنستخدم طريقة تتضمن سمات البيانات ، والتي تسمح بالوصول السهل إلى القيم المخصصة لكل عنصر صوتي ، وهنا يأتي دور عناويننا وفنانينا وفني الألبوم.
بنهاية هذا البرنامج التعليمي ، سوف تفهم ما يلي: "وضع العلامات" على عناصر الصوت الخاصة بك مع سمات البيانات المخصصة ؛ مثل عنوان المسار والفنان وحتى صورة الألبوم ؛ باستخدام jQuery لمعالجة هذه المعلومات وعرضها على الصفحة ، مع المرونة في تصميمها حول التصميمات الخاصة بك.
سأقوم أيضًا بعرض مثال اللاعب ، والتحدث من خلال كيفية تحقيق بعض التأثيرات مع بياناتك. بما في ذلك عرض صورة الألبوم كخلفية لامعة للمشغل.
هل قمت بتمييز صوت HTML5 في مشروع؟ كيف يقارن الصوت HTML5 مع الخيارات القديمة؟ دعنا نعرف أفكارك في التعليقات.