021-28423015

صوت در HTML5

صوت در وب

قبل از HTML5، فایل های صوتی تنها در یک مرورگر با یک افزونه (مانند فلاش) بازی می شود.

عنصر HTML5 <audio> یک روش استاندارد برای جاسازی صدا در یک صفحه وب را مشخص می کند.

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

اعداد در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل از عنصر <audio> پشتیبانی می کند.

audio html

عنصر صوتی HTML

برای پخش یک فایل صوتی در HTML، از <audio> element استفاده کنید:

عنصر audio
 <audio controls>
  <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/html/"horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 
مشاهده مثال

صوتی HTML - چگونه کار می کند

ویژگی کنترل شامل کنترل های صوتی مانند بازی، مکث و حجم می دهد.

عنصر  <source> به شما این امکان را می دهد که فایل های صوتی دیگری را که مرورگر از آن انتخاب می کنید، مشخص کند. مرورگر از اولین فرمت شناخته شده استفاده خواهد کرد.

متن میان برچسب های  <audio> و </ <audio فقط در مرورگرهایی که از عنصر  <audio> پشتیبانی نمی شود نمایش داده می شود.

HTML Audio - پشتیبانی مرورگر

در HTML5، 3 فرمت صوتی پشتیبانی شده وجود دارد: MP3، Wav و Ogg.

پشتیبانی مرورگر برای فرمت های مختلف:

Browser
MP3
Wav
Ogg
Internet Explorer
بله
خیر
خیر
Chrome
بله
بله
بله
Firefox
بله
بله
بله
Safari
بله
بله
خیر
Opera
بله
بله
بله

صوتی HTML - انواع رسانه ها

File Format
Media Type
MP3
audio/mpeg
Ogg
audio/ogg
Wav
audio/wav

صوتی HTML - روش ها، خواص ها و رویدادها

HTML5 روشهای DOM، خواص و حوادث را برای عنصر <audio>  تعریف می کند.

این به شما اجازه می دهد بارهای، پخش و مکث آوانویسی، و همچنین مدت زمان و حجم تنظیم کنید.

همچنین رویدادهای DOM وجود دارد که می تواند هنگامی که یک صدا شروع به پخش می کند، متوقف شود و غیره به شما اطلاع دهد.

برای مرجع کامل DOM، به مرجع DOM صوتی / تصویری HTML5 ما بروید.

برچسب های صوتی HTML5

<Audio> : محتوای صدا را تعریف می کند.

<Source>:منابع رسانه چندگانه را برای عناصر رسانه ای تعریف می کند، مانند  <video> و <audio>.

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط