§20-07Media

音声 player (Spotify風)

ジャケット画像と進行バー付きで音声を再生する。

画面を移動しても再生が続く音声体験を作る。ポッドキャストや音楽のように、聴きながら他の操作をする利用に向く。

実装のポイント

audio 要素は再生中も DOM に保持し、画面遷移で途切れないよう上位レイアウトに置く。Media Session API で OS のロック画面や再生キーと連携させる。