RahmanCyber.NET | Music Audio - Spotify merupakan layanan streaming musik dan podcast yang didirikan 23 April 2006 oleh Daniel Ek, Martin Lorentzon, berkantor pusat di Stockholm, Swedia bisa dibilang cukup populer saat ini.
{getToc} $title={Table of Contents}
Sering merekam podcast dengan anchor? nah anchor ini merupakan aplikasi podcast dari spotify.
Selain menyediakan layanan streaming musik dan podcast, pihak spotify juga tidak ketinggalan untuk menyediakan tool untuk sharing audio streaming dan podcastnya ke berbagai platform.
Salah satunya yang akan kita bahas ini yaitu Blog.
Ketika pengguna bisa melakukan embeding di websitenya, maka secara otomatis, playlist spotify sendiri menjadisangat responsive, karena bisa diputar dimana mana, kalo di blog, maka identik dengan browser ya, bisa di ponsel maupun di desktop. Padahal Spotify sendiri juga sudah mendukung pemutaran audio streamingnya di ponsel melalui aplikasi yang tersedia di android, ios dan melalui desktop yang secara langsung bisa diputar melalui browser.
Sehingga kita bisa fleksibel kan memakai berbagai media, entah itu ponsel, komputer maupun laptop.
Sobat, untuk melakukan embed spotify di blog itu sangatlah mudah, ada 2 opsi
Jika kamu ingin embed lagu tertentu tanpa login / punya akun..
Jadi ini kasusnya ketika kita tidak memiliki akun spotify ya..
Cara Embed Song
kamu bisa langsung kunjungi open spotify di browser. Contohnya seperti ini.
Linknya -> Open.Spotify.com | silahkan buka di Browser anda
1. Klik tombol Search
2. Setelah muncul halaman search, pada kotak search silahkan isikan Nama Artist / Judul Lagu, nanti akan muncul daftar yang sesuai / related.
3. Klik pada titik tiga horisontal di pojok kanan lagu atau bisa juga langsung Klik kanan pada Lagu yang ingin ditambahkan, lalu pilih Share
4. Setelah itu akan keluar pilihan Copy Song Link sama Copy Embed Code, pilihlah Copy Embed Code
5. Kode sudah di Copy ke Clipboard, langkah selanjutnya kamu pergi ke bloggermu
6. Pilih Tata Letak
7. Klik Tambahkan Gadget
8. Lalu pilihlah Html / Javascript, copy paste kan kodenya..
<iframe src="https://open.spotify.com/embed/track/4sDA77lz1Haa4SfaiVV48M" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
Kalo udah.. simpen...
Selain di Sidebar, kamu juga bisa pasang di Postingan kok.. intinya, ubah dulu ke Mode Tampilan HTML, baru di Pastekan kode embed tadi ke baris mana di dalam artikel yang ingin diletakkan musiknya.
Hasilnya akan seperti ini, jika didalam postingan.
Lalu, bagaimana cara melakukan Embed Playlist Spotify?
Caranya 11/12 kok,, sama seperti ketika kita mau embed song / musik diatas, hanya saja.. jika kalian tidak login, kalian tidak bisa membuat playlist sendiri... sehingga kalian perlu mencari playlist tertentu yang dibuat oleh curator Spotify, maupun para pengguna yang menjadikan playlistnya sebagai publik.
Itu dia, caranya sama.. tinggal ke bagian search.. pada contoh kasust diatas saya bingung mau playlist seperti apa, sehingga saya ketikkan aja "playlist" dan keluar berbagai macam playlist.. kamu bisa dengerin satu persatu dan lakukan embed yang kiranya cocok...
Sebagai contoh diatas, saya memilih playlist Jazz... lalu saya klik pada bagian titik tiga horisontal, pilih Share, kemudian pilih Copy Embed Code.
Nah maka Embed Code Playlistnya udah tersalin di clipboard.
Setelah itu lakukan cara yang sama dengan langkah ketika kita mau embed code song ke blogger.
Untuk contoh kalo kita mau embed di Postingan adalah seperti ini..
Itulah Playlist Spotify yang berhasil kita copy code embednya ke blog. Sehingga orang dapat mendengar musik / podcast favorit kita.
Jika Kamu Mempunyai Akun Spotify
Jika kamu mempunyai akun spotify, ini akan lebih bervariasi sekali, karena kamu bisa menyimpan lagu favorit untuk diputar lagi, atau kamu juga bisa buat PLAYLISTmu sendiri.
Untuk cara embed Codenya sama seperti cara ketika kita tidak memiliki akun spotify, cuman bedanya ini kita bisa buat playlist sendiri...
Membuat Playlist Spotify
- Pilih Create Playlist di bagian Menu Samping
- Ubahlah nama dan detail informasi lainnya
- Klik SAVE untuk menuimpan
Tip: Kamu juga dapat menggunakan keyboard shortcuts. Cmd-N (for Mac) atau Ctrl-N (for Windows).
Add to a playlist
- Klik kanan pada Lagu yang ingin ditambahkan
- Klik Add to Playlist.
- Pilih Playlistnya
kamu juga bisa drag and drop track secara langsung ke Playlist
Tip: When you’ve made a playlist, right-click it and select
Create Similar Playlist. This is a quick way to build your collection while
adding some variety.
Edit a playlist
Untuk menghapus Lagu
- Klik titik tiga atau langsung klik kanan pada lagu yang ingin dihapus
- Pilih Remove from this Playlist
- Untuk mengubah posisi lagu, tinggal drag and drop aja ke posisi yang diinginkan
-
Delete a playlist
- Klik kanan pada Playlist
Klik Delete.
Hasil Embed Playlist sendiri di Sidebar
Ini merupakan hasil memasang Playlist buatan sendiri di Blog
Bisa di lihat di Sidebar sebelah kanan.
Untuk Embed Code di Postingan Artikel Blog, caranya sama seperti diatas ketika anda tidak punya akun spotify.
Ubah dulu tampilan ke "Tampilan HTML"
Lalu rapikan kode HTML dengan "Format HTML" ini untuk mempermudah kita meletakkan kode...
Hasilnya akan seperti ini ya gan...
Kelemahannya adalah, untuk song dan playlist, ketika kamu / visitor / pengunjung tidak memiliki akun spotify, maka dia hanya dapat ndengerin preview musik atau podcastnya saja...cuman sekitar 30 detik'an... ^_^
Artinya.. untuk dapat memuter musik / podcast secara keseluruhan... perlu buat akun spotify ^_^
Langsung aja register di Spotify https://www.spotify.com/id/signup
Cara registernya saya yakin anda bisa melakukannya dengan mudah... :)
Sekian untuk Pembahasan cara embed spotify player di Blog / website
Moga bermanfaat.. ^_^
A.K.s