تگ audio و کاربرد آن در HTML

تگ audio و کاربرد آن در HTML

تگ <audio> فایل های صوتی مانند موسیقی یا دیگر جریانهای صوتی را تعریف می کند. این تگ ممکن است چند منبع صوتی داشته باشد که با استفاده از خاصیت Src یا عنصر <source> نشان داده میشود. مرورگر مناسب ترین آنها را انتخاب خواهد کرد.

 

تگ audio و کاربرد آن در HTML

تگ audio و کاربرد آن در HTML

در حال حاضر عنصر <audio>،فقط ۳ نوع فرمت فایل را پشتیبانی میکند : MP3، Wav و Ogg

تگ audio و کاربرد آن در HTML

مرورگرها
MP3
Wav
Ogg
Internet ExplorerYESNONO
ChromeYESYESYES
Firefoxفایرفاکس ۲۱+  بر روی ویندوز ۷، ویندوز ۸، ویندوز ویستا، و اندروید از MP3 پشتیبانیمیکنندYESYES
SafariYESYESNO
OperaNOYESYES

انواع MIME برای فایل های صوتی 

فرمتانواع MIME
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

تفاوت بین HTML 4.01 و HTML5

عنصر <audio> یک تگ جدید در HTML5 است

نکته: محتوای داخل تگ <audio> و < audio /> در مرورگر هایی که از تگ<audio> پشتیبانی نمی کنند، نمایش داده خواهد شد.

خاصیت ها

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

  • خاصیت ویژه عنصر
  • خاصیت عمومی
  • خاصیت رویداد

خاصیت ویژه عنصر

خاصیت ها
مقدار
توضیحات
autoplay    Newautoplayمشخص می کند که فایل صوتی باید به محض آماده شدن شروع شود
controls    Newcontrolsمشخص میکند که کنترل های صوتی (مانند دکمه play یا pause  و …) باید نمایش داده شود.
loop    Newloopمشخص میکند که فایل صوتی پس از پایان ، بار دیگر پخش  خواهد شد
muted    Newmutedمشخص میکند که خروجی صوتی باید بیصدا باشد
preload    Newauto
metadata
none
مشخص میکند که فایل صوتی باید قبل از اقدام کاربر برای پخش آن، بارگذاری شود.
src     NewURLURL فایل های صوتی را تعیین میکند

خاصیت عمومی

تگ <audio> از خاصیت های عمومی HTML پشتیبانی میکند.

accesskeyhiddenitemtype
classidlang
contenteditableinertspellcheck
contextmenuitemidstyle
diritemproptabindex
draggableitemreftitle
dropzoneitemscopetranslate

خاصیت رویداد

تگ <audio> از خاصیت های رویداد HTML نیز پشتیبانی میکند.

onabortonendedonmousewheel
oncancelonerroronpause
onbluronfocusonplay
oncanplayonformchangeonplaying
oncanplaythroughonforminputonprogress
onchangeoninputonratechange
onclickoninvalidonreadystatechange
oncontextmenuonkeydownonscroll
ondblclickonkeypressonseeked
ondragonkeyuponseeking
ondragendonloadonselect
ondragenteronloadeddataonshow
ondragexitonloadedmetadataonstalled
ondragleaveonloadstartonsubmit
ondragoveronmousedownonsuspend
ondragstartonmousemoveontimeupdate
ondroponmouseoutonvolumechange
ondurationchangeonmouseoveronwaiting
onemptiedonmouseup

پشتیبانی از مرورگر ها

تگ <audio> در اینترنت اکسپلورر ۹ +، فایرفاکس، اپرا، کروم و سافاری پشتیبانی می شود.

توجه داشته باشید که اینترنت اکسپلورر ۸ و نسخه های پیش از آن، از تگ <audio> پشتیبانی نمی کنند.

پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *