NS DESIGN

  • Home
  • Tutorial
    • Blogger
    • WordPress
    • HTML
    • CSS
    • JavaScript
  • Tools
    • Image to .webp
    • Note Pad
    • QR code generator
    • HTML ENCODER
    • Age Calculator
    • Bangla Logo Maker
    • Banglish to Bangla Converter
    • Bangla to Banglish Converter
    • BDIX Server Tester
    • Birthday Card Maker
    • Color Converter
    • Blur Faces
    • BMI Calculator
    • Domain Whois Lookup
    • Image Background Remover
    • Image Compressor
    • Image Text Extractor
    • JSON Formatter
    • JSON Tree Viewer
    • Lorem Ipsum Generator
    • Online Image Editor
    • Password Generator
    • QR Code Maker
    • QR Code Scanner
    • Security Headers Checker
    • URL Shortener
    • Youtube Thumbnail Downloader
    • Website Screenshot Taker
  • About
  • Privacy Policy
  • Terms and Conditions
  • Contact
  • RTL Mode
  • Rich Results Test
  • PageSpeed Insights
Mustakim Nur Salin
I'm "Mustakim Nur Salin" Aka "RealCodeMind"... I'm A Teenager Boy Who Loves To Code. I Started Coding As A Hobby. I Know Much Of Web Development. I Do Only Frontend Coding. I Usually Use HTML, CSS And JavaScript For Frontend. I'm Creative Director And UI/UX Designer From Dhaka, Bangladesh, Working In Web Development And Print Media. I Enjoy Turning Complex Problems Into Simple, Beautiful And Intuitive Designs. My Job Is To Build Your Website So That It Is Functional And User-Friendly But At The Same Time Attractive. Moreover, I Add Personal Touch To Your Product And Make Sure That Is Eye-Catching And Easy To Use. My Aim Is To Bring Across Your Message And Identity In The Most Creative Way.
Sponsored

Music Player

MUSIC PLAYER



As we know, NS DESIGN has the music player feature, you can use your .mp3 files to play it through the Music Player. Take a look at following Music Player:
FLASH UI MUSIC PLAYER

0:00 0:00
repeat
Music list

How to use Music Player?

Add the following codes in your post through HTML View to add a Music Player.

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

Join the conversation

Popular Posts

Split Post - Split Article Into Several Pages

Split Post - Split Article Into Several Pages

Berguna untuk membagi artikel menjadi beberapa halaman Samp…

TYPOGRAPHY

NS DESIGN BLOGGER TEMPLATE BUY NOW !!

Add Anti AdBlocker to your Blogger Website

How to Add Click Ripple Effect in Blogger Website

SVG Icon Set

How to make Social media blockquote on blogger .

How To Make Profile footer .

Labels

Android
Blogger
Bootstrap
Product
Sponsored
Tools
Typography
NS DESIGN . Created by Techly420

We use cookies to understand how you use our site and improve your experience. This includes personalized content and advertising.... Learn more

Accept