请问怎么在线看直播内容？

[suiuko]

我电脑端访问网址后，直接自动下载视频了，无法在线看，

[826641360]

flv.js

[x1uc]

如果你熟悉Vue/Node&JS，你可以这样。

依赖

  "dependencies": {
    "hls.js": "^1.5.18",
    "vue": "^3.4.21",
    "vue-video-player": "^6.0.0"
  }

Vue JS Code

<template>
    <div class="video-container">
        <video ref="videoPlayer" class="video-js" controls preload="auto" width="640" height="360">
        </video>
    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import Hls from 'hls.js'

const videoPlayer = ref(null)
const props = defineProps({
    src: {
        type: String,
        required: true
    }
})

onMounted(() => {
    if (Hls.isSupported()) {
        const hls = new Hls()
        hls.loadSource(props.src)
        hls.attachMedia(videoPlayer.value)
    }
    // 对于原生支持 HLS 的浏览器（如 Safari）
    else if (videoPlayer.value.canPlayType('application/vnd.apple.mpegurl')) {
        videoPlayer.value.src = props.src
    }
})
</script>

<style scoped>
.video-container {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
</style>