طراحی وب

پخش صدا html چگونه است

پخش صدا html چگونه است ؟ چطور در  html  موزیک پخش کنیم؟

آموزش   رسانه  html  درس سوم

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

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

پخش صدا html
پخش صدا html

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

اعداد در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل از عنصر <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.
پشتیبانی مرورگر برای فرمت های مختلف:

BrowserMP3WavOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYESYESYES
SafariYESYESNO
OperaYESYESYES

 

انواع رسانه

File FormatMedia Type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

 

Methods, Properties, و  Events

html5 برای  DOM  ،  Methods, Properties, و  Events را برای عنصر <audio>  تعریف می کند.
این به شما اجازه می دهد تا کارهای ، load, play,و  pause  را انجام دهید و همچنین مدت زمان و volume را  تنظیم کنید.
همچنین برای  DOM ، events  هایی وجود دارد که می تواند پخش و توقف صوت و چیزهای دیگر را به شما اطلاع دهد.

 

تگ های صوتی  html5

تگتوضیح
<audio>محتوای صوتی را تعریف می کند.
<source>برای عناصر رسانه ای منابع چند رسانه ای مثل <video> و<audio> را تعریف می کند.

 

بیشتر بخوانید:

برچسب ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن