اضافة مشغل موسيقى للمدونة.

 مشغل الموسيقى: أداةٌ سحريةٌ تُحوّل مدونتك إلى تجربةٍ مُثيرةٍ تُلامس القلوب وتُطلق العنان لإبداعك.

تخيلْ لحظةً أن تُحوّل مدونتك إلى رحلةٍ موسيقيةٍ ساحرة، تُلامس مشاعر قرائك وتُضفي على محتواك نكهةً لا تُنسى. تخيلْ أن تُضفي على كلماتك لحنًا يُعزّز أفكارك ويُطلق العنان لإبداعك.

مع مشغل الموسيقى، تُصبح مدونتك أكثر من مجرد صفحاتٍ مكتوبة، بل مساحةً تفاعليةً تُتيح لقرائك الغوص في تجربةٍ فريدةٍ من نوعها.

اضافة مشغل موسيقى للمدونة.

تصميم المشغل

القي نظره على لتصميم مشغل موسيقىٍ مُلفتٍ للنظر يُناسب محتوى مدونتك وذوقك.

على ميزة مشغل الموسيقى، Plus Ul v2.6 كما نعلم، يحتوي لتشغيلها من خلال مشغل mp3 ويمكنك استخدام ملفات : الموسيقى. ألق نظرة على مشغل الموسيقى التالي.

شاهد أيضاً :-

ملاحظة : مشغل الموسيقى غير متوفر في الإصدار القياسي.

تأثير المشغل على الزوار

يُساهم مشغل الموسيقى في جذب انتباه الزوار وزيادة مدة بقائهم على مدونتك.

كود المشغل

إضافة كود مشغل الموسيقى إلى مدونتك دون الحاجة إلى مهاراتٍ تقنيةٍ مُعقدة.

الإضافة HTML View قم بإضافة الأكواد التالية في مشاركتك عبر مشغل موسيقى.

<div id='musicPlayer'></div>
<script>
  /*<![CDATA[*/
  /* Music Player Tracks */
  var playerTracks = [{
      name: "Live Fast",
      artist: "Alan Walker & A$AP Rocky",
      cover: "https://raw.githubusercontent.com/.../cover/1.png",
      source: "https://raw.githubusercontent.com/.../music/1.mp3"
    },
    {
      name: "Man On The Moon",
      artist: "Alan Walker & Benjamin Ingrosso",
      cover: "https://raw.githubusercontent.com/.../cover/2.png",
      source: "https://raw.githubusercontent.com/.../music/2.mp3"
    },
    {
      name: "On My Way",
      artist: "Alan Walker, Farruko & Sabrina Carpenter",
      cover: "https://raw.githubusercontent.com/.../cover/3.png",
      source: "https://raw.githubusercontent.com/.../music/3.mp3"
    },
    {
      name: "Sing Me To Sleep",
      artist: "Alan Walker",
      cover: "https://raw.githubusercontent.com/.../cover/4.png",
      source: "https://raw.githubusercontent.com/.../music/4.mp3"
    },
    {
      name: "Alone",
      artist: "Alan Walker",
      cover: "https://raw.githubusercontent.com/.../cover/5.png",
      source: "https://raw.githubusercontent.com/.../music/5.mp3"
    },
    {
      name: "Bewajah",
      artist: "Himesh Reshammiya",
      cover: "https://raw.githubusercontent.com/.../cover/6.png",
      source: "https://raw.githubusercontent.com/.../music/6.mp3"
    },
    {
      name: "Hymn For The Weekend",
      artist: "Coldplay",
      cover: "https://raw.githubusercontent.com/.../cover/7.png",
      source: "https://raw.githubusercontent.com/.../music/7.mp3"
    },
    {
      name: "Alone",
      artist: "Marshmello",
      cover: "https://raw.githubusercontent.com/.../cover/8.png",
      source: "https://raw.githubusercontent.com/.../music/8.mp3"
    }
  ];
  /*]]>*/
</script>

تحذير: لا تنس استبدال اسم المسار واسم الفنان وغلاف المسار . ومصدر المسار في البرنامج النصي.

⌛

جاري تحميل تفاصيل يرجى الانتظار...

إذا أعجبتك هذه المقالة واستفدت منها، لا تنس مشاركتها لأصدقاءك، لتعم الجميع الفائدة دمتم سالمين.