m3u8在windows上预览

最新推荐文章于 2024-10-12 11:01:38 发布

原创最新推荐文章于 2024-10-12 11:01:38 发布 · 680 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jwplayer

ios 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用JWPlayer实现自适应流媒体播放的示例，包括如何设置播放器参数、加载流媒体文件及解决跨域问题等。示例中还涉及了如何配置nginx以支持特定的mimetypes。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



<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