NowPlaying for Spotify
v2.1 - Mini player
Это обновление Spotify Connect Visualizer, которая сделала базовую кодовую базу за полдня.
Этот проект лицензирован по лицензии GNU GPL-3.0.
Доступно на nowplayi.ng
Мини -игрок генератор
Страница статуса
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 от Jwilsson, чтобы получить токен Token and Refresh, Spotify Web API JS от Jmperez для получения и отображения в настоящее время воспроизводимой песни
Вы можете использовать XAMPP (мультиплатформный) или Wampserver (только Windows), но любой веб-сервер с PHP 7.0 или более хорошим в использовании, с модулем php-curl .
!!! Если вы находитесь в Nginx, вам нужно добавить это в свою конфигурацию, иначе ваш .env будет подвергаться воздействию Интернета !!!
location /.env {
allow [YourIP]; # Allow your IP if you want to, if not delete this line.
deny all;
}
У вас должно быть объявленное приложение на панели разработчиков Spotify для получения Client ID .
Как это сделать: как я уже сказал, первое, что нужно создать идентификатор клиента ( Create a Client ID ) на панели разработчика Spotify. Введите имя вашего приложения в App or Hardware name » и его описание в App or Hardware description текстовое поле. В What are you building ? Раздел, укажите платформу, для которой вы создаете приложение, затем нажмите на NEXT кнопку. Ответьте на вопрос коммерческой интеграции и продолжить. При необходимости заполните форму и проверьте все ящики на 3 -м этапе, и вы готовы к работе. Ваше приложение объявлено на приборной панели Developer Spotify!
Теперь, когда у вас есть приложение, у вас есть некоторые изменения в одном файле: .env . (Если этого не существует, копируйте example.env to .env )
Измените эти значения:
YOUR_CLIENT_ID от вашего идентификатора клиента, доступного на панели вашего приложения,YOUR_CLIENT_SECRET с помощью вашего Client Secret доступен, нажав на кнопку Show Client Secret расположенная на той же веб -странице, что и ваш идентификатор клиента,YOUR_DOMAIN по вашему URL -адресам перенаправления, в случае локального хостинга замените его на http://localhost/token.php в большинстве случаев. Основываясь, это доступный URL для страницы token.php . Давайте вернемся на панель нашего приложения. Вам необходимо объявить URL, где находится страница token.php , для локального хостинга это было бы в большинстве случаев http://localhost/token.php . Нажмите на кнопку «Зеленое Edit settings , расположенную в верхней части страницы, затем в текстовом поле Redirect URIs укажите ваше. Внимание : то, что вы напечатали , должно быть то же самое, что и то, что вы написали в двух прецедентных файлах! Затем нажмите на кнопку SAVE в нижней части формы. Ваше приложение объявлено и готово к использованию!
Вы можете включить дополнительный аналитический скрипт с использованием переменной среды ANALYTICS_SCRIPT .
Если установлена, эта переменная будет включена в <head> всех страниц. Эта переменная, скорее всего, должна быть строкой, содержащей тег <script> .
Флаги Freepik на веб -сайте www.flaticon.com под творческим Commons по лицензии 3.0.
