آموزش تگ صوتی در HTML

رتبه: 0 ار 0 رای sssss

نویسنده: تیم تولید محتوا زمان مطالعه 2 دقیقه

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

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

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

در کد زیر پخش فایل ۳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>	بله	بله	بله	بله	بله

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

توضیحات	نام ویژگی
کنترل های صوتی را تعریف می کند که با دکمه های پخش / توقف نمایش داده می شوند.	controls
مشخص می کند که فایل صوتی به محض آماده شدن شروع به پخش کند.	autoplay
مشخص می کند که هر بار پخش فایل صوتی به اتمام رسید، دوباره شروع به پخش کند.	loop
برای خاموش کردن صدای خروجی استفاده می شود.	muted
نظر نویسنده را برای بارگذاری فایل صوتی هنگام بارگذاری صفحه مشخص می کند.	preload
URL منبع فایل صوتی را مشخص می کند.	src

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

<audio controls autoplay loop>

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

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

برچسب : اچ تی ام ال