全网最详细!vue中使用flv.js 播放直播监控视频流

老规矩,先安装flv.js 插件
npm install flv.js
在组件中的使用
**注意事项 放后面我怕你们不看呐!!!!
1.必须在dom加载完成后再执行直播视频流的填充方法!
2.在一个网页中最多同时容纳6个监控视频播放!第七个绝对加载不出来!
3.在离开这个页面的时候必须销毁播放容器,不然会占用TCP个数,导致其他页面的监控也播放不了
**

import flvjs from "flv.js";
//页面代码
<template>
  <div class="tunnelvideo" v-loading="loading">
    <video
      class="videosmall"
      ref="videosmallone"
      preload="auto"
      muted
      autoplay
      type="rtmp/flv"
    >
      <source src="" />
    </video>
  </div>
</template>
//1.必须要声明一个播放器的容器  player就是播放器的容器
data() {
   
    return {
   
      

你可能感兴趣的:(在vue中使用flv.js,播放监控摄像头/直播,vue.js)