پخش فایل صوتی در HTML با تگ audio
برای قرار دادن صدا یا آهنگ در در صفحات وب یا وبلاگ قبلا تگ خاصی نداشتیم ولی در html 5 برای بارگذاری فایل صوتی از تگ Audio استفاده می کنیم این تگ یه نوع تگ فرزند دار است و شناسه یا صفت های خاص خودش را دارد که در ادامه با آن ها آشنا خواهیم شد .
تگ Audio و شناسه های آن برای پخش فایل صوتی
در تگ audio از تگ Source استفاده می کنیم و این تگ شناسه ای به نام Src دار که مخفف همان سورس است و آدرس فایل صوتی را در آن قرار می دهیم.
شناسه Controls :
این شناسه کنترل های پیش فرض مرورگر را برای پخش فایل صوتی فعال می کند. مانند stop و کم و زیاد کردن صدا و …
شناسه autoplay :
اگر از این شناسه استفاده کنید به محض بارگذاری صفحه html یا سایت، اون فایل صوتی به صورت خودکار پخش می شود.
شناسه Loop :
این شناسه باعث می شود اگر فایل صوتی تمام شد دوباره پخش شود .
حالا اگه مرورگر کاربر از تگ audio پشتیبانی نکنه چیکار باید بکنیم؟ برای رفع این مشکل همانطور که در سورس کد می بینید بعد از تگ Source یه متن رو می نویسیم تا در صورت کار نکردن تگ به کاربر اطلاع بده که مرورگر اون این تگ رو ساپورت نمی کند.
سورس کد HTML برای پخش فایل صوتی :
<html> <head> <title>Web30ty</title> </head> <body> <audio controls="controls" height="50px" width="100px"> <source src="music.mp3" type="audio/mp3" /> مرورگر شما این تگ را ساپورت نمی کند . </audio> </body> </html>
فقط دقت کنید به جای music.mp3 آدرس فایل خودتون رو فرار بدید و در قسمت Type هم نوع و فرمت فایل صوتی را مشخص می کنیم و اگر از فرمت های دیگری استفاده کردید حتما در قسمت type هم نوع آن را مشخص کنید در ضمن از فرمت های دیگر همان فایل می توانید به صورت همزمان استفاده کنید.
شاید دوست داشته باشید: پخش فیلم با استفاده تگ video در html5 - کد پخش فیلم
