تعریف و کاربرد
از تگ <audio> برای افزودن موسیقی یا هر نوع رسانه صوتی به سند HTML استفاده می شود.
تگ <audio> شامل یک یا چند تگ <source> برای مشخص کردن آدرس منابع صوتی است.
می توانیم از یک یا چند <source> با پسوند های مختلف استفاده کنیم. مرورگر به صورت اتوماتیک اولین فایل صوتی که پشتیبانی کند را اجرا می کند.
دو ویژگی مهم این تگ شامل:
- ویژگی autoplay: پخش اتوماتیک ویدیو را مشخص می کند.
- ویژگی controls: باعث نمایش دکمه های کنترلی فایل صدا می شود.
پسوند و فرمت های صوتی پشتیبانی شده توسط مرورگر شامل: MP3, WAV, OGG.
| فرمت | ادج | کروم | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| MP3 | دارد | دارد | دارد | دارد | دارد |
| WAV | از نسخه 79 | دارد | دارد | دارد | دارد |
| OGG | از نسخه 79 | دارد | دارد | ندارد | دارد |
به صفحه تگ <video> نگاهی بیندازید.
نکات
نکته: با استفاده از ویژگی src بدون استفاده از تگ <source> هم می توان فایل صوتی را به تگ <audio> معرفی کرد.
<audio src="/audio.mp3"></audio>نکته: در صورتی که مرورگر از تگ <audio> پشتیبانی نکند، متن داخل تگ <audio> نمایش داده می شود.
<audio src="/audio.mp3">Your browser not support audio</audio>نکته: با استفاده از تگ <embed> نیز می توان فایل صوتی را نمایش داد ولی توصیه می شود از تگ <audio> استفاده کنید.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <audio> |
ویژگی های سراسری
تگ <audio> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <audio> از ویژگی های رویداد HTML پشتیبانی می کند.
