更新记录

1.0.0(2026-05-31) 下载此版本

模板核心

首次发布 全能视频平台模板,定位为 App 端开箱即用的视频类完整项目模板。 视频首页,包含频道 tabs、同城 tabs、双列视频卡片和底部导航栏。 App nvue 视频首页,适配 App 端运行体验。 核心播放器页,支持竖屏播放、横屏播放、播放暂停、进度控制和横竖屏切换。 播放器右侧互动栏,包含点赞、评论、收藏、分享和音乐唱片展示。 竖屏底部评论/弹幕输入栏,支持评论模式和弹幕模式切换。 竖屏弹幕层,支持上半屏弹幕漂浮展示。 横屏播放器控制栏,支持横屏播放控制、互动入口和弹幕输入。 横屏弹幕层,支持横屏上半屏弹幕漂浮展示。 竖屏下半屏评论面板,支持评论列表、底部评论输入栏和动态背景展示。 评论正文折叠/展开能力,默认 30 字折叠,展开后 500 字以内完整展示,超过 500 字支持正文区域内上下滑动。 评论操作行,支持发布时间、发布定位、回复、点赞、取消点赞和展开回复入口。 评论点赞图标状态切换和点赞数字绑定。 主评论衍生回复列表,点击“展开 N 条回复”后生成 20 到 40 条模拟回复,并支持右下角收起。 直播页模板,包含直播画面、直播互动按钮和商品卡片。 视频发布页模板,包含视频上传、封面选择、话题、位置和发布设置。 筛选页模板,包含筛选工具栏、筛选标签、策略卡片和底部操作栏。 自研 yj-ui 组件库,统一承载按钮、输入框、tabs、卡片、播放器控制、评论面板和互动按钮等 UI 组件。 本地演示视频、封面、头像和播放器图标资源,便于下载后直接运行预览。

平台声明

当前版本仅声明支持 App 端运行。 推荐使用 App 真机运行。 可使用虚拟手机进行预览。 小程序运行兼容不稳定,不建议作为正式运行平台。 H5当前不支持运行。

定价声明

插件普通价格:59 元。 源代码授权:299 元。

注意事项

当前版本以本地模拟数据为主,未绑定真实后端接口。 评论、点赞、弹幕、直播、发布等业务可按实际需求接入后端服务。 static 目录内包含演示视频、封面、头像和图标资源,正式商用前请替换为自有授权素材。 manifest.json 中包含演示用 App 权限配置,正式上架前请按实际功能精简权限。


平台兼容性

uni-app(5.07)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
×

全能视频平台模板

这是一个基于 uni-app / Vue2 的全能视频平台模板项目,适合发布到 DCloud 插件市场作为完整项目模板使用。项目开箱即用,内置视频首页、竖屏/横屏播放器、弹幕、评论面板、直播页、发布页、筛选页,以及自研 yj-ui 组件库。

插件市场发布声明

  • 插件类型:完整 uni-app 项目模板。
  • 插件名称:全能视频平台模板。
  • 应用版本:1.0.0。
  • 插件定价:普通价格 59 元,源代码授权 299 元。
  • 技术栈:uni-app、Vue2、nvue、easycom、自研 yj-ui 组件库。
  • 使用特点:开箱即用,下载后使用 HBuilderX 打开项目即可运行到 App 真机或虚拟手机预览。
  • 适用平台:仅支持 App 端运行;推荐使用真机运行,也可使用虚拟手机运行。
  • 平台限制:小程序运行兼容不稳定,不建议作为正式运行平台;H5 当前不支持运行。
  • 资源来源:项目使用本地 static 目录中的演示视频、封面、头像和图标资源;发布正式应用前请替换为你拥有授权的素材。
  • 第三方依赖:项目未依赖 npm 包;核心 UI 来自项目内 yj-ui/components
  • 网络接口:当前模板以本地模拟数据为主,未绑定真实后端接口。
  • 隐私声明:模板不主动采集用户隐私数据;如接入真实登录、上传、评论、直播或 AI 服务,请自行补充隐私政策和用户协议。
  • 权限声明:manifest.json 中包含相机、网络、设备状态等 App 权限配置,正式发布前请按实际功能精简权限。
  • 商用注意:模板仅提供前端结构、交互和演示素材组织方式;商用前需要自行确认素材、图标、视频、字体和业务接口授权。

快速使用

  1. 使用 HBuilderX 打开项目根目录。
  2. 确认 manifest.json 中的 appid、应用名称、版本号和平台权限。
  3. 运行到 App 真机或虚拟手机进行预览;不建议运行到小程序,H5 当前无法运行。
  4. 如需替换演示视频,修改 static/icons/video 中的视频资源,或在 utils/video-source.js / pages/video/Player.nvue 中接入真实数据。

项目结构

  • App.vue:应用入口样式和全局生命周期。
  • 实例代码.md:插件市场实例代码、项目框架和二次开发入口说明。
  • 插件市场发布流程.md:插件市场发布流程、表单填写建议、审核注意事项和常见问题。
  • main.js:Vue 实例初始化入口。
  • manifest.json:应用名称、版本、App 权限,以及保留的小程序和 H5 基础配置;当前模板实际仅声明支持 App 端。
  • pages.json:页面路由、全局样式和 yj-* easycom 解析规则。
  • pages/video:视频业务页面目录。
  • yj-ui:自研云集 UI 组件库。
  • components:项目级公共组件,目前包含首页头部组件。
  • static:演示视频、封面、头像、播放器图标和评论图标。
  • store:全局 store 和 mixin。
  • utils:视频数据源和视频流缓存工具。

页面功能清单

  • pages/video/index.vue:视频首页,展示视频频道、同城 tabs、视频卡片列表和底部导航。
  • pages/video/index-nvue.nvue:nvue 版本视频首页,服务 App 端性能和原生体验。
  • pages/video/Player.nvue:核心播放器页,包含竖屏播放器、横屏播放器、进度控制、点赞、收藏、分享、弹幕、评论输入、评论面板、竖屏弹幕层和横屏弹幕层。
  • pages/video/live.vue:直播页模板,展示直播画面、商品卡片和直播互动按钮。
  • pages/video/publish.vue:视频发布页模板,包含视频上传、封面选择、话题、位置和发布设置。
  • pages/video/filter.vue:视频筛选页模板,包含筛选工具栏、筛选标签和策略卡片。

核心播放器功能引用

  • 竖屏播放:pages/video/Player.nvue 负责视频播放、滑动切换、右侧互动栏和底部评论/弹幕输入栏。
  • 横屏播放:pages/video/Player.nvue 负责横屏状态、横屏控制栏、横屏弹幕输入和横屏弹幕层。
  • 点赞:播放器右侧点赞按钮使用 yj-video-like-btn;评论区点赞使用 yj-comment-action-row
  • 收藏:播放器右侧收藏按钮使用 yj-video-favorite-btn
  • 评论入口:播放器右侧评论按钮打开 yj-portrait-comment-panel
  • 竖屏评论输入:yj-player-comment-input 提供评论模式和弹幕模式切换。
  • 评论面板输入:yj-portrait-comment-panel 内置同款评论输入栏,不包含弹幕按钮。
  • 弹幕发送:竖屏和横屏共用播放器页弹幕数据流,竖屏由 yj-portrait-danmu-layer 展示,横屏由 yj-landscape-danmu-layer 展示。
  • 评论展开:yj-portrait-comment-panel 支持评论 30 字折叠、展开、500 字以上正文区域内滚动。
  • 回复展开:yj-comment-action-row 抛出 reply-more / replyMoreyj-portrait-comment-panel 在主评论下方生成 20 到 40 条模拟衍生回复,并在右下角提供收起按钮。

yj-ui 组件引用清单

  • yj-button:统一按钮组件,用于确认、购买、提交等场景。
  • yj-input:统一输入框组件,支持单行输入和 textarea;不对 input / textarea 设置 box-sizing: border-box
  • yj-switch:统一开关组件,用于发布页布尔设置。
  • yj-nav-bar:顶部导航栏组件,支持自定义返回和右侧区域。
  • yj-video-tabs:视频首页主频道 tabs。
  • yj-video-city-tabs:视频首页同城二级 tabs。
  • yj-video-card-list:双列视频卡片列表。
  • yj-video-bottom-tabbar:视频底部导航栏。
  • yj-recommend-video-card:推荐视频卡片。
  • yj-video-like-btn:播放器点赞按钮。
  • yj-video-comment-btn:播放器评论按钮。
  • yj-video-favorite-btn:播放器收藏按钮。
  • yj-video-share-btn:播放器分享按钮。
  • yj-video-music-disc:播放器音乐唱片展示组件。
  • yj-landscape-player-controls:横屏播放器控制栏。
  • yj-landscape-danmu-controls:横屏弹幕控制组件。
  • yj-landscape-danmu-input-bar:横屏输入法弹出时的独立弹幕输入栏。
  • yj-landscape-danmu-layer:横屏弹幕漂浮层。
  • yj-player-comment-input:竖屏播放器底部评论/弹幕输入栏。
  • yj-portrait-danmu-layer:竖屏上半屏弹幕漂浮层。
  • yj-portrait-comment-panel:竖屏下半屏评论面板。
  • yj-comment-action-row:评论时间、定位、回复、点赞、取消点赞和展开回复操作行。
  • yj-live-action-button:直播间圆形互动按钮。
  • yj-live-product-item:直播商品卡片。
  • yj-upload-card:发布页上传视频卡片。
  • yj-cover-picker-item:发布页封面选择卡片。
  • yj-topic-chip:发布页话题标签。
  • yj-setting-row:发布页设置行。
  • yj-filter-toolbar:筛选工具栏。
  • yj-filter-chip:筛选条件标签。
  • yj-strategy-card:筛选策略卡片。
  • yj-footer-action-bar:筛选页底部操作栏。

静态资源引用清单

  • static/icons/video/*.mp4:播放器、本地列表和演示视频数据使用的视频文件。
  • static/images/music/cover1.pngcover4.png:视频封面、音乐唱片封面、回复头像演示图。
  • static/touxiang.png:默认用户头像和评论头像。
  • static/dianzan.png:默认点赞图标。
  • static/dianzan_h.png:已点赞高亮图标。
  • static/heart-fill.png:评论区点赞前图标。
  • static/dislike-fill.png:评论区取消点赞图标。
  • static/shoucang.png / static/shoucang_h.png:收藏未选中和选中图标。
  • static/pinglun.png:播放器评论入口图标。
  • static/fenxiang.png:分享图标。
  • static/play.png:播放按钮图标。
  • static/quanping.png:全屏入口图标。
  • static/icons/video/Player/xiangcei.svg:评论输入栏相册图标。
  • static/icons/video/Player/biaoqing.svg:评论输入栏表情图标。
  • static/video/player/search.svg:评论面板相关搜索图标。
  • static/video/player/fullscreen.svg:评论面板顶部展开图标。
  • static/video/player/back.svgcamera.svgcomment.svgheart-fill.svgheart-outline.svgshare.svgstar.svg:播放器相关备用图标资源。

权限与平台注意事项

  • App 权限位于 manifest.jsonapp-plus.distribute.android.permissions
  • 当前权限包含网络、相机、设备状态、震动、唤醒、闪光灯等演示配置;正式上架前必须按实际功能删除无用权限。
  • 微信小程序配置位于 manifest.jsonmp-weixin,但当前模板小程序运行兼容不稳定,不建议作为正式运行平台。
  • H5 当前不支持运行,不建议将 H5 作为插件市场演示平台。
  • pages.json 使用 easycom 规则 ^yj-(.*) 自动解析 @/yj-ui/components/yj-$1/yj-$1.vue
  • App nvue 中部分组件需要显式 import,不能完全依赖 easycom。

二次开发建议

  • 接入真实视频列表:优先改造 utils/video-source.js 和播放器页的数据读取逻辑。
  • 接入真实评论:替换 pages/video/Player.nvue 中的模拟评论数据,并把 yj-portrait-comment-panel 的事件接到接口。
  • 接入真实点赞/收藏:保留 UI 组件事件,由页面或 store 调用后端接口同步状态。
  • 接入真实弹幕:保留 yj-portrait-danmu-layeryj-landscape-danmu-layer,把本地缓存替换为接口或 WebSocket 数据。
  • 替换素材:发布前替换 static 内所有演示视频、头像、封面和图标,避免版权风险。

发布前检查清单

  • 已替换 manifest.jsonappid、应用名、版本号。
  • 已确认 static 中视频、图片、图标具备授权。
  • 已精简 Android 权限;如保留小程序配置,请声明小程序兼容不稳定。
  • 已确认 pages.json 中页面路径完整且可运行。
  • 已确认 实例代码.md 中的项目框架、组件引用和示例代码说明完整。
  • 已确认 插件市场发布流程.md 中的平台声明、表单内容和审核注意事项完整。
  • 已在 App 真机或虚拟手机运行一次,确认播放器、评论、弹幕、发布页、直播页展示正常。
  • 已删除 unpackage、临时构建产物、日志文件和本地缓存文件。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议