更新记录
1.5.2(2024-09-26) 下载此版本
更新使用说明
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.12 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
概要
该demo适用于短剧视频类App实现参考,方便大家在这基础上进行快速开发应用。
无uniapp video 原生组件的层级、遮挡、覆盖问题,适合与不同功能视图组合使用,实现丰富的应用功能。
视频插件使用xqx-player,插件链接点击这里
注意:demo和视频插件均基于uniapp实现,而非uniapp x,这点请大家务必注意,避免因兼容问题照成不可用而损失
主要功能供包括:
- 提供导航页面骨架,包括主页、追剧、我的。
- 实现了首页的发现和推荐页面滑动切换功能。
- 实现视频流上下滑动播放功能,并和其他功能页面的结合。
注意:demo中使用的播放器面板为 xqx-player 插件,已经完成适配,可以搜索插件市场查看详情。如果希望改为自己的播放器实现,需要自行完成适配工作。
主要页面介绍
- pages/index/index.vue 首页,竖向横向滚动展示内容,左右滑动切换内容页面
- pages/index/discor.vue 短剧发现组件页面
- pages/index/foryou.vue 短剧推荐组件页面,集成视频插件xqx-player,演示插件推荐模式的使用
- pages/playlet/detail.vue 短剧详情参考页面
- pages/playlet/episodes.vue 剧集播放页面,集成视频插件xqx-player,演示插件剧集模式的使用