মিউজিক প্লেয়ার কিভাবে ব্যবহার করবেন

মিউজিক প্লেয়ার | ফাইনশপ ডিজাইন

আমরা জানি, প্লাস UI v2.6-এ মিউজিক প্লেয়ার বৈশিষ্ট্য রয়েছে, আপনি আপনার .mp3 ফাইলগুলিকে মিউজিক প্লেয়ারের মাধ্যমে প্লে করতে ব্যবহার করতে পারেন। নিচের মিউজিক প্লেয়ারটি দেখুন:

দ্রষ্টব্য: সঙ্গীত প্লেয়ার স্ট্যান্ডার্ড সংস্করণে উপলব্ধ নয়।

Live Fast

Alan Walker & A$AP Rocky

00:00

03:52

মিউজিক প্লেয়ার কিভাবে ব্যবহার করবেন?

একটি মিউজিক প্লেয়ার যোগ করতে HTML ভিউ এর মাধ্যমে আপনার পোস্টে নিম্নলিখিত কোড যোগ করুন।

<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>

স্ক্রিপ্টে ট্র্যাক নাম, শিল্পীর নাম, ট্র্যাক কভার এবং ট্র্যাক উত্স প্রতিস্থাপন করতে ভুলবেন না৷