عنصر <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>
ویژگی controls کنترلهای صوتی مانند پخش، توقف و تنظیم صدا را اضافه میکند.
عنصر <source> به شما این امکان را میدهد که فایلهای صوتی جایگزین را مشخص کنید تا مرورگر از بین آنها انتخاب کند. مرورگر از اولین فرمتی که تشخیص دهد استفاده خواهد کرد.
متن بین تگهای <audio> و </audio> فقط در مرورگرهایی نمایش داده میشود که از عنصر <audio> پشتیبانی نمیکنند.
برای شروع خودکار یک فایل صوتی، از ویژگی 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> پشتیبانی میکند.
سه فرمت صوتی پشتیبانی شده وجود دارد: MP3، WAV و OGG. پشتیبانی مرورگرها از فرمتهای مختلف به شرح زیر است:
*از Edge نسخه 79
HTML DOM متدها، خصوصیات و رویدادهایی را برای عنصر <audio> تعریف میکند. این به شما امکان میدهد فایلهای صوتی را بارگذاری، پخش و متوقف کنید، و همچنین مدت زمان و حجم صدا را تنظیم نمایید. رویدادهای DOM نیز وجود دارند که میتوانند شما را از زمان شروع پخش یک فایل صوتی، توقف آن و غیره مطلع کنند.
برای مشاهده مرجع کامل DOM، به مرجع DOM صدا/ویدیو در HTML ما بروید.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://www.w3schools.com/