uniapp 直播拉流 播放m3u8 视频

在百度中找啦n多个方法 没有解决啦 巨气人

发现hls.js hls.js不需要任何播放器，它可以直接在标准HTML 元素上运行。

安装第三方库

npm install hls.js -S

在uniapp页面显示

<template>
    <div class="video_con">
        <video controls class="video" ref="video"></video>
    </div>
</template>
 
<script>　
    let Hls = require('hls.js');
    export default {
        data() {
          return {
              hls: null
          }
        },
        mounted() {
            this.getStream('url')
        },
        methods: {
            getStream(source) {
                if (Hls.isSupported()) {
                    this.hls = new Hls();
                    this.hls.loadSource(source);
                    this.hls.attachMedia(this.$refs.video);
 
                    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
                        console.log("加载成功");
                        this.$refs.video.play();
                    });
                    this.hls.on(Hls.Events.ERROR, (event, data) => {
                        // console.log(event, data);
                        // 监听出错事件
                        console.log("加载失败");
                    });
                } else if (this.$refs.video.canPlayType('application/vnd.apple.mpegurl')) {
                    this.$refs.video.src = 'https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8';
                    this.$refs.video.addEventListener('loadedmetadata',function() {
                        this.$refs.video.play();
                    });
                }
            },
            // 停止流
            videoPause() {
                if (this.hls) {
                    this.$refs.video.pause();
                    this.hls.destroy();
                    this.hls = null;
                }
            }
        }
    }
</script>

如果想要应用在自己的页面中 直接c v 就ok啦

要是有人问推流为啥没有

不要问 问就是不会！！！