flowplayer (フラッシュ バージョン) を使用すると、rtmp プロトコルを使用して smil ファイル経由でマルチビットレートのビデオ ファイルを読み込むことができます。
それぞれのスクリプトは次のとおりです
<script>
flowplayer("bplayer", "http://releases.flowplayer.org/swf/flowplayer-3.2.15.swf", {
clip: {
url: "bitrates3.smil.xml",
autoPlay: true,
provider: 'rtmp',
urlResolvers: [ 'smil', 'bwcheck' ]
},
plugins: {
smil: {
url: "http://releases.flowplayer.org/swf/flowplayer.smil-3.2.8.swf"
},
bwcheck: {
url: "http://releases.flowplayer.org/swf/flowplayer.bwcheck-3.2.11.swf",
serverType: 'wowza',
dynamic: true,
netConnectionUrl: 'rtmp://video.abc.com/cdn',
},
rtmp: {
url: "http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.11.swf",
netConnectionUrl: 'rtmp://video.abc.com/cdn'
},
}
}).ipad();
</script>
これは smil ファイルです - bitrates3.smil.xml (ビデオ パスはダミーです)
<?xml version="1.0" encoding="utf-8"?>
<smil>
<head>
<meta base="rtmp://itl.bc-s.cdn.bitgravity.com/cdn" />
</head>
<body>
<switch>
<video src="mp4:/abc/secure/A-081207-L.mp4" system-bitrate="800" width="480" />
<video src="mp4:/abc/secure/A-081207-M.mp4?" system-bitrate="1200" width="720" />
<video src="mp4:/abc/secure/A-081207-S.mp4?" system-bitrate="1600" width="1080" />
</switch>
</body>
</smil>
flowplayer に関連付けられている ipad プラグインを使用して、iPad でビデオを個別に再生することもできます。
それぞれのコードは次のとおりです。
<html>
<head>
<title></title>
</head>
<body>
<script>
head.js(
"http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js",
"http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js",
"http://releases.flowplayer.org/js/flowplayer-3.2.11.min.js", function(){
head.js("http://releases.flowplayer.org/js/flowplayer.ipad-3.2.12.min.js");
});
$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.15.swf").ipad();
</script>
<!-- player container-->
<a href="http://video.abc.com/secure/A-20110128-L.mp4?e=0" class="player" style="display:block;width:425px;height:300px;margin:10px auto" id="player"> <img src="dummy-image.jpg" alt="Search engine friendly content" /> </a>
</body>
</html>
マルチビットレート切り替えがすべてのブラウザーとデバイスで機能するように、これらのコードをどのように組み合わせることができますか? さまざまなデバイス/ブラウザーをサポートするために必要なビデオ ファイルの形式があります。
クリップの ipadURL プロパティに http ビデオ リンクを追加しようとし、ipad() 関数を呼び出しましたが、空白の黒い画面が表示され、何も機能しませんでした (ブラウザーでも)。