HLS视频流
播放hls视频流需要依赖hls.min.js,网上示例很多,在这里贴一下源码。
播放器
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('http://127.0.0.1:7002/live/movie.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
http-flv视频流
需要依赖flv.js,为bilibili开源的代码,可以参考链接http://bilibili.github.io/flv.js/demo/ 网上参考代码比较多,但是要注意flvjs创建createPlayer的选项设置,有type,islive,hasAudio,hasVideo,url等。在测试时,参考网上代码大多未对其中的选项进行设置,而测试的地址没有音频属性,所以一直无法播放,所以在测试时,要根据自己的实际情况进行相关选项的设定。
if (flvjs.isSupported()) {
var flvPlayer = flvjs.createPlayer({
type: 'flv',
isLive: true,
hasAudio:false,
hasVideo:true,
url: 'http://127.0.0.1:7001/live/movie.flv',// |