تگ audio در html چیست؟
تگ audio در html چیست؟ تگ audio امکان اضافه کردن فایلهای صوتی به صفحات وب را فراهم میکند و به کاربران اجازه میدهد تا صداها را مستقیماً در مرورگر خود پخش کنند.
بهترین فرمت برای پخش رسانه صوتی فرمت mp3می باشد که توسط مرورگرهای chrom safari edge firefox و تمامی مرورگر های مدرن قابل اجرا و پشتیبانی می باشد.
اضافه کردن سایر فرمتها
برای پشتیبانی از مرورگرهای مختلف، میتوانید فایلهای صوتی در چندین فرمت مختلف ارائه دهید.
<audio controls>
<“source src=”audio.mp3” type=”audio/mpeg>
<“source src=”audio.ogg” type=”audio/ogg>
<“source src=”audio.wav” type=”audio/wav>
</audio>
تگ <audio>باید در قسمت body قرار بگیرد باهم مثالی از تگ <audio> را خواهیم دید .
عکس برای تگ ادیو
صفات ( attribute ) تگ<audio> در html :
نمایش کنترل کننده های پخش فایل صوتی در وب (controls) : با استفاده از audio controls می توانیم دکمه پخش و توقف فایل صوتی را فعال کنیم.
<audio controls>
<“source src=”audio-file.mp3” type=”audio/mp3>
</audio>
type نوع فایل صوتی را مشخص می کند و src نمایش کنترلهای پخش صوتی را برای کاربران فراهم میکند.
پخش تکراری فایل های صوتی (loop):بعد از اتمام فایل صوتی برای این که به صورت خودکار موزیک و یا صدا فعال می شود و دوباره آن صدا برای ما پخش می شود از این صفت برای تکرار فایل صوتی استفاده می کنیم.
<audio src=“sound name.mp3” autoplay loop></audio>
پخش دوباره فایل صوتی ( autoplay): autoplay همان کار attribute loop را انجام می دهد با این تفاوت که با اتمام هربار پخش فایل صوتی این بار باید خودمان دوباره موزیک یا صدا را play کنیم.
<audio src=“sound.mp3” autoplay></audio>
بی صدا کردن فایل صوتی (muted): برای این که بتوانیم فایل صوتی که در حال پخش می باشد را بی صدا کنیم از این ویژگی یا attribute استفاده می کنیم.
<audio controls muted>
<“source src=“files/demo.mp3” type=“audio/mpeg>
</audio>
طراحی و سفارشیسازی:
به عنوان مثال با استفاده از CSS و JavaScript می توانید ظاهر و عملکرد فایل صوتی را سفارشی کنید و امکانات بیشتری را برای کاربر خود ایجاد کنید.
