علامة <audio> HTML
التعريف والاستخدام
<audio>
استخدام العلامة لدمج محتوى صوتي في المستند، مثل الموسيقى أو التسجيلات الصوتية الأخرى.
<audio>
يمكن للعلامة أن تحتوي على إحدى أو أكثر من العناصر التي تحتوي على مصادر صوتية مختلفة علامة <source>، سيختار المتصفح أولاً المصدر الذي يدعمه.
<audio>
و </audio>
النص بين العلامات فقط يُعرض في المتصفحات التي لا تدعم <audio>
العناصر تُعرض في متصفح العنصر.
إشارة:لملفات الفيديو، انظر إلى علامة <video>.
يدعم HTML ثلاثة تنسيقات صوتيات: MP3، WAV و OGG.
تنسيقات صوتيات المتصفح والدعم
المتصفح | MP3 | WAV | OGG |
---|---|---|---|
Edge / IE | يدعم | يدعم * | يدعم * |
Chrome | يدعم | يدعم | يدعم |
Firefox | يدعم | يدعم | يدعم |
Safari | يدعم | يدعم | لا يدعم |
Opera | يدعم | يدعم | يدعم |
* من إصدار Edge 79
انظر أيضًا:
دليل DOM HTML:دليل DOM HTML Audio/Video
مثال
تشغيل ملف الصوت:
<audio controls> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> لا يدعم متصفحك علامة audio. </audio>
الخصائص
الخصائص | القيمة | الوصف |
---|---|---|
autoplay | autoplay | يُحدد أن يتم بدء تشغيل الصوتيات فور التحميل. |
controls | controls | يُحدد أن يتم عرض وحدة التحكم في الصوتيات (مثل زر التشغيل/الإيقاف). |
loop | loop | يُحدد أن يتم بدء التشغيل التالي للصوتيات عند الانتهاء من كل مرة. |
muted | muted | يحدد ما إذا كان يجب أن يكون خروج الصوت صامتًا. |
preload |
|
يحدد ما إذا كان يجب تحميل الصوت عند تحميل الصفحة وكيفية تحميله. |
src | URL | يحدد عنوان ملف الصوت. |
خصائص العالمية
<audio>
يدعم العلامة أيضًا خصائص العالمية في HTML.
خصائص الحدث
<audio>
يدعم العلامة أيضًا خصائص الحدث في HTML.
إعدادات CSS الافتراضية
لا يوجد
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم العنصر لأول مرة.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 4.0 | 11.5 |