تگ audio در HTML
مثال (تگ 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>
<source src="/horse.ogg" type="audio/ogg">
<source src="/horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
خودتان امتحان کنید »
تعریف و کاربرد تگ audio در HTML
تگ <audio> تعیین صوت، مانند موسیقی یا دیگر جریان های صوتی را مشخص می کند.
در حال حاضر سه نوع فرمت صوتی در تگ <audio> پشتیبانی می شود که عبارتند از: MP3 ،Wav و Ogg:
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | NO Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP3 |
YES | YES |
| Safari | YES | YES | NO |
| Opera | NO | YES | YES |
انواع MIME برای فرمت های صوتی:
| Format | MIME-type |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
پشتیبانی مرورگرها از تگ audio در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
| عنصر | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
تفاوت بین HTML 4.01 و HTML5
تگ <audio> در HTML5 جدید است.
نکته ها و ترفندها
نکته: هر نوشته ای که بین <audio> و <audio/> قرار گیرد، در مرورگر هایی که این تگ را پشتیبانی نمی کنند نمایش داده خواهد شد.
خصوصیت ها
جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autoplay | autoplay | مشخص می کند که فایل صوتی مورد نظر به محض آماده شدن اجرا شود. |
| controls | controls | مشخص می کند که کنترل های صوتی نمایش داده شوند. (مانند دکمه play ،pause و غیره) |
| loop | loop | مشخص می کند که فایل صوتی هر بار پس از اتمام، دوباره اجرا شود. |
| muted | muted | مشخص می کند که خروجی صدا خاموش باشد. |
| preload | auto metadata none |
مشخص می کند که فایل صوتی در صورت نیاز چگونه بارگذاری شود. |
| src | URL | URL مربوط به فایل صوتی را مشخص می کند. |
ویژگی های عمومی تگ audio در HTML
تگ <audio> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ audio در HTML
تگ <audio> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
- نوشته شده توسط سمیه فخری
- بازدید: 14620
