صدا در HTML
Main Page Tutorial | |
---|---|
![]() | |
موارد آموزشی | |
فرمهای HTML | |
گرافیک در HTML | |
رسانه در HTML | |
۱ | رسانه |
۲ | ویدئو |
۳ | صدا |
۴ | پلاگین |
۵ | یوتیوب |
APIها در HTML | |
مثالها | |
مرجع HTML |
صدا در وب
پیش از HTML5، فایلهای صوتی فقط با کمک یک پلاگین (مانند flash) در مرورگر پخش میشدند.[۱]
عنصر <audio>
در HTML5 روش استانداردی برای تعبیه صدا در صفحه وب مشخص میکند.
پشتیبانی مروگر
اعداد در جدول زیر اولین نسخه مرورگر که بطور کامل از عنصر <audio>
پشتیبانی میکند را نشان میدهند:
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<audio> | ۴٫۰ | ۹٫۰ | ۳٫۵ | ۴٫۰ | ۱۰٫۵ |
عنصر <audio> در HTML
برای پخش فایل صوتی در HTML، از عنصر <audio>
استفاده کنید:
مثال
1 <audio controls>
2 <source src="horse.ogg" type="audio/ogg">
3 <source src="horse.mp3" type="audio/mpeg">
4 Your browser does not support the audio element.
5 </audio>
صدا در HTML - چگونه عمل میکند؟
ویژگی <controls>
کنترلهای صدا مانند پخش، توقف و میزان صدا را اضافه میکند.
عنصر <source>
امکان تعیین فایلهای صوتی جایگزین که مرورگر ممکن است از میان آنها انتخاب کند را ایجاد میکند. مرورگر از اولین قالب بندی شناخته شده استفاده میکند.
متن بین تگهای <audio>
و </audio>
فقط در مرورگرهایی نمایش داده میشود که از عنصر <audio>
پشتیبانی نمیکنند.
صدا در HTML - پشتیبانی مرورگر
در HTML5، سه نوع قالب بندی صدا پشتیبانی میشود: MP3 ،WAV و OGG.
پشتیبانی مرورگر از قالب بندیهای مختلف به شرح زیر است:
![]() |
![]() |
![]() |
![]() |
![]() | |
MP3 | بله | بله | بله | بله | بله |
WAV | بله | خیر | بله | بله | بله |
OGG | بله | خیر | بله | خیر | بله |
صدا در HTML - انواع Media
قالب بندی فایل | نوع Media |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
صدا در HTML - متدها، خصوصیت ها و رویدادها (به انگلیسی: Events)
HTML5 متدهای DOM، خصوصیتها و رویدادها را برای عنصر <audio>
تعریف کردهاست.
این امر امکان بارگذاری، پخش و توقف صدا را به همراه تنظیمات مدت زمان و میزان صدا را میدهد.
همچنین رویدادهای DOM ای وجود دارند که میتوانند هنگام پخش یک صدا، توقف و غیره را به شما اعلام کنند.
برای دسترسی به مرجع کامل DOM، به مرجع DOM صدا / ویدیو HTML5 ما مراجعه کنید.
تگ های صدا در HTML5
تگ | تعریف |
---|---|
<audio> | محتوای صوتی را تعریف میکند |
<source> | منبع چند media را برای عنصرهای media مانند <video> و <audio> مشخص میکند |
منابع آموزشی