更新记录
1.0.0(2026-05-19) 下载此版本
新版本发布
平台兼容性
uni-app(4.72)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | √ | √ | √ | √ | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
live-player/video 播放组件使用指南(H5+微信小程序+iOS+安卓)
本项目是一个多端直播播放视频示例,演示了如何在 uni-app 中使用 live-player 组件实现跨平台直播功能。由于完整直播间功能复杂、代码庞大,本项目聚焦于视频播放核心功能,帮助开发者快速实现各平台视频播放的实现方式。
目录结构
live-player/
├── pages/
│ └── live/
│ ├── room.vue # H5/微信小程序直播间页面
│ ├── room.nvue # APP直播间页面(nvue)
│ └── components/
│ ├── VideoPlayer.h5.vue # H5平台视频播放器组件
│ └── VideoPlayer.mp-weixin.vue # 微信小程序视频播放器组件
├── static/
│ ├── hls.min.js # HLS.js 库(H5播放m3u8用)
│ ├── logo.png # Logo图片
│ └── f33d38de3d8c945c9d5142aab9327b89.jpg # 封面图
├── pages.json # 页面路由配置
└── manifest.json # 应用配置
功能特性
1. 跨平台视频播放
| 平台 | 组件 | 视频格式 | 特点 |
|---|---|---|---|
| APP | video |
RTMP/HTTP | nvue页面,原生渲染性能好 |
| H5 | video + HLS.js |
m3u8/MP4 | 支持HLS直播流 |
| 微信小程序 | live-player |
RTMP | 实时直播优化 |
2. 聊天功能
- 左下角聊天区域:滚动显示历史消息
- 底部输入框:支持发送聊天内容
- 消息列表:显示用户名 + 内容
3. 兼容性处理
- H5 平台:使用
HLS.js播放m3u8格式 - 微信小程序:使用
live-player组件 - APP 平台:使用原生
video组件 + nvue
注意:此插件正常不再维护,有需要可查看另一插件 https://ext.dcloud.net.cn/plugin?id=26606
本程序仅供合法合规使用,不得利用本程序从事任何违反法律法规的行为,否则后果自负。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 132
赞赏 0
下载 11968156
赞赏 1914
赞赏
京公网安备:11010802035340号