دليل الأساسيات HTML5

API HTML5

وسائط HTML5

الرسومات HTML5

صوت في HTML5

يقدم HTML5 معيارًا لتشغيل ملفات الصوت.

الأصوات على الإنترنت

حتى الآن، لا يوجد معيار معين لتمثيل الصوت في صفحات الويب.

اليوم، يتم تشغيل معظم الأصوات من خلال الأدوات الإضافية (مثل Flash). ومع ذلك، لا يملك جميع المتصفحات نفس الأدوات الإضافية.

حددت HTML5 المعيار الذي يستخدم لدمج عناصر الصوت في صفحات الويب، وهو استخدام عنصر <audio>.

دعم المتصفحات

يدعم متصفحات إنترنت إكسبلورر 9+، فايرفوكس، أوبرا، كروم، وسفاري عناصر <audio>.

ملاحظة: لم يدعم متصفح إنترنت إكسبلورر 8 وأحدث إصداراته عناصر <audio>.

HTML5 Audio - كيف يعمل

إذا كنت ترغب في تشغيل الصوت في HTML5، فعليك استخدام الكود التالي:

مثال

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>دليل الأساسيات (oldtoolbag.com)</title>　
</head>
<body>
<audio controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
لم يكن متصفحك يدعم عنصر audio.
</audio>
</body>
</html>

تجربة ل‹/›

يقدم خاصية control لتحديد التحكم في التشغيل والإيقاف والتشغيل الصوتي.

بين <audio> و </audio> تحتاج إلى إدراج نص التشبيه الذي لا يدعمه المتصفح للأشكال <audio>.

يُسمح لعنصر <audio> باستخدام عدة عناصر <source>. يمكن للعنصر <source> ربط ملفات صوتية مختلفة، ويستخدم المتصفح أول ملف صوتي مدعوم.

تنسيقات الصوت ودعم المتصفحات

حاليًا، عنصر <audio> يدعم ثلاثة تنسيقات ملفات صوتية: MP3، Wav، وOgg:

المتصفح	MP3	Wav	Ogg
Internet Explorer 9+	نعم	لا	لا
Chrome 6+	نعم	نعم	نعم
Firefox 3.6+	نعم	نعم	نعم
Safari 5+	نعم	نعم	لا
Opera 10+	نعم	نعم	نعم

نوع MIME للأصوات

التنسيق	نوع MIME
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

علامة Audio في HTML5

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

عناصر النموذج في HTML5 فيديو في HTML5