آموزش تگ صوتی در HTML با مثال

تگ audio برای تعیین صداهایی مانند موسیقی و کلیپ های صوتی دیگر استفاده می شود. در حال حاضر سه قالب فایل برای تگ صوتی در ۵ HTML پشتیبانی می شود.

1. mp3
2. wav
3. ogg

۵ HTML از کنترل های <video> و <audio> پشتیبانی می کند. از فلش، سیلورلایت و فناوری های مشابه برای پخش عناصر چندرسانه ای استفاده می شود.

جدول زیر مشخص می کند که کدام مرورگر وب از کدام قالب فایل صوتی پشتیبانی می کند.

mp3	wav	ogg	نام مرورگر
بله	نه	نه	Internet Explorer
بله	بله	بله	Google Chrome
بله	بله	بله	Mozilla Firefox
نه	بله	بله	Opera
بله	بله	نه	Apple Safari

مثال برای تگ صوتی HTML

در کد زیر پخش فایل ۳mp را با استفاده از تگ صوتی HTML می ببینیم.

<audio controls>
  <source src=”koyal.mp3″ type=”audio/mpeg”>
Your browser does not support the html audio tag.
</audio>

خروجی

در کد زیر پخش فایل ogg را با استفاده از تگ صوتی HTML می ببینید.

<audio controls>
  <source src=”koyal.ogg” type=”audio/ogg”>
Your browser does not support the html audio tag.
</audio>

مرورگرهای پشتیبان

نام عنصر	Chrome	IE	Firefox	Opera	Safari
<audio>	بله	بله	بله	بله	بله

ویژگی های تگ Audio درHTML

در جدول زیر لیستی از ویژگی ها یا همان صفات تگ صوتی در HTML ارائه شده است.

مثال از ویژگی های تگ Audio

در اینجا از صفات controls ، autoplay، loop و src در تگ audio استفاده می کنیم.

<audio controls autoplay loop>
  <source src=”koyal.mp3″ type=”audio/mpeg”></audio>

انواع MIME برای قالب صوتی در HTML

نوع MIME موجود برای تگ audio در جدول زیر آورده شده است.