|
| Music Player | Planet Ui |
Seperti yang kita ketahui, Planet UI v.1 memiliki fitur pemutar musik, Anda dapat menggunakan file .mp3 Anda untuk memutarnya melalui Pemutar Musik. Lihatlah Pemutar Musik berikut:
Note:Pemutar Musik tidak tersedia dalam Versi Standard.
Bagaimana cara menggunakan Player Music?
Tambahkan kode berikut di posting 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 untuk mengganti Track Name, Artist Name, Track Cover dan Track Source pada Script.
Hubungi Kami
Jangan ragu untuk menghubungi kami melalui Halaman Contact atau hubungi kami diFacebook ( bloggerpedia) jika Anda menghadapi masalah saat mengikuti langkah-langkah yang dijelaskan di atas