0

我正在使用 Flowplayer 的免费版本,并在其中尝试加入 Youtube 风格的分辨率选择器。当我点击播放时,我收到了下面提到的错误。

200,找不到流,NetStream.Play.StreamNotFound,剪辑:'[Clip]'video-800-old_1080'

对此很陌生,所以无法真正弄清楚出了什么问题。不知何故,我相信它与 URL 有关,因为比特率数组中提到的所有视频都存在于我的本地计算机上。

下面是我尝试使用不同比特率进行流式传输的代码

<html>
<head>
    <style type="text/css">
    .container{
        margin: 0 auto;
        width: 700px;
        height: 450px;
        border: 1px solid black;
    }

    </style>
    <script type="text/javascript" src="../flowplayer-3.2.12.min.js"></script>

    <!-- some minimal styling, can be removed -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <title></title>
</head>
<body>
    <div class="container">
        <a  
             href="http://localhost/shivam/admin/uploads/videos/video-800-old_1080.mp4"
             style="display:block;width:100%;height:100%;"  
             id="player"> 

             <img src="flow_eye.jpg" width="100%" height="100%" alt="Search engine friendly content" />
        </a> 
        <script>
            flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf", {
    clip: {
        autoPlay: true,
        provider: 'rtmp',

        // urlResolvers is needed here to point to the bitrate select plugin
        urlResolvers: 'brselect',

        bitrates: [

            { url: "mp4:video-800-old_1080", bitrate: 1080, isDefault: true,label: "1080 k"},
            { url: "mp4:video-800-old_420", bitrate: 420, label: "420 k" },
            { url: "mp4:video-800-old_320", bitrate: 320, label: "320 k" }
        ]
    },
    plugins: {
        menu: {
            url: "http://releases.flowplayer.org/swf/flowplayer.menu-3.2.12.swf",
            items: [
                // you can have an optional label as the first item
                // the bitrate specific items are filled here based on the clip's bitrates
                { label: "select bitrate:", enabled: false }
            ]
        },
        brselect: {
            url: "http://releases.flowplayer.org/swf/flowplayer.bitrateselect-3.2.13.swf",

            // enable the bitrate menu
            menu: true,

        },
        // RTMP streaming plugin
        rtmp: {
            url: "http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.12.swf",
            netConnectionUrl: 'rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st'
        },
        // a content box so that we can see the selected bitrate. (for demonstation
        // purposes only)
        content: {
            url: "http://releases.flowplayer.org/swf/flowplayer.content-3.2.8.swf",
            top: 0,
            left: 0,
            width: 400,
            height: 150,
            backgroundColor: 'transparent',
            backgroundGradient: 'none',
            border: 0,
            textDecoration: 'outline',
            style: {
                body: {
                    fontSize: 14,
                    fontFamily: 'Arial',
                    textAlign: 'center',
                    color: '#ffffff'
                }
            }
        },
        controls: {
            tooltips: { buttons: true }
        }
    }
});

        </script>
    </div>
</body>
</html>
4

1 回答 1

1

首先,由于您没有 RTMP 服务器而出现错误,请尝试使用lighttpd.

试试下面的代码,

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf", {
    clip: {
        autoPlay: true,
        provider: 'lighttpd',

        // urlResolvers is needed here to point to the bitrate select plugin
        urlResolvers: 'brselect',

        bitrates: [

            { url: "http://localhost/flowplayer/example/gangnam.flv", bitrate: 885, isDefault: true,label: "1080 k"},
            { url: "http://localhost/flowplayer/example/gangnam_1080.flv", bitrate: 885, label: "320 k" }
        ]
    },
    plugins: {
        menu: {
            url: "http://releases.flowplayer.org/swf/flowplayer.menu-3.2.12.swf",
            items: [
                { label: "select bitrate:", enabled: false }
            ]
        },
        brselect: {
            url: "http://releases.flowplayer.org/swf/flowplayer.bitrateselect-3.2.13.swf",
            menu: true,

        },
        lighttpd: {
            url: "flowplayer.pseudostreaming-3.2.12.swf"
        },
        content: {
            url: "http://releases.flowplayer.org/swf/flowplayer.content-3.2.8.swf",
            top: 0,
            left: 0,
            width: 400,
            height: 150,
            backgroundColor: 'transparent',
            backgroundGradient: 'none',
            border: 0,
            textDecoration: 'outline',
            style: {
                body: {
                    fontSize: 14,
                    fontFamily: 'Arial',
                    textAlign: 'center',
                    color: '#ffffff'
                }
            }
        },
        controls: {
            tooltips: { buttons: true }
        }
    }
});

当您提供文件的 URL 时,请使用适当的比特率,否则当您切换视频将重新开始播放的分辨率时。

祝你好运!!!

于 2013-08-20T16:55:00.187 回答