<html>
<head>
<script type="text/javascript" src="jwplayer.js"></script>
<title>Provider tests</title>
<style>
body { padding: 50px; font: 13px/20px Arial; background: #EEE; }
form { margin-top: 20px; }
#player { -webkit-box-shadow: 0 0 5px #999; background: #000; }
ul { margin-top: 40px; padding: 0 0 0 20px; list-style-type: square; }
</style>
</head>
<body>
<div id="player">You need Flash to play these tests</div>
<script type="text/javascript">
jwplayer("player").setup({
//autostart: true,
//controlbar: "none",
file: "http://localhost/aaa/10038.m3u8",
duration: 57,
flashplayer: 'player.swf',
volume: 80,
width: 720,
plugins: { 'qualitymonitor.swf':{} },
provider:'adaptiveProvider.swf',
});
function loadStream(url) {
var thisurl= document.getElementById("stream_url").value;;
jwplayer("player").load({file: thisurl,provider: 'adaptiveProvider.swf'});
jwplayer("player").play();
return false;
}
</script>
<input type="text" name="stream_url" id="stream_url" />
<input type="button" onclick="loadStream()" value="loadStream" />
</body>
</html>
注意需要有qualitymonitor.swf这个文件
nginx需要配置
mimi.type
application/octet-stream ts;
application/x-mpegURL m3u8;
nginx根目录下放,为了跨域问题
crossdomain.xml
参考
具体内容http://hi.baidu.com/%C0%EE%D5%F1%BF%AD123/blog/item/94e04683aa77fab26c811918.html
<?xml version='1.0'?>
<!DOCTYPE cross-domain-policy SYSTEM 'http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd'>
<cross-domain-policy>
<site-control permitted-cross-domain-policies="all" />
<allow-access-from domain="*" />
<allow-http-request-headers-from domain="*" headers="*"/>
</cross-domain-policy>
网上的例子
http://developer.longtailvideo.com/player/branches/adaptive/test/provider.html
参考
http://developer.longtailvideo.com/player/branches/adaptive/doc/reference.pdf
http://developer.longtailvideo.com/player/branches/adaptive/test/provider.html
http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/24109/jwplayer-adaptive-provider-wowza