ストリーミング動画を配信してみよう② ～nginxとC++ RTMP Server(crtmpserver)の構築～

④動画を見るためのページ「flowplayer.html」を作成します。
/rtmp の直下に「flowplayer.html」というファイル名で作成します。
あと、動画再生用のサンプル動画「sample.mp4」を用意する。
※リンク用のイメージファイルもあるとなおよい。
・flowplayer.htmlの内容

&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;MP4 RTMP-streaming : Flowplayer&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script src=&quot;/rtmp/flowplayer/flowplayer-3.2.12.min.js&quot;&gt;&lt;/script&gt;
    &lt;a style=&quot;display:block;width:350px;height:240px;&quot; id=&quot;player&quot; style=&quot;cursor: pointer;&quot;&gt;
      &lt;img border=0 src=&quot;title.gif&quot; style=&quot;width:320px;height:240px;&quot; alt=&quot;title image&quot; /&gt;
    &lt;/a&gt;
    &lt;br clear=&quot;all&quot; /&gt;
  &lt;script&gt;
  flowplayer(&quot;player&quot;, &quot;http://192.168.100.59/rtmp/flowplayer/flowplayer-3.2.16.swf&quot;, {
    plugins: {
        rtmp: {
            url: &quot;http://192.168.100.59/rtmp/flowplayer.rtmp/flowplayer.rtmp-3.2.13.swf&quot;,
            netConnectionUrl: 'rtmp://192.168.100.59/rtmp'
        }
    },
    clip: {
        provider: 'rtmp',
        scaling: 'fit',
        url: 'mp4:sample.mp4'
    }
  });
  &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

行	説明
7行目	Flowplayer Flash版のJavaScriptを読み込む。
8行目	Flowplayer Flash版を表示する aタグを指定。
9行目	画像を指定。
14-23行目	Flowplayer Flash版の設定。