آخر المنشورات

دورة HTML5 الدرس 05 : تعامل HTML5 مع الملفات الصوتية

دورة HTML5 الدرس 05 : تعامل HTML5 مع الملفات الصوتية


مرحبا بكم في مدونة كيكو للمعلوميات اليوم نقدم لكم الدرس الخامسة من دورة HTML5 .  لغة HTML5 لغة تقدم مجموعة من الأكواد الخاصة بتشغيل الملفات الصوتية الاوديو . و هذا هو صلب موضعنا درسنا اليوم . فكما تعلمناه من الدروس السابقة ان الملفات الصوتية لها وسم <audio> ويغلق الكود بالوسم <audio/> .
تعامل HTML5 مع الملفات الصوتية

ملفات الفيديو على الويب

حتى الآن لايوجد معيار ثابت لتشغيل الملفات الصوتية على صفحات الويب .
يتم تشغيل معظم الملفات الصوتية اليوم من خلال اضافات معينة مثل الفلاش إلا أن اختلاف المتصفحات يؤدي إلى اختلاف الاضافات .
أما اليوم و من خلال لغة HTML5 تم تعريف طريقة معيارية لتضمين الملف الصوتي على صفحات الويب باستخدام الوسم <audio> .

كيفية عمل الملفات الصوتية

لتشغيل ملف صوتي في لغة HTML5 ستحتاج الى الكود التالي كما في المثال :


تستخدم اللاحقة control لإضافة تحكم للملف الصوتي مثل تشغيل و إيقاف و التحكم بدرجة الصوت .

يجب أيضاً إدراج نص بين الوسم<audio> و </audio> لكي يتم إظهار رسالة بأن المتصفح لايدعم وسم <audio> .

تعامل HTML5 مع الملفات الصوتية


يسمح الوسم <audio> باستخدام أكثر من وسم داخله مثل <source> حيث يستخدم هذا الوسم لإدارج أكثر من مكان للملف الصوتي و سيقوم المتصفح باستخدام المسار الذي يدعمه .

صيغ الملفات الصوتية و المتصفحات الداعمة


حالياً يوجد فقط 3 صيغ مدعومة للوسم <audio> و هم : MP3 , Wav , Ogg :

تعامل HTML5 مع الملفات الصوتية

وسوم الملفات الصوتية في HTML5

تعامل HTML5 مع الملفات الصوتية

SEOx0 Studio
SEOx0 Studio