在web页面实时播放监控视频(web视频监控系统)

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

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

npm install --save flv.js

打包:

npm install

npm install -g gulp

gulp release

然后在 node_modulesflv.jsdist 里面找到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 当媒介长度改变时运行的脚本。

在web页面实时播放监控视频(web视频监控系统)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论