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

Download Report