صدا در HTML

صدا (Audio) در HTML

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

عنصر <audio> در HTML

برای پخش یک فایل صوتی در 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>

صدا در HTML - چگونه کار می‌کند

ویژگی controls کنترل‌های صوتی مانند پخش، توقف و تنظیم صدا را اضافه می‌کند.

عنصر <source> به شما این امکان را می‌دهد که فایل‌های صوتی جایگزین را مشخص کنید تا مرورگر از بین آن‌ها انتخاب کند. مرورگر از اولین فرمتی که تشخیص دهد استفاده خواهد کرد.

متن بین تگ‌های <audio> و </audio> فقط در مرورگرهایی نمایش داده می‌شود که از عنصر <audio> پشتیبانی نمی‌کنند.

پخش خودکار (Autoplay) صدا در HTML

برای شروع خودکار یک فایل صوتی، از ویژگی autoplay استفاده کنید:

مثال

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg" />
  <source src="horse.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

نکته: مرورگرهای مبتنی بر Chromium در بیشتر موارد اجازه پخش خودکار را نمی‌دهند. با این حال، پخش خودکار بی‌صدا (muted) همیشه مجاز است.

کلمه muted را بعد از autoplay اضافه کنید تا فایل صوتی شما به طور خودکار (اما بی‌صدا) شروع به پخش کند:

مثال

<audio controls autoplay muted>
  <source src="horse.ogg" type="audio/ogg" />
  <source src="horse.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

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

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

فرمت‌های صوتی HTML

سه فرمت صوتی پشتیبانی شده وجود دارد: MP3، WAV و OGG. پشتیبانی مرورگرها از فرمت‌های مختلف به شرح زیر است:

*از Edge نسخه 79

صدا در HTML - انواع رسانه (Media Types)

صدا در HTML - متدها، خصوصیات و رویدادها

HTML DOM متدها، خصوصیات و رویدادهایی را برای عنصر <audio> تعریف می‌کند. این به شما امکان می‌دهد فایل‌های صوتی را بارگذاری، پخش و متوقف کنید، و همچنین مدت زمان و حجم صدا را تنظیم نمایید. رویدادهای DOM نیز وجود دارند که می‌توانند شما را از زمان شروع پخش یک فایل صوتی، توقف آن و غیره مطلع کنند.

برای مشاهده مرجع کامل DOM، به مرجع DOM صدا/ویدیو در HTML ما بروید.

تگ‌های صوتی HTML