NowPlaying for Spotify
v2.1 - Mini player
Ini adalah pembaruan real-time Spotify Connect Visualizer, yang telah membuat basis kode dasarnya dalam setengah hari.
Proyek ini dilisensikan di bawah lisensi GNU GPL-3.0.
Tersedia di Nowplayi.ng
Generator Pemain Mini
Halaman status
v2.0.x
- Use of localStorage
- Added GNU GPL-3.0 license
- Updated Index page design
- Updated French and English sentences
- Compatibility with Dark Reader
- Better UI consistency / CSS tweaks
- More languages
- .env support (thanks @finnie2006!)
- Added playback support (Premium account should be needed)
- Added playback information
- Added pause button (#17)
- CSS improvements added for better responsive (#15 #16)
- SEO improvements (#16)
- Minor CSS improvements
- Advertisements are recognized
- Multiple artists are recognized
- Experimental theme switcher
- Now playing device name and type is showing
- Cursor is hidden after a couple of seconds
- Fullscreen button
Html, tailwindcss, js / alpinejs, php
Spotify Web API PHP oleh Jwilsson untuk mendapatkan token dan Refresh Token, Spotify Web Api JS oleh Jmperez untuk mengambil dan menampilkan lagu yang saat ini diputar
Anda dapat menggunakan XAMPP (multi-platform) atau wampserver (hanya Windows) tetapi server web apa pun dengan PHP 7.0 atau lebih baik digunakan, dengan modul php-curl .
!!! Jika Anda berada di nginx, Anda perlu menambahkan ini ke konfigurasi Anda, atau .env Anda akan terpapar ke internet !!!
location /.env {
allow [YourIP]; # Allow your IP if you want to, if not delete this line.
deny all;
}
Anda harus memiliki aplikasi yang dinyatakan di dasbor pengembang Spotify untuk mendapatkan Client ID .
Cara Melakukan Ini: Seperti yang saya katakan, hal pertama adalah membuat ID klien ( Create a Client ID ) di dasbor pengembang Spotify. Ketik nama aplikasi Anda di bidang teks App or Hardware name , dan deskripsinya di bidang App or Hardware description . Bidang teks. Di What are you building ? Bagian, tunjukkan platform tempat Anda membangun aplikasi, lalu klik tombol NEXT . Jawaban untuk pertanyaan integrasi komersial, dan lanjutkan. Jika perlu, isi formulir dan centang semua kotak pada tahap ke -3 dan Anda siap untuk pergi. Aplikasi Anda dinyatakan di dasbor pengembang Spotify!
Sekarang setelah Anda memiliki aplikasi, Anda memiliki beberapa modifikasi untuk dilakukan dalam satu file: .env . (Jika tidak ada, salin example.env ke .env )
Edit nilai -nilai itu:
YOUR_CLIENT_ID oleh ID klien Anda tersedia di panel aplikasi Anda,YOUR_CLIENT_SECRET dengan Client Secret Anda tersedia dengan mengklik tombol Show Client Secret yang terletak di halaman web yang sama dengan ID klien Anda,YOUR_DOMAIN oleh URL Redirect Anda, dalam kasus hosting lokal menggantikannya dengan http://localhost/token.php dalam banyak kasus. Basicaly, ini adalah URL yang dapat diakses untuk halaman token.php . Mari kita kembali ke panel aplikasi kita. Anda perlu mendeklarasikan URL di mana halaman token.php berada, untuk hosting lokal itu akan ada dalam banyak kasus http://localhost/token.php . Klik pada tombol Edit settings Hijau yang terletak di bagian atas halaman, lalu di bidang teks Redirect URIs , tunjukkan milik Anda. Perhatian : Apa yang Anda ketik seharusnya sama dengan apa yang Anda tulis di dua file preseden! Kemudian klik tombol SAVE di bagian paling bawah formulir. Aplikasi Anda dinyatakan dan siap digunakan!
Anda dapat menyertakan skrip analitik opsional, menggunakan variabel lingkungan ANALYTICS_SCRIPT .
Jika diatur, variabel ini akan dimasukkan dalam bagian <head> dari semua halaman. Variabel ini kemungkinan besar harus menjadi string yang berisi tag <script> .
Bendera oleh Freepik dari situs web www.flaticon.com di bawah Creative Commons dengan lisensi 3.0.
