Кнопка Spotify Play не работает - воспроизводятся только превью в последнем Chrome - PullRequest
Новая
       13

Кнопка Spotify Play не работает - воспроизводятся только превью в последнем Chrome

0 голосов
/ 11 сентября 2018

Я ходил туда-сюда с Spotify Cares Twitter более четырех дней.Наконец они направили меня сюда, поэтому я надеюсь, что один из разработчиков из Spotify ответит.

Я пытаюсь разместить кнопку Spotify Play на веб-сайте.Я следовал инструкциям из документации .Затем я также обнаружил в блоге Spotify , что некоторые детали изменились в июле 2018 года. Поэтому я попробовал и этот код.

Что бы я ни делал, проигрыватель для встраивания кнопки воспроизведения воспроизводит толькопредварительный просмотр (30 секунд) при доступе к веб-сайту в Chrome (версии 68 и 69).

Код прост и понятен из документации / блога: 

<iframe src="https://open.spotify.com/embed?uri=spotify:album:1DFixLWuPkv3KT3TnV35m3" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Этот код у меня естьположить в пустой HTML, так что никакой другой код не мешает.Вы можете проверить это в примере на Codepen .

Я попытался выделить проблему, и вот что я нашел:

  • В Chrome это никогда не работает: ни когда я захожу в Spotify, ни когда я не захожу и захожу с помощью кнопки, которая появляется в плеере
  • В Chrome с / без SSL - в обоих случаях это не сработало
  • В Firefox он работает правильно.Когда я захожу в Spotify в браузере, перехожу на страницу, он воспроизводит полные треки
  • Также попросил моих друзей перейти на страницу с этим кодом и - после входа в Spotify - у них это не сработалоа также
  • Кнопка воспроизведения работает должным образом в примерах на блоге и документации Spotify - которая находится в их домене, так что это тот же домен, что и контент iframe - я думаю, это подсказка.
  • Я также проверил последние изменения в Chrome, но только один, касающийся iframe, добавляет allow на микрофон и камеру.Даже использование этого не помогло (но это не должно быть связано на самом деле).
  • Я также проверил последние Safari / MacOS - проблема также существует (но не в Firefox / MacOS)

В чем может быть причина проблемы?Как это решить?Или может команда разработчиков Spotify должна это исправить?

1 Ответ

0 голосов
/ 23 сентября 2018

Так что ответ вполне очевиден, если вы знаете, где искать.

Под chrome://settings/content/cookies В Google Chrome есть эта опция Блокировать сторонние файлы cookie .Я включил его, и это стало причиной проблемы.

Но почему я не думал об этом раньше?Это связано с тем, что в таком случае Google Chrome добавляет на все сайты, не включенные в белый список (см. Ниже), значок cookie с красным X справа от адресной строки.При щелчке по нему отображаются две опции:

  • Всегда разрешать сайту [URL сайта] сохранять файлы cookie
  • Продолжать блокировать файлы cookie

И так как я выбрал первый, он тогда выглядел хорошо для меня.

Но эта опция не то же самое, что «разрешить использование стороннего поставщика».куки-файлы ", которые недоступны во всплывающем окне параметров.

Фактически, чтобы сайты могли использовать куки-файлы из Spotify, вам необходимо:

  1. Отключите параметр Блокировать сторонние файлы cookie в общих настройках Chrome
  2. или добавьте [*.]spotify.com в свой белый список (я рекомендую этот)

Таким образом, любой сайт может получить доступ к spotify.com cookie-файлам, чтобы проверить, вошел ли пользователь в систему для правильного воспроизведения музыки (полные треки или просто предварительные просмотры).

И еще одно последнее замечание: доступ к сайту с кодом кнопки вставки должен осуществляться через SSL, поэтому через https.

я не проверял, как изменитьШляпа для Safari на MacOS, но, вероятно, решение похоже на это.

...