Youtube動画のIDからサムネイル画像を自動生成する方法!!

Youtube動画のIDからサムネイル画像を自動生成する方法!!

こんにちは チャリセです。

Youtube動画のサムネイル画像ダウンロードしたいと思ったことありませんか。
特にCMS等に登録したYoutube等のURLから自動的にサムネイル画像を生成できたらいいですよね。
私の場合も、CMSに登録するURLからサムネイル画像を自動的に生成できたらいいなと思ってこれを作りました。
URLからサムネイル画像生成は可能ですが、もっとシンプルにするために今回はYoutubeの動画のIDのみを登録するだけれサムネイル画像作成できるやり方を紹介いたします。

今回はBootstrapのCSSとJavascriptパッケージを使用して簡単なページを作成するようにしました。
まず、BootstrapのCSSとJavascriptをHTMLに張り付け、CardとForm要素を使ってYoutube動画のID入力フォームとボタンを作成しました。また、生成されるサムネイル画像を表示するにはCardのBodyにサムネイル画像を表示できるように「id=hignQuality」IDタグをつけました。

Youtubeのサムネイル画像は様々なサイズで生成することができるため「THUMB_TYPE」変数に登録しました。
そして、画像のURLを作成するために「const fileName」変数にyoutubeのimg api と動画のVideoIDと画像のサイズを組み合わせてURLを発行するようにしました。

IDを入力すると以下のようにサムネイル画像を表示されます。
とてむ簡単でした。あとはダウンロードボタンを付けて画像をダウンロードしたりすることもできます。

現在
株式会社チョモランマ
株式会社シェルパ
3Dmodeljapan株式会社
ではスタッフを大募集しております!!
Unreal Engine4、AI、プログラミングや建築パースに興味がある方!
ぜひご応募下さい!!
初心者の方、未経験の方やインターンを受けてみたい方々でも大歓迎です!!

〔企画運営〕株式会社シェルパ 
公式HP https://sherpa-cg.com/
〒810-0042
福岡県福岡市中央区赤坂1丁目13-10赤坂有楽ビル7F 
TEL 092-717-6800 / FAX 092-717-6801