پخش صدا html چگونه است
پخش صدا html چگونه است ؟ چطور در html موزیک پخش کنیم؟
آموزش رسانه html درس سوم
پخش صدا html : قبل از HTML5، فایل های صوتی تنها در یک مرورگر با یک افزونه (مانند فلش) پخش می شدند.
عنصر <audio> یک روش استاندارد برای جاسازی صدا در یک صفحه وب را مشخص می کند.
پشتیبانی مرورگر
اعداد در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل از عنصر <audio> پشتیبانی می کند
Element | کروم | اینترنت اکسپلورر | فایرفاکس | سافاری | آپرا |
<audio> | ۴٫۰ | ۹٫۰ | ۳٫۵ | ۴٫۰ | ۱۰٫۵ |
عنصر <audio> در html5
برای پخش یک فایل صوتی در HTML، از عنصر <audio> استفاده کنید:
مثال :
<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>
چگونه کار می کند
ویژگی کنترل شامل کنترل های صوتی مانند play, pause, و volume می باشد.
عنصر <source> به شما این امکان را می دهد که فایل های صوتی دیگری را که مرورگر از آنها انتخاب می کند، را مشخص کنید. مرورگر از اولین فرمت شناخته شده استفاده خواهد کرد.
متن میان تگ های <audio> و </ audio> فقط در مرورگرهایی که از عنصر <audio> پشتیبانی نمی شود نمایش داده می شود.
پشتیبانی مرورگر
در HTML5، ۳ فرمت صوتی پشتیبانی شده وجود دارد: MP3، Wav و Ogg.
پشتیبانی مرورگر برای فرمت های مختلف:
Browser | MP3 | Wav | Ogg |
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
انواع رسانه
File Format | Media Type |
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
Methods, Properties, و Events
html5 برای DOM ، Methods, Properties, و Events را برای عنصر <audio> تعریف می کند.
این به شما اجازه می دهد تا کارهای ، load, play,و pause را انجام دهید و همچنین مدت زمان و volume را تنظیم کنید.
همچنین برای DOM ، events هایی وجود دارد که می تواند پخش و توقف صوت و چیزهای دیگر را به شما اطلاع دهد.
تگ های صوتی html5
تگ | توضیح |
<audio> | محتوای صوتی را تعریف می کند. |
<source> | برای عناصر رسانه ای منابع چند رسانه ای مثل <video> و<audio> را تعریف می کند. |
دیدگاهتان را بنویسید