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