youtubeの動画を再生しながら、下で紙芝居を再生するスクリプトを作成しました。

githubURL:https://github.com/NanjoMiyako/YouTubeKamiSiba サンプルページURL:https://nanjomiyako.github.io/YouTubeKamiSiba/

使い方まず下で紙芝居再生用ファイルを読み込ませてから、youtubeで一緒に再生する動画のIDをセットボタンでセットします。それから上画面でyoutubeの動画を再生することで秒ごとの指定でyoutubeの動画を再生しながら下で紙芝居を再生します。

紙芝居再生用ファイルの書式紙芝居再生用ファイルの書式は以下のように作成します。

書式
表示時間1(秒単位),画像URL1
表示時間2(秒単位),画像URL2
...

youtubeの動画再生中に表示時間の2秒前になった時点で画像が切り替わるように
なっています。