コンテストサーバーから動画を配信する方法 2016年7月 学校インターネット教育推進協会 ■ はじめに 事務局では、「Flowplayer 事務局では、「Flowplayer」 Flowplayer」という動画プレーヤーソフトを用い、自分たちで制作した動画を、自分た という動画プレーヤーソフトを用い、自分たちで制作した動画を、自分た ちのコンテストサーバー ちのコンテストサーバーの領域 コンテストサーバーの領域から配信できる機能を設置 の領域から配信できる機能を設置しました。 から配信できる機能を設置しました。 本マニュアルでは、 その配信方法について解説し その配信方法について解説します。 解説します。 なお、利用にあたっては、配信する動画ファイルが Flash Video形式 Video形式 (拡張子: .flv または .mp4) になっている必要があります。用意している動画が、この形式ではない場合、予め変換する必要が あります。 動画の変換について不明な点がある場合は、事務局までお問い合わせ下さい。 他サーバー(Youtube Youtubeなど)から配信されている動画部分は審査対 本機能の利用は任意ですが、他サーバー( 本機能の利用は任意ですが、 他サーバー( Youtube など)から配信されている動画部分は審査対 象外となりますので、ご注意下さい。 象外となりますので、ご注意下さい。 2 1. 動画を掲載するHTML内に赤字部分(ただし、青枠部分は設定ごとに変 わる部分です)を挿入して下さい。ここでは、サンプルとした動画ファイ ルを「 sample_kame_x264.mp4 」とします。 <html> <head> <title>Test video</title> <script src="http://contest.japias.jp/sec/player/flowplayer3.2.12.min.js"></script> </head> <body style="background-color:#eeeeee;padding:20px;"> <a href="sample_kame_x264.mp4" style="display:block;width:320px;height:280px;" id="player"> </a> <script language="JavaScript"> flowplayer("player", "http://contest.japias.jp/sec/player/flowplayer-3.2.16.swf"); </script> 赤字が、HTMLに挿入する記述です。 このままコピー&ペーストして下さい。 青枠で囲った部分は、「動画のファイル 名」と「動画の表示サイズ」にあたる部分で す。これらは、自分たちの動画ファイルに 合わせて書き換えるようにして下さい。 なお、この雛形では、HTMLファイル と、 sample_kame_x264.mp4は、同じフォルダ (階層)にありますが、必ずしも同じ階層 にある必要はありませんので、自分たちの 動画ファイルが置かれた場所を示すよう に適宜変更して下さい。 </body> </html> 3 2. 自分たちのコンテストサーバー領域にHTMLファイルおよび 動画ファイルをアップロードし、ブラウザで確認するようにして 下さい。 サンプル動画は下記から閲覧できます。 http://contest.japias.jp/tqj19/190003/sample.html 4
© Copyright 2024 Paperzz