|
| Fitur Music Player Pada template Plus UI |
Seperti yang kita ketahui, Plus UI v2.6 memiliki fitur pemutar musik, Anda dapat menggunakan file .mp3 Anda untuk memutarnya melalui Pemutar Musik. Lihatlah Pemutar Musik berikut:
Catatan: Pemutar Musik tidak tersedia dalam Versi Standar.
Bagaimana cara menggunakan Music Player?
Tambahkan kode berikut di postingan Anda melalui Tampilan HTML untuk menambahkan Pemutar Musik.
<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>
Jangan lupa ganti Track Name, Artist Name, Track Cover dan Track Source di Script.