前文:随着前端大屏页面的逐渐壮大,客户的需求也越来越多,大屏上面展示的事物也越来越丰 富。其中实时播放监控的需求逐步增加,视频流格式也是有很多种,用到最多的.flv、.m3u8。一、JessibucaPlayer插件用来播放flv流1.首先是先把文件放在vue项目的public下面2.在index.html文件里面引入index.js文件(直接引入即可) 3.把封装好的JessibucaPlayer组件放到公共componentsexportdefault{name:"JessibucaPlayer",props:{videoUrl:{type:String,default:""},id:
前文:随着前端大屏页面的逐渐壮大,客户的需求也越来越多,大屏上面展示的事物也越来越丰 富。其中实时播放监控的需求逐步增加,视频流格式也是有很多种,用到最多的.flv、.m3u8。一、JessibucaPlayer插件用来播放flv流1.首先是先把文件放在vue项目的public下面2.在index.html文件里面引入index.js文件(直接引入即可) 3.把封装好的JessibucaPlayer组件放到公共componentsexportdefault{name:"JessibucaPlayer",props:{videoUrl:{type:String,default:""},id:
前言:Jessibuca是一款开源的纯H5直播流播放器,通过Emscripten将音视频解码库编译成Js(ams.js/wasm)运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件附上中文文档:http://jessibuca.monibuca.com/player.html使用步骤:1.安装(这个插件会自动在html插入index标签,所以可以在代码中直接全局使用jessibuca变量,无需引入) npminstallvue-cli-plugin-jessibuca-D#useyarnyarnaddvue-cli-plugin-jessibuca-D2.去