علامة <audio> HTML


مثال

قم بتشغيل ملف صوتي:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

التعريف والاستخدام

تُستخدم <audio>العلامة لتضمين محتوى صوتي في مستند ، مثل الموسيقى أو تدفقات الصوت الأخرى.

تحتوي <audio>العلامة على علامة أو أكثر <source>بمصادر صوت مختلفة. سيختار المتصفح المصدر الأول الذي يدعمه.

سيتم عرض النص بين <audio>العلامات </audio> فقط في المتصفحات التي لا تدعم <audio>العنصر.

هناك ثلاثة تنسيقات صوت مدعومة في HTML: MP3 و WAV و OGG.

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

Browser MP3 WAV OGG
Edge / IE YES YES* YES*
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

* من الحافة 79


نصائح وملاحظات

نصيحة: لملفات الفيديو ، انظر إلى العلامة. <video>



دعم المتصفح

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم العنصر بشكل كامل.

Element
<audio> 4.0 9.0 3.5 4.0 11.5

صفات

Attribute Value Description
autoplay autoplay Specifies that the audio will start playing as soon as it is ready
controls controls Specifies that audio controls should be displayed (such as a play/pause button etc)
loop loop Specifies that the audio will start over again, every time it is finished
muted muted Specifies that the audio output should be muted
preload auto
metadata
none
Specifies if and how the author thinks the audio should be loaded when the page loads
src URL Specifies the URL of the audio file

السمات العالمية

تدعم <audio>العلامة أيضًا السمات العامة في HTML .


سمات الحدث

تدعم <audio>العلامة أيضًا سمات الحدث في HTML .


الصفحات ذات الصلة

مرجع HTML DOM: مرجع DOM الصوتي / المرئي لـ HTML


إعدادات CSS الافتراضية

لا أحد.