More

[ دورة 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>
READ  El Chavo Kart APK + OBB v1.5 [Unlimited Gold and Popsicle]
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker
Inline
Inline