「ようつべ」の放映
「ようつべ」のライブ中継は、番組を投稿するという発想。
だから、毎回、放送するＵＲＬが変化する。
ちなみに「ゆーすと」はチャンネル方式だったので、
チャンネルを自分のホームページに張り付けておけば、
放送するときだけ、映像が流れていたので、とても便利だった。
つまり「ようつべ」の場合は、
ライブ中継を見せていく場合、
（１）「ようつべ」に作った、自分のページへのリンクを張り付ける。
（２）特殊なプログラムを使って、番組のコードをもらってきて、自分のページに張り付ける。
のどちらかの選択になる。
（１）のメリットとしては、簡単にできることがあげられる。
しかし、「ようつべ」のページでは、人気の動画が上に表示される傾向があるため、録画中継の掲載順序がめちゃくちゃになる。
（２）のメリットとしては、自分のページ内で完結することである。
録画中継へのリンクも、リンクでやればいいので、順番通り、美しく配置できる。
しかし、「特殊なプログラム」の知識が必要。
「局長、どっちがいいですかね！？」
「・・・もちろん、美しいほうで」
「・・・善処します」
お役所なのだ、とりあえずこういう答弁でいいだろう。
「特殊なプログラム」とは「ＪＡＶＡscript」。
これで、「ゆうすと」の「ＡＰＩ」にアクセスして情報をもらってくる。
その情報のパッケージが「ＪＳＯＮ」になる。
もらってくる部分。
もらえるように、「ゆうすと」にお願いをする部分。
もらってきた情報から特定の部分を抜き出して表示する部分。
以上の３つがキーとなる。
本を３冊読んだ。
図書館にも通った。
そして、「ようつべ」のライブの有無を自動で確認して、
もしライブ中なら、映像をはめ込むＪＡＶＡを作製した。
内容は次のとおりだ。
なお、「＊」のところは、各自で取得しなければならない。
<script>
xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UC-＊*********&type=video&eventType=live&key=***************", false);
xhr.send(null);
var json=xhr.responseText;
var cheker = JSON.parse(xhr.responseText);
if (cheker.items[0].snippet.liveBroadcastContent=="live") {
document.write('
<center><strong><BR>【ライブ中継】
'+cheker.items[0].snippet.title+'
</center></strong>');
document.write('<iframe width="550" height="320" src="https://www.youtube.com/embed/'+cheker.items[0].id.videoId+'?feature=player_embedded&modestbranding=1&cc_load_policy=0&fs=0" frameborder="0"></iframe>
');
};
</script>
あはは、更新してみました。
