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

হ্যালো বন্ধুরা আজকে আমরা এই আর্টিকেলে কথা বলবো কিভাবে আপনি আপনার ব্লগার সেটি একটি মিউজিক প্লেয়ার এড করবেন । এই বিষয়ে বিস্তারিত এই আরটিকাল দেওয়া আছে ।

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

আপনি যদি মিউজিক লাভার হয়ে থাকেন তাহলে অবশ্যই আপনি আপনার সাইটে একটি মিউজিক এড করতে চাইবেন। এই সুবিধা দেওয়া আছে আমাদের বাংলা ইউআই ব্লগার টেমপ্লেটে। অন্যান্য টেম্পারেচার চেয়ে এই টেমপেটে স্টাইলিশ মিউজিক প্লেয়ার ব্যবহার করা হয়েছে। মিউজিক প্লেয়ার টি দেখতে কেমন হবে, এর একটি ডেমো নিচে দেওয়া হল আপনি চাইলে ডেমোটি দেখে নিতে পারেন ।

উল্লেখ্য যে উপরে যে ডেমটি দেওয়া হয়েছে এবং নিচে যে কোডসমূহ দেওয়া হয়েছে এইগুলো শুধু বাংলা ইউআই টেমপ্লেটেই ব্যবহার করা যাবে । অন্য কোথাও ব্যবহার করলে এর আউটপুট আসবে না

উপরের ডেমো অনুযায়ী আপনি যদি মিউজিক প্লেয়ার টি আপনার ব্লগার সাইটে অ্যাড করতে চান তাহলে নিচে দেওয়া কোডসমূহ কে কপি করুন এবং  আপনি যেখানে মিউজিক প্লেয়ার টি এড করতে চান সেখানে গিয়ে পেস্ট করুন ।

<div id='musicPlayer'></div>
<script>
  /*<![CDATA[*/
  /* Music Player Tracks */
  var playerTracks = [{
      name: "Track_title_here",
      artist: "Artist_names_here",
      cover: "https://raw.githubusercontent.com/.../name.jpg",
      source: "https://raw.githubusercontent.com/.../name.mp3"
    },
    {
      name: "Track_title_here",
      artist: "Artist_names_here",
      cover: "https://raw.githubusercontent.com/.../name.jpg",
      source: "https://raw.githubusercontent.com/.../name.mp3"
    },
    {
      name: "Track_title_here",
      artist: "Artist_names_here",
      cover: "https://raw.githubusercontent.com/.../name.jpg",
      source: "https://raw.githubusercontent.com/.../name.mp3"
    },
    {
      name: "Track_title_here",
      artist: "Artist_names_here",
      cover: "https://raw.githubusercontent.com/.../name.jpg",
      source: "https://raw.githubusercontent.com/.../name.mp3"
    }
  ];
  /*]]>*/
</script>