تگ audio و کاربرد آن در HTML
تگ <audio> فایل های صوتی مانند موسیقی یا دیگر جریانهای صوتی را تعریف می کند. این تگ ممکن است چند منبع صوتی داشته باشد که با استفاده از خاصیت Src یا عنصر <source> نشان داده میشود. مرورگر مناسب ترین آنها را انتخاب خواهد کرد.
<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>،فقط ۳ نوع فرمت فایل را پشتیبانی میکند : 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> پشتیبانی نمی کنند.
