埋め込みプレイヤーに対応させたい

[ot0m1]

https://developer.spotify.com/documentation/widgets/generate/play-button/

ここらへん参照かな〜

[ot0m1]

埋め込みプレイヤーはiframeで以下のコードで利用できる模様。

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

[ot0m1]

確認したら上記コードのid部分1DFixLWuPkv3KT3TnV35m3を可変にすれば自由にアルバム取れる。

idはspotifyのapiから返ってくる情報のうち、以下のhashに格納されている。

{"external_urls"=>
  {"spotify"=>"https://open.spotify.com/artist/2KEDbpUlz9nwtGywHT4gyf"},
 "href"=>"https://api.spotify.com/v1/artists/2KEDbpUlz9nwtGywHT4gyf",
 "id"=>"2KEDbpUlz9nwtGywHT4gyf",
 "name"=>"Los Secretos",
 "type"=>"artist",
 "uri"=>"spotify:artist:2KEDbpUlz9nwtGywHT4gyf"}

[ot0m1]

僕のコードだと@album["artists"]で取れる。

railsのerbをこんな感じで作れば埋め込めそう。

<iframe src="https://open.spotify.com/embed/album/<%= @album["id"] %>" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

[ot0m1]

railsはiframeもセキュリティに引っかかるっぽいので、別途バリデーションを調整する必要がある。

https://qiita.com/keisuke_kimura/items/1a0812837baab2cc100a

response.headers['X-Frame-Options'] = 'ALLOW-FROM https://open.spotify.com'

でいけるのかな〜。帰って確認してみよ。