wrs-videoplayer视频播放插件

前言

wrs-videoplayer是一款支持Android、iOS视频播放的组件，支持视频格式有rtmp、m3u8、flv、mp4等常用视频格式，支持华丽弹幕

功能

• 支持自动选择全屏
• 暂停、播放、全屏、可拖动进度条,开始播放、播放进度、播放失败、播放结束、从第几秒开始播放
• 支持弹幕，弹幕支持图文混排
• 封面图片

原生插件通用使用流程

HBuildX集成原生插件请参考:https://www.jianshu.com/p/1418c9e73eb3 或官网https://nativesupport.dcloud.net.cn/NativePlugin/use/use

wrs-videoplayer组件

注意:不要勾选manifest.json的App模块配置里的VideoPlayer(视频播放)

属性

• coverImage 设置播放器封面图片
• url 设置视频播放URL
• config
  autoPlay 是否自动播放
  menus 工具栏菜单按钮，目前支持的变量有:barrage(弹幕按钮)
• @onBarrageTypeChange 用户选择弹幕改变的时候调用
• @playerPrepareToPlay 预备播放
• @playerReadyToPlay 准备播放
• @playerPlayTimeChanged 播放进度
• @playerPlayFailed 播放失败
• @playerDidToEnd 播放结束

方法

• this.$refs.videoPlayer.start() 开始播放
• this.$refs.videoPlayer.pause() 暂停播放
• this.$refs.videoPlayer.play({url:"xxx"}) 切换播放视频
• this.$refs.videoPlayer.seekToTime({time: 10000}) 快进到第几毫秒秒开始播放，time单位是毫秒
• this.$refs.videoPlayer.setBarrageType({barrageType: "none"}) 获取弹幕类型
  barrageType: none(关闭弹幕)、half(精简弹幕模式)、all(华丽弹幕模式)
• this.$refs.videoPlayer.setBarrageType({barrageType: "none"}) 设置弹幕类型
• this.$refs.videoPlayer.sendDanmu(options) 发送弹幕
  弹幕参数options：
  direction: 弹幕方向，RL(右到左)、LR(左到右)、TB(上到下,仅支持iOS)、BT(下到上,仅支持iOS)
  texts: 弹幕文本图片，把texts数组的所有对象平成一条弹幕数据，每个对象的参数有：
  type: txt(文本)、image(图片)
  text: 文字
  textColor: 文字颜色
  textSize: 文字大小
  bold: 是否是粗体
  backgroundColor: 背景色
  underline: 下划线 color 下划线颜色仅对iOS有效
  strikethrough： 删除线 color 删除线颜色仅对iOS有效
  obliqueness：字形倾斜度, 正值右倾，负值左倾，iOS可以调节倾斜度，Android只能倾斜，无法调节倾斜度
  stroke： 笔画, 负值填充效果，正值中空效果，仅对iOS有效
  shadow：阴影，仅对iOS有效

注意：uni-app 基座和SDK版本需要一致，不然iOS上自动横竖屏切换会出现错乱，请使用新版HBuild使用

完整demo

如果觉得可以就点个吧，欢迎粉丝收藏，土豪打赏，您的关注就是我们创作的动力！

读者有什么想看的相关技术篇章，欢迎评论留言！