Read more
How to use Music Player
Easy steps to use Music Player Feature in Plus UI V2.6
|
| Music Player | Fineshop Design |
As we know, Plus UI v2.6 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:
Note: The Music Player is not available in Standard Version.
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>
Don't forget to replace the Track Name, Artist Name, Track Cover and Track Source in the Script.
Contacting Us
Feel free to contact us through Contact Page or reach us on Telegram (@deo_kumar) if you are facing any problem while following the steps described above.
Getting Info...
About the Author
Hey there! My name is Deo Kumar aka Dev, a professional Web Designer, Graphic Designer, UI / UX Designer as well as Content Creator. I love to Code and create interesting things while playing with it.
Buy me a Coffee
Buy me a Coffee
0 Ulasan