位置: IT常识 - 正文
VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频(vue中的...)
发布时间：2024-01-04VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频 EasyPlayer 介绍
本文链接地址:https://www.jiuchutong.com/zhishi/285149.html
转载请保留说明！
推荐整理分享VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频(vue中的...)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue项目使用rem,vue使用,vue项目中优雅使用业务字典,vue项目使用rem,vue 示例,vue项目使用rem,vue项目中优雅使用业务字典,vue项目使用rem,内容如对您有帮助，希望把文章链接给更多的朋友！
简介:集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大；
功能支持:
支持 MP4 播放支持 m3u8/HLS 播放;支持 HTTP-FLV/WS-FLV 播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自动检测 IE 浏览器兼容播放;支持重连播放；官网(可在线调试) NPM文档
实战中使用VUE 中怎样集成 EasyPlayer
npm install @easydarwin/easyplayer --save在VUE中使用EasyPlayer还需要配置一些文件才能使用 按需引入编码格式EasyPlayer.wasm文件(作用自行官网查看) 必须引入 EasyPlayer-element.min.js文件
注意:
这两个文件是在public里面,跟index.html同级引入层级靠前组件中引入注册:
import EasyPlayer from '@easydarwin/easyplayer' components: { EasyPlayer },使用
<easy-player ref="videoplay" :video-url="url"></easy-player>关于VUE中使用的配置属性
方法名说明initPlayer初始化播放器destroyPlayer销毁播放器switchVideo播放开关switchAudio静音开关fullscreen全屏exitFullscreen退出全屏changeStretch视频拉伸模式snapshot保存快照switchRecording录像开关项目实战中使用flv.js实时播放、断流重连、关闭断流开发心得
使用评价:
EasyPlayer稳定不卡流在vue中使用比较方便支持多种视频格式
