رفتن به مطلب

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


snaptu

پست های پیشنهاد شده

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

 

در این ساعت , به شما آموزش این کار را خواهم داد تا به راحتی و با کمک 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 را از کد بالا حذف نمایید .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...