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

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

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

تقدم لغة HTML5 مجموعة من الأكواد الخاصة لتشغيل الملفات الصوتية الاوديو .

---

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

حتى الآن لايوجد معيار ثابت لتشغيل الملفات الصوتية على صفحات الويب .
يتم تشغيل معظم الملفات الصوتية اليوم من خلال اضافات معينة مثل الفلاش إلا أن اختلاف المتصفحات يؤدي إلى اختلاف الاضافات .
أما اليوم و من خلال لغة 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 :

المتصفح	MP3	Wav	Ogg
Internet Explorer 9	YES	NO	NO
Firefox 4.0	NO	YES	YES
Google Chrome 6	YES	YES	YES
Apple Safari 5	YES	YES	NO
Opera 10.6	NO	YES	YES

---

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

الوسم	الشرح
<audio>	وصف محتوى صوتي
<source>	استخدام مصادر متعددة لعناصر الوسائط المتعددة مثل <audio> و <video>

• غرد تغريدة
• شاركه
• شاركه
• شاركه
• شاركه