更新记录

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,这点请大家务必注意,避免因兼容问题照成不可用而损失

主要功能供包括:

  1. 提供导航页面骨架,包括主页、追剧、我的。
  2. 实现了首页的发现和推荐页面滑动切换功能。
  3. 实现视频流上下滑动播放功能,并和其他功能页面的结合。

注意:demo中使用的播放器面板为 xqx-player 插件,已经完成适配,可以搜索插件市场查看详情。如果希望改为自己的播放器实现,需要自行完成适配工作。

主要页面介绍

  1. pages/index/index.vue 首页,竖向横向滚动展示内容,左右滑动切换内容页面
  2. pages/index/discor.vue 短剧发现组件页面
  3. pages/index/foryou.vue 短剧推荐组件页面,集成视频插件xqx-player,演示插件推荐模式的使用
  4. pages/playlet/detail.vue 短剧详情参考页面
  5. pages/playlet/episodes.vue 剧集播放页面,集成视频插件xqx-player,演示插件剧集模式的使用

演示视频

观看演示视频

隐私、权限声明

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

联网

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

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问