دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » پخش فایل صوتی در HTML با تگ audio – آموزش به صورت فیلم

پخش فایل صوتی در HTML با تگ audio – آموزش به صورت فیلم

برای قرار دادن صدا یا آهنگ در در صفحات وب یا وبلاگ قبلا تگ خاصی نداشتیم ولی در html 5 برای بارگذاری فایل صوتی از تگ Audio استفاده می کنیم این تگ یه نوع تگ فرزند دار است و شناسه یا صفت های خاص خودش را دارد که در ادامه با آن ها آشنا خواهیم شد .

تگ Audio و شناسه های آن برای پخش فایل صوتی

در تگ audio از تگ Source استفاده می کنیم و این تگ شناسه ای به نام Src دار که مخفف همان سورس است و آدرس فایل صوتی را در آن قرار می دهیم .

شناسه Controls :

این شناسه کنترل های پیش فرض مرورگر را برای پخش فایل صوتی فعال می کند . مانند stop و کم و زیاد کردن صدا و …

شناسه autoplay :

اگر از این شناسه استفاده کنید به محض بارگذاری صفحه html یا سایت ، اون فایل صوتی به صورت خودکار پخش می شود .

شناسه Loop :

این شناسه باعث می شود اگر فایل صوتی تمام شد دوباره پخش شود .

حالا اگه مرورگر کاربر از تگ audio پشتیبانی نکنه چیکار باید بکنیم ؟؟؟؟؟؟؟؟؟؟    برای رفع این مشکل همانطور که در سورس کد می بینید بعد از تگ Source یه متن رو می نویسیم تا در صورت کار نکردن تگ به کاربر اطلاع بده که مرورگر اون این تگ رو ساپورت نمی کند .

سورس کد HTML برای پخش فایل صوتی  :

فقط دقت کنید به جای music.mp3 آدرس فایل خودتون رو فرار بدید و در قسمت Type هم نوع و فرمت فایل صوتی را مشخص می کنیم و اگر از فرمت های دیگری استفاده کردید حتما در قسمت type هم نوع آن را مشخص کنید در ضمن از فرمت های دیگر همان فایل می توانید به صورت همزمان استفاده کنید .

فیلم آموزش پخش فایل های صوتی را از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *