Question

Here是如何使用flowplayer嵌入m3u8的示例。

<div data-live="true" data-ratio="0.5625" class="flowplayer play-button fixed-controls">
    <video>
        <source type="application/x-mpegurl" src="http://wms.shared.streamshow.it/telesanremo/telesanremo/playlist.m3u8" data-title="Live stream">
    </video>
</div>

使用JS方法嵌入RTMP：

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
    clip: {
        url: 'streamname', 
        live: 'true', 
        provider: 'rtmp' 
    },
    plugins: {
        rtmp: {
            url: 'flowplayer.rtmp-3.2.13.swf', 
            netConnectionUrl: 'rtmp://some_rtmp_link'
        } 
    } 
});

我的问题：是否有嵌入m3u8的JavaScript或jQuery方法，就像RTMP示例一样？

Answer 1

我找到了答案：

HTML：

<div id="player" class="fixed-controls"  style="width:600px; height:338px;"></div>

JS：

var api = flowplayer("#player", {
    live: true,
    splash: true,
    clip: {
        sources: [
            {
                type: "application/x-mpegurl",
                src: "http://srv6.zoeweb.tv:1935/z330-live/stream/playlist.m3u8"
            }
        ],
        title: "LiveStream"
    },
    embed: {
        skin: "http://releases.flowplayer.org/6.0.1/skin/bauhaus.css"
    }
});

使用JS将m3u8嵌入到flowplayer中

1 个答案: