صوت HTML5
از المان <audio> برای پخش یک فایل صوتی در یک صفحه وب استفاده می شود.
المان صوت Audio
قبل از استاندارد HTML5 ، فایلهای صوتی فقط با استفاده از یک افزونه (مانند فلش) در یک مرورگر وب قابل پخش بودند.
المان <audio> یک روش استاندارد برای جاسازی صدا در یک صفحه وب را مشخص
می کند.
پشتیبانی از مرورگر
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل از المان پشتیبانی می کند<audio>.
| المان | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
المان <audio> در HTML
برای پخش یک فایل صوتی در HTML ، از المان <audio> استفاده کنید:
:
مثال
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
مرورگر وب شما از المان صوتی پشتیبانی نمی کند.
</audio>
خودتان
آزمایش کنید»
HTML Audio - نحوه کارکرد آن
ویژگی کنترل ها controls کنترل های صوتی مانند پخش ، مکث و میزان صدا را اضافه
می کند.
المان <source> به شما امکان می دهد فایلهای صوتی جایگزینی را که مرورگر
می تواند انتخاب کند ، تعیین کنید. مرورگر از اولین قالب شناخته شده استفاده خواهد کرد.
متن بین برچسب های <audio> و<audio/> فقط در مرورگرهایی نمایش داده می شود که از المان <audio> پشتیبانی می کنند.
HTML Audio - پشتیبانی از مرورگر
HTML5 دارای سه قالب صوتی پشتیبانی شده است: MP3 ، WAV و OGG.
پشتیبانی از مرورگر برای قالب های مختلف:
| المان | MP3 | WAV | OGG |
|---|---|---|---|
| اج و اکسپلورر | بعله | خیر | خیر |
| کروم | بعله | بعله | بعله |
| فایرفاکس | بعله | بعله | بعله |
| سفری | بعله | بعله | خیر |
| اوپرا | بعله | بعله | بعله |
HTML صوتی - انواع رسانه ها
| فرمت فایل | نوع رسانه |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio - روش ها ، ویژگی ها و رویدادها
HTML DOM روش ها ، خصوصیات و رویدادها را برای المان <audio> تعریف می
کند.
به شما امکان می دهد فایلهای دیداری را بارگیری ، پخش و مکث کنید و همچنین مدت زمان و میزان صدا را تنظیم کنید.
همچنین رویدادهای DOM وجود دارد که می تواند هنگام شروع پخش صدا ، مکث و غیره به شما اطلاع دهد.
برای مراجعه کامل به DOM ، به HTML Audio / Video DOM Reference مراجعه کنید.
برچسب های صوتی HTML5
| برچسب | توضیح |
|---|---|
| <audio> | محتوای صوتی را تعریف می کند |
| <source> | منابع رسانه ای متعددی را برای المان رسانه مانند <video> و <audio> تعریف می کند |
سایت توسط چارچوب farsiw3.ir طراحی شده است.
