معرفی و کاربرد تگ audio در HTML
معرفی و کاربرد تگ audio در HTML فایل صوتی سند html
معرفی و کاربرد تگ audio در HTML
در این مقاله از سایت آموزی قصد داریم به معرفی و کاربرد تگ 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>
تگ <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> تقریبا در بیشتر مرورگرهای معتبر اعم از اپرا ورژن ۱۰.۵ به بالا ، فایرفاکس ورژن ۳.۵ به بالا ، اینترنت اکسپلورر ورژن ۹.۰ به بالا ، گوگل کروم ورژن ۴.۰ به بالا و سافاری ورژن ۴.۰ به بالا پشتیبانی می شود.
عنصر <audio> در HTML5 جدید است.
نکته: هر نوشته ای که بین <audio> و <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 پشتیبانی می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ audio در HTML فایل صوتی سند html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید