صدا در HTML

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
۱رسانه
۲ویدئو
۳صدا
۴پلاگین
۵یوتیوب
APIها در HTML
مثال‌ها
مرجع HTML

صدا در وب

پیش از HTML5، فایل‌های صوتی فقط با کمک یک پلاگین (مانند flash) در مرورگر پخش می‌شدند.[۱]

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

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

اعداد در جدول زیر اولین نسخه مرورگر که بطور کامل از عنصر <audio> پشتیبانی می‌کند را نشان می‌دهند:

Element Chrome.gif Edge.gif Firefox.gif Safari.gif Opera.gif
<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.

پشتیبانی مرورگر از قالب بندی‌های مختلف به شرح زیر است:


Chrome.gif Edge.gif Firefox.gif Safari.gif Opera.gif
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> مشخص می‌کند


منابع آموزشی