میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

Audio در Html

چگونه می‌توانیم در 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 نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

 

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟