vue3中使用flv.js实现视频播放

在Vue 3中使用flv.js实现视频播放，首先需要安装flv.js依赖：

npm install flv.js

然后，在Vue组件中引入并使用flv.js：

<template>
  <div>
    <video ref="videoElement" controls autoplay></video>
  </div>
</template>
 
<script setup>
import { onMounted, ref } from 'vue';
import flvjs from 'flv.js';
 
const videoElement = ref(null);
 
onMounted(() => {
  if (flvjs.isSupported()) {
    const flvPlayer = flvjs.createPlayer({
      type: 'flv',
      url: '你的视频流地址.flv', // 替换为实际的视频流地址
    });
    flvPlayer.attachMediaElement(videoElement.value);
    flvPlayer.load();
    flvPlayer.play();
  }
});
</script>

确保替换url字段为你的实际视频流地址。这段代码使用了Composition API的setup函数，在组件挂载后初始化flv播放器，绑定视频元素，加载视频流，并播放视频。