2015年9月3日木曜日

ブログ小技.ランダム動画表示してみました.







ブログはbloggerを使っています.

パソコンから見た場合ですが,

右のところに「最近の演奏動画」を

出しておりました.




それを「ランダム動画表示」にしてみた

という話でございます.

なんとも,まぁ,小さな技ですみません.





javascriptが利用できるブログでしたら,

同じ方法で表示できると思います.





以下,興味があればどうぞ.






以下のソースを動画を表示したいところに貼りました.

私の場合は右のところ.





var list = new Array();
var n = 0;

list[n++] = "P0z1jaN1OX0";
list[n++] = "Hgn_V4ildUg";
list[n++] = "w6cDHmvKVjU";
list[n++] = "GBa8f2MmPyg";

var rand = Math.floor(Math.random()*list.length);

var video_code = "<iframe width=300 height=225 src=https://www.youtube.com/embed/" + list[rand] + " frameborder=0 allowfullscreen></iframe>";


document.write(video_code);








上のソースで,

list[n++]のところの変な文字列は,
(4−7行目の灰色にしたところ)

youtubeにアップした動画のIDです.

実際には24個です.


(list[n++]のidを変えれば,

その他はコピペで使えると思います.)








自分の動画のURL最後のところを書き出します.










ランダム表示したい動画の数だけ書き出すので,面倒.

なので,CUIで抜き出しました.



youtubeのマイチャンネル画面


マイチャンネルで図の矢印のとこだけ,操作.

「アップロード済み」でURLをコピー.

私の場合は,

https://www.youtube.com/channel/UCTI5kGnaCeVXrplcEWDoz6w/feed?activity_view=3





で,以下のスクリプトを実行で,

自分のアップロード済み動画のidを書き出しました.


#!/bin/sh                                                                                                                                                 

curl -o tmp.html https://www.youtube.com/channel/UCTI5kGnaCeVXrplcEWDoz6w/feed?activity_view=3

cat tmp.html | grep data-context-item-id  | sed -e "s/data-context-item-id=//g" | sed -e "s/ //g" | sed -e "s/^/list[n++] = /g"



・curlでマイチャンネルのソースを取得.
・idをsed,grepで抜き出し
です.

今,気づいたんですが,このスクリプトだと,

list[n++] = "xxxxx"

に最後の;(セミコロン)付け忘れてますね.

適当に付けてください.

sed -e "s/$/;/g"ですかね.






似たような方法で,動画再生リストからも

ランダム表示できると思います.







運が良ければ,きれいなお姉さんの

演奏動画が表示されると思います.

たまにスキーも.

何が出ますかね.





今日の音符読み:52秒

2 件のコメント:

  1. もしや、同業者!?
    自分は、サーバーとかストレージとかの基盤よりな感じです。

    返信削除
    返信
    1. いろいろなんですよね。

      ソフト作成もするし、草刈りもするし、電子回路も山登りも。

      みんな中途半端ですが、飽きないので、
      いいと思います。

      削除