assets/wp-uploads/2015/glimmer720.html

   1 <!DOCTYPE html>
   2 <html>
   3    <head>
   4       <meta charset="utf-8" />
   5       <title></title>
   6       <style>
   7          #playerbox { width:1280; height:750; margin-bottom:10px; }
   8          #status { width:1280px; height:3em; margin-bottom:10px; }
   9       </style>
  10       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  11       <script>
  12          $(function(){
  13                         var player,timer;
  14                         var videoID="7OV0LdBFhEU";
  15                         var offset=0;
  16                         var lyrics_count=0;
  17                         var lyrics = [];
  18                         var lyrics = [
  19
  20                                 0,      "「Glimmer」",
  21                                 2000,   "",
  22
  23                                 2100,   "魂は逃れられない運命の束縛に囚われ",
  24                                 2420,   "",
  25                                 2440,   "四散した空虚な瞳は冷酷と隔たりを作り上げた",
  26                                 2740,   "",
  27                                 2760,   "時代は一体誰が仕掛けた因果によって動いているのだろうか",
  28                                 3040,   "",
  29                                 3060,   "まだ鋭利なその輪郭　目を逸らさずに受け止めて",
  30                                 3380,   "",
  31                                 3400,   "再構築された自我は　是と非を捻じ曲げ",
  32                                 3720,   "",
  33                                 3740,   "星々は微かな煌きを残して燃え尽きていった",
  34                                 4060,   "",
  35                                 4080,   "僅かに静止した時間のなかで　呑み込むのか、或いは生き残るのか",
  36                                 4380,   "",
  37                                 4400,   "恐れることなく切り抜けろ",
  38                                 4640,   "",
  39                                 4700,   "熱を帯びる信念を拭い　苦痛を伴いながらも　時間の障壁を乗り越え",
  40                                 5060,   "",
  41                                 5080,   "押し殺していた感情　この瞬間思いのままに解き放て",
  42                                 5340,   "",
  43                                 5360,   "ふり返るにも値しない　脆弱だったかつての自分の姿など捨て去り",
  44                                 5700,   "",
  45                                 5720,   "手のひらに余韻が残る夢は　まだ掴むことが出来るのだろうか",
  46                                 5980,   "",
  47                                 6000,   "まだ見ぬかなたで　忘れられていた夜明けの光を灯しているのは誰？",
  48                                 6600,   "",
  49                                 6620,   "道端に散り落ちた誇りを拾い集め",
  50                                 6920,   "",
  51                                 6940,   "希望を紡ぎだしてゆく",
  52
  53                                 7450,   "",
  54
  55 ,
  56                                 1000000,        "",
  57
  58                         ];
  59                         var lyrics_count_end = lyrics.length / 2;
  60
  61             function fGetScript(){
  62                $.ajax({
  63                   url:"http://www.youtube.com/player_api/",
  64                   dataType:"script",
  65                   success:function(data){
  66                   },
  67                   error:function(xhr, status, thrown) {
  68                      dbg(xhr);
  69                      fGetScript();
  70                   }
  71                });
  72             }
  73             fGetScript();
  74
  75             window.onYouTubeIframeAPIReady=function() {
  76                loadPlayer(videoID);
  77             }
  78             function loadPlayer(videoID) {
  79                if(!player){
  80                   player = new YT.Player(
  81                      'player',{
  82                         width: '1280',
  83                         height: '750',
  84                         videoId: videoID,
  85                         events: {
  86                            "onReady": onPlayerReady,
  87                         },
  88                         playerVars: {
  89                            "rel":0,
  90                            "showinfo":1,
  91                            "controls":1,
  92                            "iv_load_policy":3
  93
  94                         }
  95                      }
  96                   );
  97                }else{
  98                   player.loadVideoById(videoID);
  99                }
 100             }
 101             function onPlayerReady(event){
 102                timer = setInterval(getStatus, 100);
 103                            event.target.setPlaybackQuality('hd720');
 104             }
 105             var getStatus=function(){
 106                                 var current_time=player.getCurrentTime()*100+offset;
 107
 108                                 if(current_time < lyrics[lyrics_count*2]) {
 109                                         lyrics_count=0;
 110                                 }
 111
 112                                 while(current_time > lyrics[lyrics_count*2+2] && lyrics_count<lyrics_count_end) {
 113                                         lyrics_count++;
 114                                 }
 115
 116
 117                                 $("#status").html(lyrics[lyrics_count*2+1]);
 118 //                              $("#time").html(Math.round(current_time));
 119
 120             }
 121          });
 122       </script>
 123    </head>
 124    <body>
 125
 126
 127       <div id="wrap">
 128                 <table border=0 cellspacing=0 ><tr><TD colspan=0>
 129          <div id="playerbox"><div id='player'></div></div>
 130
 131          <center><div id="status"></div></center>
 132                 </TD></tr>
 133                 </table>
 134       </div>
 135    </body>
 136 </html>
 137