天蓝色系网站设计,电子商务系统的建设过程,视频制作表情包,视频网站备案怎么做文章目录 前言一、安装二、引入三、使用 前言
开发大屏项目时#xff0c;可能需要在大屏上展示一个监控画面#xff0c;此时就可以用的flv.js来展示视频效果 一、安装 npm install flv.js二、引入
import flvjs from flv.js;三、使用
video refvideoElement可能需要在大屏上展示一个监控画面此时就可以用的flv.js来展示视频效果 一、安装 npm install flv.js二、引入
import flvjs from flv.js;三、使用
video refvideoElement controls autoplay muted/videoif (flvjs.isSupported()) {const videoElement that.$refs.videoElement;that.player flvjs.createPlayer({type: flv,url: that.videoInfo.videoUrl,isLive: true, // 如果是直播流设置为truehasAudio: true, // 是否有音频hasVideo: true,enableWorker: true, // 是否启用Web WorkerenableStashBuffer: false, // 是否启用播放缓存stashInitialSize: 128 // 初始缓存大小});that.player.attachMediaElement(videoElement);that.player.load();that.player.play();} else {console.log(FLV.js is not supported.);}that.player.on(error, error {console.error(播放器错误:, error);// 重连逻辑或其他处理});beforeDestroy() {if (this.player) {this.player.destroy();}},
