%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده (تمدید شد)

تگ audio در HTML

مثال (تگ audio در 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>

خودتان امتحان کنید »

تعریف و کاربرد تگ 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>4.09.03.54.010.5

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

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


نکته ها و ترفندها

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


خصوصیت ها

جدید در HTML5.

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

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

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


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

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


آموزش های مرتبط

 آموزش HTML-پخش صدا

آموزش HTML-پخش ویدئو

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان