vue使用flv.js

在Vue中使用flv.js可以通过以下步骤实现：

1. 安装flv.js库

npm install flv.js --save

2. 在Vue组件中引入flv.js

import flvjs from 'flv.js';

3. 在Vue组件的mounted生命周期函数中实例化flv.js并绑定到视频元素上

mounted() {
  if (flvjs.isSupported()) {
    const videoElement = this.$refs.video;
    const flvPlayer = flvjs.createPlayer({
      type: 'flv',
      url: 'your-flv-url'
    });
    flvPlayer.attachMediaElement(videoElement);
    flvPlayer.load();
    flvPlayer.play();
  }
}

其中，`your-flv-url`需要替换成实际的FLV视频地址，`$refs.video`是指向Vue模板中视频元素的引用。

4. 在Vue组件的beforeDestroy生命周期函数中销毁flv.js实例

beforeDestroy() {
  const flvPlayer = this.flvPlayer;
  if (flvPlayer) {
    flvPlayer.pause();
    flvPlayer.unload();
    flvPlayer.detachMediaElement();
    flvPlayer.destroy();
  }
}

需要注意的是，在Vue组件中使用flv.js需要保证FLV视频地址能够正确访问，并且视频元素需要支持FLV格式。