پخش موزیک در وبسایت به صورت اتوماتیک

[snaptu 17]

شاید بعضی از وبمستران سایت ها علاقه به پخش یک موزیک لایت در وب سایت خود هستند و تابحال موفق به این کار نشده اند .

 

در این ساعت , به شما آموزش این کار را خواهم داد تا به راحتی و با کمک html5 این کار را انجام دهید .

 

 

در ابتدا باید بگم در کل این کار خیلی مرسوم نمی باشد . چون موزیک شما باعث ایجاد یک حجم اضافی در وب سایت شما میگردد و طبیعتا سرعت load سایت شما را پایین می آورد .

اما برای سایت هایی که دارای دیزاینی خاص و یا فانتزی هستند , این کار خالی از لطف نیست …

 

 

ابتدا یک موزیک ( ترجیجا کم حجم ) با فرمت mp3 را انتخاب نموده و در وب سایت خود ( مثلا در پوشه ای به نام audio ) آپلود کنید .

حال توسط تگ زیر , این موزیک را اجرا کنید

 

 

 

<audio loop autoplay controls hidden>    <source src="آدرس فایل موزیک آپلود شده" type="audio/mpeg"></audio>

 

 

 

در مثال زیر فرض بر این است که اسم موزیک شما mohsen-chavoshi و در پوشه ی audio قرار دارد .

 

 

 

<audio loop autoplay controls hidden>   <source src="audio/mohsen-chavoshi.mp3" type="audio/mpeg"></audio>

 

 

توجه : فرمت mp3 از هم اکنون توسط تمامی مرورگر ها پشتیبانی میشود و دیگر نیازی نیست تا چند فرمت مختلف برای مرورگرهای مختلف آماده کنیم .

 

 

نکات مهم :

loop : به معنای تکرار بی نهایت موزیک

autoplay : به معنای اجرای اتوماتیک موزیک به محض باز شدن وب سایت

controls : به معنای پنل نمایشی موزیک می باشد

hidden : به معنای مخفی کردن این پنل , تا کاربر متوجه پنل موزیک نشده و توانایی قطع موزیک را نداشته باشد .

 

 

در نتیجه اگر علاقه دارید کاربر پنل کاربری موزیک را مشاهده نماید , فقط کافیست خاصیت hidden را از کد بالا حذف نمایید .