Embed Mp3 Dengan Upload File Musik Di Google Drive

Sebelumnya sudah ada beberapa postingan yang saya share yang membahas perihal embed musik untuk disimpan di blog. Untuk mengingatnya kembali silahkan lihat-lihat lagi postingannya pada link-link di bawah ini.

Baca juga:

Cara Pasang AutoPlay Musik Di Blog

Cara Upload Dan Embed Musik Di Blog

Cara Embed Musik Di SoundCloud Agar Valid HTML5 Dan Seo Friendly

Membuat Playlist Dan Embed Musik Di PodSnack

Cara Validasi Widget Musik Dari ReverbNation

Nah kali ini akan saya share lagi perihal cara embed musik untuk disimpan di blog. Dari sekian yang saya posting perihal embed musik, postingan yang kini ini yang saya bilang paling mudah. 

Selain isyarat embed-nya yang gampang dan valid HTML5, juga kita gampang dalam menciptakan dan menguplaod file MP3 favorite kita untuk dibentuk playlist pada player-nya alasannya kali ini kita mengupload file MP3 di Google Drive.

Sebagai demonya silahkan lihat pada player musik di bawah ini yang saya setting dengan memutar otomatis dikala Anda membuka halaman ini.

Jika Anda tertarik untuk mencobanya silahkan ikuti langkah-langkahnya di bawah ini.

1. Langkah Pertama
Silahkan siapkan file MP3 favorite Anda, lalu silahkan upload file MP3 ke akun Google Drive Anda. Bagi yang belum mengetahui cara upload file ke Google Drive silahkan simak dulu postingannya di bawah ini.

Baca juga: Cara Upload File, HTML, CSS, Javascript Di Google Drive

Jangan lupa silahkan copy kode/url dari file-file MP3 yang Anda upload di Google Drive.

2. Silahkan copy isyarat embed di bawah ini.

 <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
     <param name="bgcolor" value="#ffffff" />
     <param name="FlashVars" value="mp3=https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 1/|https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 2/&amp;title=Music 1|Music 2&amp;autoplay=1&amp;loop=1" />
 </object>

Silahkan ganti Kode Unik di atas dengan Kode Unik dari masing-masing file MP3 yang diupload di Google Drive. Pada isyarat di atas sudah terdapat 2 buah lagu, silahkan buat lagi atau simpan lagi untuk URL file musik dari Google Drive lainnya jikalau Anda ingin menambahkan lagu pada playlist-nya dengan dipisahkan tanda | (silahkan perhatikan pola di atas).

Untuk kode title=Music 1|Music 2 ialah untuk title musik pada playlist, tambahkan Music 3 untuk musik selanjutnya dengan dipisahkan dengan tanda |

autoplay=1 untuk otomatis memutar musik. Ganti dengan 0 jikalau Anda tidak menginginkan memutar otomatis.

loop=1 ialah otomatis ke lagu berikutnya. Ganti dengan 0 jikalau Anda tidak ingin melanjutkan otomatis ke lagu selanjutnya.

Jika Anda tidak ingin menampilkan playlistnya, silahkan ganti angka pada kode height="100" dengan angka 20 dan tambahkan kode &height=20 dibelakang kode &loop=1 sehingga keseluruhannya kodenya akan ibarat di bawah ini.

 <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="20">
     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
     <param name="bgcolor" value="#ffffff" />
     <param name="FlashVars" value="mp3=https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 1/|https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 2/&amp;title=Music 1|Music 2&amp;autoplay=1&amp;loop=1&amp;height=20" />
 </object>

Untuk mengatur warna background playernya silahkan tambahkan isyarat di bawah ini dan silahkan sesuaikan warna-warnanya sesuai impian Anda.

&bgcolor=2e6eff&bgcolor1=008ff5&bgcolor2=007ac7&slidercolor1=00deeb&slidercolor2=00d6f0&sliderovercolor=ffe600

Sehingga kodenya akan ibarat di bawah ini.

 <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
     <param name="bgcolor" value="#ffffff" />
     <param name="FlashVars" value="mp3=https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 1/|https%3A//googledrive.com/host/KODE UNIK GOOGLE DRIVE MUSIK 2/&amp;title=Music 1|Music 2&amp;autoplay=1&amp;loop=1&amp;bgcolor=2e6eff&amp;bgcolor1=008ff5&amp;bgcolor2=007ac7&amp;slidercolor1=00deeb&amp;slidercolor2=00d6f0&amp;sliderovercolor=ffe600" />
 </object>

Dan tampilannya akan ibarat di bawah ini.

Selamat mencoba.... dan supaya bermanfaat.

Credit to: http://flash-mp3-player.net/

Sumber https://www.kompiajaib.com/

Share this post