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

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

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

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

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

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

پخش صدا

تگ <audio> در HTML

تگ <audio> تعیین صوت ، مانند موسیقی یا دیگر جریان های صوتی را مشخص می کند.

در حال حاضر سه نوع فرمت صوتی در تگ <audio> پشتیبانی می شود که عبارتند از: MP3 ، Wav و Ogg :

BrowserMP3WavOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxNO
Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP3
YESYES
SafariYESYESNO
OperaNOYESYES

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

FormatMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

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

تگ <audio> تقریبا در بیشتر مرورگرهای معتبر اعم از اپرا ورژن ۱۰.۵ به بالا ، فایرفاکس ورژن ۳.۵ به بالا ، اینترنت اکسپلورر ورژن ۹.۰ به بالا ، گوگل کروم ورژن ۴.۰ به بالا و سافاری ورژن ۴.۰ به بالا پشتیبانی می شود.

تگ <audio> در HTML5 جدید است.

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

خصوصیت های جدید audio در HTML5

خصوصیتمقدارتوضیحات
autoplayautoplayمشخص می کند که فایل صوتی مورد نظر به محض آماده شدن اجرا شود.
controlscontrolsمشخص می کند که کنترل های صوتی نمایش داده شوند. (مانند دکمه play ،pause و غیره)
looploopمشخص می کند که فایل صوتی هر بار پس از اتمام، دوباره اجرا شود.
mutedmutedمشخص می کند که خروجی صدا خاموش باشد.
preloadauto
metadata
none
مشخص می کند که فایل صوتی در صورت نیاز چگونه بارگذاری شود.
srcURLURL مربوط به فایل صوتی را مشخص می کند.

ویژگی های عمومی تگ <audio> در HTML

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

رویدادهای عمومی تگ <audio> در HTML

تگ audio از رویدادهای عمومی در HTML پشتیبانی می کند.

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

توسط | ۱۳۹۷/۵/۱۷ ،۱۱:۰۹:۳۱ +۰۰:۰۰ مرداد ۱۷ام, ۱۳۹۷|html دسته بندی ها|برچسب ها: , , , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

15 + پنج =