# uniapp-仿抖音短视频模版 **Repository Path**: EEEEEZ/fandouyin ## Basic Information - **Project Name**: uniapp-仿抖音短视频模版 - **Description**: 仿抖音模版 请导入HbuilderX中，按照页面说明提示即可。 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 97 - **Created**: 2023-10-04 - **Last Updated**: 2023-10-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # uniapp-仿抖音短视频模版 # [b站视频地址](https://www.bilibili.com/video/BV1gi4y12745/) #### 介绍 uniapp-仿抖音模版 请导入HbuilderX中，按照页面说明提示即可。 #### 安装教程 方式一 1. git clone https://gitee.com/ZhenYJ/fandouyin.git 2. 引入HbuilderX中 3. 选择对应端（App、小程序、H5）页面启动运行程序即可 方式二 1. 复制链接打开uniapp插件市场 2. 直接导入HbuilderX 3. 链接：https://ext.dcloud.net.cn/plugin?id=5656 4. 选择对应端（App、小程序、H5）页面启动运行程序即可 #### 使用说明 ># 至2022年4月4日，此插件已经连续更新和维护9个月。 ># · 预加载：在线预加载 ># · 优化播放、加载视频（可以无限刷视频） ># · 解决App端视频列表上下滑动、视频自动滑动播放的难点 ># · 解决视频播放前黑屏的问题，解决其他短视频组件播放前还要等待还要加载，还要转圈的问题，做到了提前加载，即滑即播。 >### 注意：此插件原生实现，没有基于第三方原生插件，解决提前预播的难点，视频播放性能再次得到提升。 ># 注意⚠️：所有页面都为 nvue 页面，请误引入至 vue 页面中。 ># App端请勾选VideoPlayer模块。否则视频无法播放，切记，切记，切记。 [详细参考官方文档：] 1.插件可直接粘贴复制，不影响其他功能 ### 2.代码详解已经一步一步写在代码旁边了，优化了蛮多视频组件常见的一些问题. * 比如： ``` 滑着滑着卡死的. 还只是稍稍滑一点点就播放下一个视频或者上一个视频 滑动太快播放串音 for循环在低端机直接卡死等等。 ``` * 这个版本都有纠正和改进。 * ### 欢迎大家多多指正。有不懂的问题可以在群里提出来。 # QQ群：953408573 3.官方的进度条太臃肿而且无法更改，其他组件的进度条难分离，此插件精简了进度条代码，高度自定义进度条样式。 4.安卓测试机型： ``` 高端机型：华为 Mate40、芯片：麒麟9000、系统：Android 10.0 低端机型：红米 Note3、芯片：高通骁龙650、系统：Android 6.0.1 说明：高端机型得益于芯片，滑动流畅，其他如上说明。低端机型由于机器太老6年前的安卓手机，滑动太快的时候会卡住，但是过一会就会好。 ``` 5.苹果测试机型： ``` 高端机型：iPhone12，iPad Pro2020、芯片：A14，A12Z、系统：iOS14.5、iPadOS 14.2 低端机型：iPhone6、芯片：A8、系统：iOS 12.4 说明：高端机型得益于芯片，滑动流畅，其他如上说明。低端机型：6年前的苹果产品还是够挺，滑动只是略微卡顿。 ``` 6.演示视频链接： ### 7.安卓体验链接： ### ## 8.视频教程： ## ## 注意事项： 1.如果导入含 tabbar 页面，请在 onLoad()中修改 deleteHeigth的值。 2.index.nvue页面适用于：安卓、iOS。 3.nvueSwiper页面适用于：手机H5、小程序。（暂不支持PC） # App端请勾选VideoPlayer模块。否则视频无法播放，切记，切记，切记。 ### · 捐赠插件的开发 觉得不错的话快来支持一下作者吧