1

この例をチェックしてください, 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 うまくプレイできます

4

2 に答える 2

1

m3u8 ストリームを再生するには、プレミアム jwplayer ライセンスを購入する必要があるようです。あなたは彼らのサイトでそれについて読むことができます

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

3 番目のボックスの下に Apple HLS Streams と表示されていますが、これが実際の m3u8 です。

于 2013-12-17T11:33:14.110 に答える
0

おそらく、持っていない !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フォーラムでは、 iOS および Safari.m3u8でのみ機能することが言及されています。ここを参照してください。

LongTail Video Web サイトが提供する有効な.m3u8ストリーミング再生 Web ページをデバイスでテストするには、このWEBPAGEにアクセスします。デスクトップブラウザ使用時の注意！それまたはVLC Media Player Pluginが悲しい顔でクラッシュする可能性があります。

于 2012-05-24T11:04:22.847 に答える