龙空技术网

视频监控(6) web播放flv

冷冷哋月光 60

前言:

目前看官们对“flvjs”大致比较注重,我们都需要剖析一些“flvjs”的相关资讯。那么小编同时在网络上搜集了一些对于“flvjs””的相关资讯,希望同学们能喜欢,朋友们一起来学习一下吧!

一、播放flv格式需要 flv.js

我这里用的npm安装,如果也可以找网址直接下载:

npm install --save flv.js

打包:

npm install

npm install -g gulp

gulp release

然后在 \node_modules\flv.js\dist 里面找到flv.min.js

二、直径贴示例代码

<script src="flv.min.js"></script>

<video id="videoElement" controls="controls"></video>

<script>

if (flvjs.isSupported()) {

var videoElement = document.getElementById('videoElement');

var flvPlayer = flvjs.createPlayer({

type: 'flv',

url: 'http://你的流媒体服务应用/a.flv'

});

flvPlayer.attachMediaElement(videoElement);

flvPlayer.load();

flvPlayer.play();

player = flvPlayer;

}

</script>

三、可见使用的H5的video标签,具有如下原生功能

1.)创建

<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>

2.)以下列出原生video常用的一些属性

属性 值 描述

onplay script 当媒介已就绪可以开始播放时运行的脚本。

onpause script 当媒介被用户或程序暂停时运行的脚本。

ondurationchange script 当媒介长度改变时运行的脚本。

标签: #flvjs