youtube-custom-music-playerはYouTubeの歌枠等配信を音楽プレーヤー風にまとめるフレームワークです。 静的リソースのみで完結するようにしており、Webアプリケーション構築の知識がなくても静的ページ公開の知識があれば利用できるようにしております。
Version2ではGoogle スプレッドシートをデータ取得元にしました。これによりデータの共同編集がVersion1に比べると容易になっております。 一方、設定はVersion1よりも難しくなっておりますので、Version1の利用もご検討ください。
Releasesよりzipファイルをダウンロードし、解凍後data配下のconfig.jsonを編集してください。
- siteNameはサイト名の文字列です。
- userPlayListはユーザ作成リストの機能有無を切り替えます。デフォルトは無効(false)です。同一ドメインで複数のサイトがある場合、リストは共有されます。
- spreadsheetIdはGoogle スプレッドシートのIDです。IDについてはこちらを参照してください。なお、参照するスプレッドシートは共有設定から公開されていなければなりません。スプレッドシートの要件は後述します。
- apiKeyはGoogle Cloud APIsのAPI Keyです。こちらからAPI Keyを発行してください。発行するAPI Keyは必ずURLによる制限とGoogle Sheets APIのみを使用するように制限してください。
いずれも編集時はUTF-8を文字コードとして編集してください。
編集後は全ファイルをWebサーバ上に配置してください。
1行目は少なくとも以下の項目を含む見出し行でなければなりません。
- movieId: YouTube動画または配信ID
- movieName: YouTube動画または配信名
- startTime: 曲の開始時間(秒)
- endTime: 曲の終了時間(秒)
- songName: 曲名
- artist: アーティスト名
本フレームワークのデータ取得はHTTPリクエストを介して行われるため、Webサーバ上にファイルを配置した場合のみ動作いたします。