<audio> element is used to play an audio file on a web page.The HTML <audio> Element
هناك تنسيقات ملفات صوتية مختلفة تمامًا كما رأينا سابقًا أن هناك تنسيقات صور مختلفة.
حتى وقت قريب جدًا ، كان إدخال الملفات الصوتية أكثر تعقيدًا بكثير من إدخال الصور بسبب عدم وجود تنسيق ملف صوتي معترف به عالميًا: كل متصفح لديه قائمة تنسيقات الصوت الخاصة به التي يمكنهم استخدامها. 'كان قادرًا على القراءة.
كان السبب هنا هو مسألة براءات الاختراع المودعة على العناصر المستخدمة لتشكيل التنسيقات الصوتية المختلفة أو على التنسيقات الصوتية في حد ذاتها ، مثل براءة الاختراع على MP3 السارية حتى عام 2017. وبالتالي ، كانت المتصفحات إما ملزمة بالحصول على تراخيص أو بدفع رسوم تكون قادرًا على استخدام تنسيق صوتي معين.
لقد تحسن الوضع كثيرًا مؤخرًا في هذه المرحلة واليوم يتم التعرف على بعض تنسيقات الصوت جيدًا من قبل معظم المتصفحات.
حتى وقت قريب جدًا ، كان إدخال الملفات الصوتية أكثر تعقيدًا بكثير من إدخال الصور بسبب عدم وجود تنسيق ملف صوتي معترف به عالميًا: كل متصفح لديه قائمة تنسيقات الصوت الخاصة به التي يمكنهم استخدامها. 'كان قادرًا على القراءة.
كان السبب هنا هو مسألة براءات الاختراع المودعة على العناصر المستخدمة لتشكيل التنسيقات الصوتية المختلفة أو على التنسيقات الصوتية في حد ذاتها ، مثل براءة الاختراع على MP3 السارية حتى عام 2017. وبالتالي ، كانت المتصفحات إما ملزمة بالحصول على تراخيص أو بدفع رسوم تكون قادرًا على استخدام تنسيق صوتي معين.
لقد تحسن الوضع كثيرًا مؤخرًا في هذه المرحلة واليوم يتم التعرف على بعض تنسيقات الصوت جيدًا من قبل معظم المتصفحات.
ومع ذلك ، نظرًا لأنه قد لا تزال هناك بعض المشكلات ، فسوف أعرض لك في هذه الدورة الطريقة "التاريخية" لإدخال الصوت والتي تتمثل في التغلب على المشكلة من خلال تقديم العديد من ملفات الصوت المصدر بتنسيقات مختلفة بحيث يمكن لكل متصفح اختيار أي منها يستخدم يناسبه.
To play an audio file in HTML, use the
<audio> element:Example
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML Audio - How It Works
Thecontrols attribute adds audio controls, like play, pause, and volume.The
<source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format.The text between the
<audio> and </audio> tags will only be displayed in browsers that do not support the <audio> element.HTML <audio> Autoplay
To start an audio file automatically, use theautoplay attribute:Example
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Note: Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.
Add
muted after autoplay to let your audio file start playing automatically (but muted):Example
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Browser Support
The numbers in the table specify the first browser version that fully supports the<audio> element.| Element | CHROME | INTERNET EDGE | MOZELLA FIREFOX | SAFARY | OPERA |
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
تعليقات
إرسال تعليق