پخش صدا 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

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

در 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> را تعریف می کند.
حتما بخوانید:  کد گذاری html ( مجموعه کاراکترها)
امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

منبع نوشته:w3schools.com

دیدگاه‌تان را ثبت کنید:

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

5 × 4 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی