vue+flv实现摄像头的调用和控制方向

1.首先 npm i flv

2.将插件的属性copy过来

 <video
      id="videoElement"
      class="centeredVideo"
      height="500"
      :width="vioW"
      controls
      autoplay
    ></video>
import flvjs from 'flv.js'

mounted里面 

if (flvjs.isSupported()) {
      var videoElement = document.getElementById('videoElement')
      this.flvPlayer = flvjs.createPlayer({
        type: 'flv',
        enableWorker: true, //浏览器端开启flv.js的worker,多进程运行flv.js
        isLive: true, //直播模式
        hasAudio: false, //关闭音频
        hasVideo: true,
        stashInitialSize: 128,
        enableStashBuffer: false, //播放flv时,设置是否启用播放缓存,只在直播起作用。
        // 接口返回
        url: '映射地址 接口返回的地址',
      })
      this.flvPlayer.attachMediaElement(videoElement)
      this.flvPlayer.load()
      this.flvPlayer.play()
    }

登录接口请

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值