جهت ورود به تالار گفتمان سایت کلیک کنید


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

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

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

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

پخش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

  1. amirbeyki گفت:

    سلام خیلی ممنون بابت مطلبتون خیلی مفید بود

  2. قاسم گفت:

    سلام خسته نباشید…
    میخواستم بدونم کدی هست که اتوماتیک فایلهای mp3 در صفحه رو تشخیص بده و شروع به پخشش کنه؟

  3. محمد بازیار گفت:

    میشه یه کد اماده به من بدید

  4. یه بنده خدا گفت:

    عالییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییی

  5.   گفت:

    چطوری
    مگه میشه
    چطوری این کارو کردی؟
    آخه مگه میشه آدرس سایت فارسی باشه؟
    چطوری میشه لطفا یادم بیدی.
    دارم از تعجم شاخ در میارم لطفا کمک کنید…

  6. علیرضا گفت:

    <source src="atc.mp3 – 69 KB
    ” type=”audio/mpeg”>

  7. علیرضا گفت:

    با سلام
    من با توجه به راهنمایی شما فایل صوتی رو تو سایت upload.ir
    اپلود کردم و لینک دانلودشو گذاشتم تو کد و اسکریپ کردم تو سایت اما موزیک اجرا نمیشه ممنون میشم راهنمایی کنید

    <source src="atc.mp3 – 69 KB
    ” type=”audio/mpeg”>

    این کدی هست که ساختم در ضمن سایت html هستش ممنون

    • وحید مجیدی گفت:

      دوست عزیز این لینک غیر مستقیم می باشد . لینک باید مستقیم باشد

      ضمنا لازم نیست تگ a را داخل src بنویسید . فقط لینک را بنویسید

  8. Amooo SiyA گفت:

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

    • وحید مجیدی گفت:

      حرفت درسته داداشی . اما بدم نیست تو سایت ها میریم , آهنگ گوش کنیم :D

      • Amooo SiyA گفت:

        با سلام :
        خوب داداش ما هم برای همینه که سایت خدمات وبلاگ نویسی را هاندازی کردیم و کاربرامون میتونن کد آهنگ های مورد علاقه اشون رو از سایت ما بردارن و بزارن توی وبلاگشون و خاطر جمع باشن که توی همه مرور گرها اجرا میشه

        بهترین مزیتشم اینه که اصلا ربطی به ورژن مرورگر نداره و حتما نباید مرور گر آپدیت شده باشه تا موزیک اجرا بشه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *