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

آموزش : وحید مجیدی 

پخش اختصاصی