Встроить m3u8 с помощью Flowplayer с помощью JS

Вот пример того, как встроить m3u8 с помощью flowplayer.

<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>

Встраивание RTMP методом JS:

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?


http-live-streaming live-streaming m3u8 flowplayer
person ihtus    schedule 15.06.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я нашел ответ:

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"
    }
});
person ihtus    schedule 19.06.2015