コンテストサーバーから動画を配信する方法(PDF版

コンテストサーバーから動画を配信する方法
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