flv视频流页面播放

步骤:

1、配置依赖
     npm install --save flv.js

2、在使用的页面中引用
     import flvjs from 'flv.js'

3、在mounted()中初始

    mounted() {
        this.$nextTick(()=>{
            if (flvjs.isSupported()) {
                let videoElement = document.getElementById('videoElement');
                let flvPlayer = flvjs.createPlayer({
                    type: 'flv',
                    isLive: true,
                    hasAudio: false,
                    url: 'http://192.168.120.159:8080/live/test.flv'
                });
                console.log(flvPlayer, 'flv对象')
                flvPlayer.attachMediaElement(videoElement);
                flvPlayer.load();
                flvPlayer.play();
            }
        })
    },
上一篇:浅谈流媒体


下一篇:2022微软中国在苏州北京上海等城市共有700多职位热招,欢迎自荐推荐转发