Header Ads

تعامل 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 :



المتصفحMP3WavOgg
Internet Explorer 9YESNONO
Firefox 4.0NOYESYES
Google Chrome 6YESYESYES
Apple Safari 5YESYESNO
Opera 10.6NOYESYES





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


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



يتم التشغيل بواسطة Blogger.