أفضل برنامج و تطبيق لمشاهدة قنوات bein sports

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

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

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

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

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

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

<audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio>

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

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

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

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


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

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