چگونه می‌توانیم در HTML5 از صدا استفاده کنیم ؟ منظور از تگ audio چیست؟ و چطور از آن استفاده کنم؟ منظور از تگ Audio در Html چیست؟
عرض سلام و خسته نباشید خدمت تمام کاربران عزیز امروز با آموزش تگ Audio در Html در خدمت شما عزیزان هستیم .
از تگ audio برای پخش یک فایل صوتی در یک صفحه وب استفاده می شود.
<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
</audio>
صفت controls کنترل های صوتی مانند پخش ، مکث و میزان صدا را اضافه می کند.
تگ <source> به شما امکان می دهد فایلهای صوتی جایگزینی را که مرورگر می تواند انتخاب کند ، تعیین کنید. مرورگر از اولین قالب شناخته شده استفاده خواهد کرد.
متن بین تگ های <audio> و </audio> فقط در مرورگرهایی نمایش داده می شود که از عنصر <audio> پشتیبانی نمی کنند.
<audio controls autoplay>
<source src=“demo.mp3” type=“audio/mpeg”>
</audio>
به مثال زیر دقت کنید صدا به صورت خودکار تکرار خواهد شد :
<audio controls loop>
<source src=“demo.mp3” type=“audio/mpeg”>
</audio>
فرمت های قابل پشتیبانی در Html
باید به این نکته توجه نمایید که تنها ۳ فرمت MP3 و WAV و Ogg در HTML5 پشتیبانی می شوند، لذا شما برای قرار دادن یک آهنگ و.. درون یک صفحه وب باید فایل شما یکی از ۳ فرمت MP3 و WAV و Ogg را داشته باشد در غیر اینصورت فایل شما برای کاربر پخش نخواهد شد.
روش ها ، ویژگی ها و رویدادها
HTML DOM روش ها ، خصوصیات و رویدادها را برای عنصر <audio> تعریف می کند.
به شما امکان می دهد فایلها را بارگیری ، پخش و مکث کنید و همچنین مدت زمان و میزان صدا را تنظیم کنید.
همچنین رویدادهای DOM وجود دارد که می تواند هنگام شروع پخش صوتی ، مکث و غیره به شما اطلاع دهد.
var vid = document.getElementById(“myAudio”);
function playVid() {
vid.play();
}
function pauseVid() {
vid.pause();
}
امیدواریم این بخش از آموزش در مورد تگ Audio در Html نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .
