JW Player 不能播放 m3u8 流？答案

【问题标题】：JW Player can not play m3u8 stream?JW Player 不能播放 m3u8 流？
【发布时间】：2012-05-24 08:58:06
【问题描述】：

检查这个例子，http://developer.longtailvideo.com/player/branches/adaptive/test/provider.html，我自己试过这个例子，有我的代码：

<html>
<head>

    <script type="text/javascript" src="jwplayer.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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>

    Test M3U8
    <div id="player">You need Flash to play these tests</div>

    <script type="text/javascript">
        jwplayer("player").setup({
            file: '../m3u8/index.m3u8',
            flashplayer: 'player.swf',
            provider:'adaptiveProvider.swf',
            height: 360,
            width: 640
        });
        function loadStream(url) {
            jwplayer("player").load({file: url,provider: 'adaptiveProvider.swf'});
            jwplayer("player").play();
            return false;
        }

        $(document).ready(function() {
            loadStream('http://localhost/m3u8/index.m3u8');
        });
    </script>
    <ul id="streamlist"></ul>
    <div id="panel"></div>
</body>
</html>

但是 Jw Play 无法运行

顺便说一句：我的vlc可以玩http://localhost/m3u8/index.m3u8很好

【问题讨论】：

从那以后一直有人问这个问题，但显然它也没有得到高质量的答案：stackoverflow.com/questions/14988021/…

标签： javascript jwplayer

【解决方案1】：

看来您需要购买高级 jwplayer 许可证才能播放 m3u8 流。你可以在他们的网站上阅读它

http://www.jwplayer.com/pricing/

它在第三个框下方显示 Apple HLS Streams，这就是 m3u8 的真正含义。

【讨论】：

【解决方案2】：

可能是缺少 !DOCTYPE 声明，而您没有。

我无法亲自对此进行测试，但请尝试此版本，该版本还包含基于原始文件的其他修复。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>Provider tests</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

    </script>
        <script type="text/javascript" src="jwplayer.js">
    </script>

<style type="text/css">
/*<![CDATA[*/
        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>

Test M3U8

<div id="player">You need Flash to play these tests</div>

<script type="text/javascript">
//<![CDATA[
        jwplayer("player").setup({
            file: '../m3u8/index.m3u8',
            flashplayer: 'player.swf',
            provider:'adaptiveProvider.swf',
            height: 360,
            width: 640
        });
        function loadStream(url) {
            jwplayer("player").load({file: url,provider: 'adaptiveProvider.swf'});
            jwplayer("player").play();
            return false;
        }

//]]>
</script>

<ul id="streamlist"></ul>
<div id="panel"></div>

<script type="text/javascript">
//<![CDATA[
        $(document).ready(function() {
            loadStream('http://localhost/m3u8/index.m3u8');
        });
//]]>
</script>

</body>
</html>

编辑：请注意，您必须在同一个域上才能正常工作。此外，jwPlayer 论坛提到 .m3u8 仅适用于 iOS 和 Safari。参考HERE。

要使用您的设备测试由 LongTail Video 网站提供的有效 .m3u8 流媒体播放网页，请访问此WEBPAGE。使用桌面浏览器时要小心！它或 VLC 媒体播放器插件 可能会因悲伤的表情而崩溃。

【讨论】：