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

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

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

 

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

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

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

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

مرورگرها
MP3
Wav
Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox فایرفاکس ۲۱+  بر روی ویندوز ۷، ویندوز ۸، ویندوز ویستا، و اندروید از MP3 پشتیبانیمیکنند YES YES
Safari YES YES NO
Opera NO YES YES

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

فرمت انواع MIME
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

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

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

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

خاصیت ها

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

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

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

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

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

خاصیت عمومی

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

accesskey hidden itemtype
class id lang
contenteditable inert spellcheck
contextmenu itemid style
dir itemprop tabindex
draggable itemref title
dropzone itemscope translate

خاصیت رویداد

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

onabort onended onmousewheel
oncancel onerror onpause
onblur onfocus onplay
oncanplay onformchange onplaying
oncanplaythrough onforminput onprogress
onchange oninput onratechange
onclick oninvalid onreadystatechange
oncontextmenu onkeydown onscroll
ondblclick onkeypress onseeked
ondrag onkeyup onseeking
ondragend onload onselect
ondragenter onloadeddata onshow
ondragexit onloadedmetadata onstalled
ondragleave onloadstart onsubmit
ondragover onmousedown onsuspend
ondragstart onmousemove ontimeupdate
ondrop onmouseout onvolumechange
ondurationchange onmouseover onwaiting
onemptied onmouseup

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

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

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

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

پاسخ دهید

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