vue 使用flv.js播放rtsp视频

可以使用flv.js和vue实现播放rtsp视频，具体步骤如下：

1. 安装flv.js：在项目中安装flv.js，可以使用npm或者yarn进行安装。

npm install flv.js --save

2. 导入flv.js：在需要使用的vue组件中导入flv.js。

import flvjs from 'flv.js'

3. 创建flv.js实例：在vue组件的`mounted()`方法中创建flv.js实例，并设置相关参数。

mounted() {
  if (flvjs.isSupported()) {
    const videoElement = this.$refs.video
    const flvPlayer = flvjs.createPlayer({
      type: 'rtsp',
      url: 'rtsp://xxx.xxx.xxx.xxx/xxx',
      isLive: true,
      enableWorker: true,
      lazyLoadMaxDuration: 3 * 60,
      seekType: 'range'
    })
    flvPlayer.attachMediaElement(videoElement)
    flvPlayer.load()
  }
}

其中，`type`设置为`rtsp`，`url`设置为rtsp视频的地址。其他参数可以根据需求进行设置。

4. 播放rtsp视频：在vue组件中添加视频播放器。

<video ref="video" controls></video>

完成以上步骤后，就可以使用flv.js和vue实现播放rtsp视频了。