微信小程序 纯video直播插件(包含弹幕自动滚动,福袋抽奖倒计时,带demo)
微信小程序
直播
弹幕
抽奖
下载人数: 139
下载次数: 273
收藏人数:
13
更新记录
1.0.0(2024-08-09)
下载此版本
1.0.0
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
√ |
√ |
√ |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
页面结构
自定义头部
- 高度:
navBarHeight 像素
- 菜单高度:
menuHeight 像素
- 图片: 返回按钮(绑定到
toBack 函数)
- 文字: "返回"(绑定到
toBack 函数)
主播信息
- 图像:
headImage
- 名称:
前程似锦
- 数字:
43.8w 本场点赞
福袋抽奖
- 图像: 幸运抽奖包
- 文字: 倒计时(使用
{{ minutesToTimeFormat(seconds) }} 渲染)
直播播放器
- ID:
videoId
- 自动播放: 是
- 源:
videoUrl
- 直播流: 是
发送信息
- 根据
closeDanmuType 显示/隐藏
- 文本框:
content
- 按钮: "发送"(绑定到
sendOut 函数)
- 切换按钮:
- 关闭弹幕 (
closeDanmu 函数)
- 打开弹幕 (
openDanmu 函数)
消息区域
- 可滚动视图,动态高度
- 条件性提醒消息
- 弹幕列表 (
danmuData)
- 名称:
item.name
- 内容:
item.content
样式说明
- 样式根据变量如
focusType, keyboardHeight 等动态应用
- 一些元素的样式基于
content 的长度和 focusType 的状态而变化
隐私、权限声明
1. 本插件需要申请的系统权限列表:
无
2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:
无
3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:
无