更新记录

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

本程序仅供合法合规使用,不得利用本程序从事任何违反法律法规的行为,否则后果自负。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

本地储存空间

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。