文章/答案/技术大牛

发布

问用JS嵌入m3u8与flowplayer
EN

Stack Overflow用户

提问于 2015-06-15 18:20:04

回答 1查看 8.1K关注 0票数 0

这里是如何将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'
        } 
    } 
});

我的问题是:是否有JavaScript或jQuery方法嵌入m3u8，就像在RTMP示例中那样？

m3u8

http-live-streaming

live-streaming

flowplayer

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-19 20:21:51

我找到了答案：

HTML：

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

联署材料：

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"
    }
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30852259

复制

相似问题

问用JS嵌入m3u8与flowplayer
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JS嵌入m3u8与flowplayerEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JS嵌入m3u8与flowplayer
EN