へっぽこ、ミニマル、DIY

YouTubeAPI V3でジュークボックス的なページを作りました

footfoot - 2016-11-05
YouTubeAPI V3でジュークボックス的なページを作りました
前にプログレのジュークボックス的なページを作ったことがあるんですが、それをちょっと改造してこのサイトに設置してみました。

Musical Box 〜アート、おもしろ、ダークネス

ランダムでアルバムの検索結果が表示されるのでYoutubeのサムネをクリックすれば視聴できます。サイトに飛んだ時に自動で再生できるようにしたかったけど、プログラミングのスキルが足らず実装できず。(´・ω・`)

あとレイアウトが昔のままの固定幅なのでPCでないと厳しいかな。

YouTube APIのバージョンがv2からv3になっていて動かなくなってたので結構手間取りました。元になったのがドットインストールのYouTubeでジュークボックスを作ろう。それを素人ながら適当にいじっただけなんですけど、難しいですねプログラミングって。

アーティストはまだ全然少ないので暇なときに増やしておこうかな。(需要あるのか?)

評価(★)は完全に個人的な趣味なので気にせずに。

MusicalBoxのソースコード

JavaScriptとCSSもHTMLに記述してるのでページのソースを表示すれば全部見れます。※素人のプログラムなのでご了承を。

ドットインストールのソースが基本なんですが、アーティストとアルバムのデータベースは自分で作ってそのワードを使ってYoutubeAPIで検索結果を表示してるという感じです。

※コピペして使いたい場合は、Javascriptのkey(APIkey)を差し替えてください。これは個別に割り当てられたキーになってます。GoogleアカウントGoogle Developpers Consoleがあれば誰でも取得できます。

追記: 2021年9月

最初にYouTubeAPIに触れてから10年近く経ちますけど自分でも使ったりするので結構便利だなと。誰も使ってなさそうだけど作ってよかった。ブログシステムを変更して更新しやすくなったので、いい音楽見つけたら気軽に更新できるかなと思います。そういえばドットインストールの講座はV3にアップデートせずに終了してますね。残念。

コメント