سبد (0)

تگ 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:

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> 4.0 9.0 3.5 4.0 10.5

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

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


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

نکته: هر نوشته ای که بین <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 پشتیبانی می کند.


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

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

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

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