工事中 |
1.YouTube 埋め込みプレーヤーのパラメータ>https://developers.google.com/youtube/player_parameters?hl=ja#showsearch 2.YouTubeから取得した埋め込みコード−1(共有−埋め込みコード の方法) 2-1 パラメータ4種 全てチェック外す <iframe width="480" height="360" src="http://www.youtube.com/embed/h9tRIZyTXTI?rel=0" frameborder="0"allowfullscreen></iframe> rel=0 省略可 「関連動画を読み込まない」 デフォルトは1=関連動画を読み込む。 frameborder="0" 省略可 デフォルトは0。1=動画プレーヤーの周りに境界線が表示、境界線のメイン カラーは color1 サブ カラーは color2。 allowfullscreen 省略可 デフォルトは0。1=フルスクリーン ボタンが有効、他にもいくつか引数を指定する必要があり。 2-2 パラメータ4種 全てチェック 未実施 3.YouTubeから取得した埋め込みコード−2(埋め込みコードをコピー の方法) パラメータ指定項目なし <iframe width="640" height="360" src="http://www.youtube.com/embed/h9tRIZyTXTI?feature=player_detailpage" frameborder="0" allowfullscreen></iframe> feature=player_detailpage 省略可? パラメーターではない。 4.採用 <iframe width="480" height="360" src="http://www.youtube.com/embed/h9tRIZyTXTI?rel=0"></iframe> 5.埋め込み動画1 例:douga1.html 「Andrea Bocelli- Con te Partiro」 <TD valign="top" width="480" height="400" nowrap><iframe width="480" height="380" src="http://www.youtube.com/embed/tcrfvP11Hbo?rel=0&autoplay=1"></iframe><BR height="380">380=360+20 pix autoplay=1「自動再生」 6.埋め込み動画2 例:Handel/douga40.html <TD valign="top" width="480" height="400" nowrap align="center"><iframe width="480" height="290" src="http://www.youtube.com/embed/joVkx20oVIg?rel=0&autoplay=1&start=6925"></iframe><BR> start=6925>01:55:25 |
2013-05-17 テーブルの時間を読み取り、時間の経過に合わせてマークを表示する 下記に使用 http://bcaweb.bai.ne.jp/sashiba/jukebox/clasic/thebcmworld/thebcmworld-frame.html 1.テーブル 1.テーブル1 開始ボタン、停止ボタン。 演奏時間表示(T2)、開始時間入力(途中から開始の場合)。 入力時間表示(str)、カウント時間表示(T1)。開始時間入力は、リアルタイム取得。 2.テーブル2 各曲の演奏開始時間、演奏マーク、曲名、作曲者。 2.script 1.演奏開始時間欄(00:00:00〜)のデータを読み取って、配列 number[i] = j に代入。 2.開始時間入力値から、時・分・秒を取り出し、秒に換算、変数:tsts。 3.開始からの秒数をカウント、変数:msg、1000ms ごと。 4.tsts と msg を足した後、時・分・秒に換算 変数:T2。 5.T2 と j を較べ、T2 が大の場合、マーク欄に ■ を表示。 時間誤差(実測例):動画再生時間(動画に表示される時間)対PCカウント時間 未測定。 javascript は初めて、WEB から収集、意味は分かっていない。 変数 tsts はグローバル変数のこと。 宿題 テーブル1とテーブル2を別のフレームに配置する---未試行。 テーブルとソースはメニュー「表示」>「ソース」を参照。 |
時間:T2 | 開始時間入力 | 入力:str | カウント:T1 | 最初から開始は 0 or 00:00:00 を入力 |
||||
00:00:00 | 00:00:00 | 00:00:00 | ||||||
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
1 | 00:00:01 | 3_1 | 曲1 | 作曲者1 |
2 | 00:00:02 | 3_2 | 曲2 | 作曲者2 |
3 | 00:00:03 | 3_3 | 曲3 | 作曲者3 |
4 | 00:01:00 | 3_4 | 曲4 | 作曲者4 |
5 | 00:01:05 | 3_5 | 曲5 | 作曲者5 |
6 | 00:01:10 | 3_6 | 曲6 | 作曲者6 |
7 | 00:02:00 | 3_7 | 曲7 | 作曲者7 |
8 | 00:02:00 | 3_8 | 曲8 | 作曲者8 |
9 | 00:02:00 | 3_9 | 曲9 | 作曲者9 |
10 | 00:02:10 | 3_10 | 曲10 | 作曲者10 |