صدا در 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> مشخص میکند |
منابع آموزشی