معرفی و کاربرد تگ audio در HTML

بدون دیدگاه

معرفی و کاربرد تگ audio در HTML فایل صوتی سند html

معرفی و کاربرد تگ audio در HTML

معرفی و کاربرد تگ audio در HTML فایل صوتی سند html - سایت آموزی

در این مقاله از سایت آموزی قصد داریم به معرفی و کاربرد تگ <audio> در HTML بپردازیم.

مثال (تگ <audio> در HTML )

پخش صدا

[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>[/html]

تگ <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 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ audio در HTML فایل صوتی سند html – اختصاصی سایت آموزی

سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب

ارسال یک دیدگاه

آدرس ایمیل شما منتشر نخواهد شد.