低代码增加监控视频集成功能

        监控视频无处不在，没有可视化功能的平台不是一个好平台。应用为王的时代，如何实现低代码给应用平台增加可视化功能呢？

        一、实时视频

        第一种：H5 video标签，主要是HLS，也就是俗称的m3u8。

<div id= "app">
  <video id="myPlayer1" poster="" playsInline webkit-playsinline controls autoplay muted>
    <source src="http://192.168.0.123:23333/live/ch367_0_0.m3u8" type="application/x-mpegURL" />
   </video>
</div>

        第二种：H5 div标签，js解码控件实现跨平台跨浏览器，常用的有HTTP-FLV、WS-FLV
<div id= "app">
        <div id="myPlayer1"/>
</div>    

<script>
function create(){ 
  player = new window.Jessibuca({
        container: document.getElementById("myPlayer1"),
        decoder: "decoder.js",
      });
  }
function autoPlay(){
    create();
    videourl="ws://192.168.0.123:53372/ws/live/ch367_0_1.flv";
    player.play(videourl);
  }
  function cPlay(){
    player.play("ws://192.168.0.134:53372/ws/live/ch3_0_1.flv");
  }
</script>

        二、录像回放

        第一种：H5 video标签，主要是mp4文件。
        第二种：H5 div标签，js解码控件实现跨平台跨浏览器，常用的有HTTP-FLV、WS-FLV
        上面这两种，都是一个URL来集成视频，一般是单画面，如果是多画面就放多个标签。

        如果想直接嵌入网页模块，有组织树，有多画面，有复杂控制逻辑，不需要安装什么控件，与应用平台融为一体行不行？答案当然是可以。不光可以嵌入实时视频页面，也可以是录像回放页面，还可以是设备配置页面等。无缝连接，跨平台，跨浏览器。视频即点即开，怎么能不爱呢？

        杭州达讯数字的SVMSPro视频汇聚平台，轻松兼容国内外绝大多数的安防监控设备与平台，轻松转发标准化的音视频，帮您低代码实现可视化。我们是视频的搬运工！