只做到这种程度
演示地址： https://dy.ttentau.top/
注意：PC 浏览器请用手机模式访问。先按 F12 调出控制台，再按 Ctrl+Shift+M 切换到手机模式
项目地址： https://github.com/zyronon/douyin
大佬们看一下，这相当于什么水平？
爱意满满的作品展示区。
This topic created in 950 days ago, the information mentioned may be changed or developed.
Supplement 1 · Apr 1, 2024
刚用uniapp的5+app 打了个安卓包
下载地址：test-5-app.apk
第一次用uniapp的这个功能，打出来的包还挺小的，只有6M的样子，apk用起来感觉还可以，有些小瑕疵
，返回按钮需要特殊处理才行
Supplement 2 · Apr 1, 2024
看到有V友说视频不错，问博主是哪些
在此分享一下，她们分别是：
- 我是香秀🐂🍺： https://v.douyin.com/iYRAPA2L/
- 杨老虎🐯（磕穿下巴掉牙版）： https://v.douyin.com/iYRA56de/
- 条子： https://v.douyin.com/iYRAaqjr/
- 达莎Digi： https://v.douyin.com/iYRA6rwT/
- 小橙子： https://v.douyin.com/iYRAnudw/
- 南恬： https://v.douyin.com/iYRAbKm3/
- 小霸宠牛排🥩：https://v.douyin.com/iYRSosVB/
- 奶茶妹◕🌱： https://v.douyin.com/iYRACKhP/
- 我才是岚岚： https://v.douyin.com/iYRAQM1C/
- 周憬艺ziran： https://v.douyin.com/iYRAQs4h/
- 刘思瑶nice： https://v.douyin.com/iYRAaERn/
- 彭十六elf： https://v.douyin.com/iYRAHrVG/
- 李子柒：https://v.douyin.com/iYRA5B88/
 |
catchApr 1, 2024
101
恩，细节不错
|
 |
104
@FreshOldMan #51 是的，这个项目只是前端的一些滑动效果和 UI 而已，没有关于音视频的内容，那个没研究过
|
 |
kakkiApr 1, 2024
107
完成度好高，很棒！
|
 |
n18255447846Apr 2, 2024
109
挺不错的
|
 |
DragonphyApr 2, 2024
110
牛啊！
|
 |
suyuyuApr 2, 2024
111
我切一下接口就成学习产品了
|
 |
suwuApr 2, 2024
112
啊。你来真的啊，感觉一毛一样
|
 |
v23xowenApr 2, 2024
113
牛的
|
 |
shenhuilin0Apr 2, 2024 via Android
114
可以私有化部署吗
|
 |
TinkApr 2, 2024
115
真牛逼啊！
|
 |
EndlessMemoryApr 2, 2024
116
牛皮
|
 |
yrzsApr 2, 2024
117
可以啊，高仿
|
 |
CHTuringApr 2, 2024
118
提个建议，把 hash 路由换成 history 路由呗
|
 |
jiangcyApr 2, 2024
120
🐂🍺！
|
 |
hyrulebossApr 2, 2024
121
请问 OP 是如何将 Vue 项目转 Uniapp 打包成 apk 的，手上也有个小 Demo （ Vue 3 + Vite + Tailwindcss ）想要实际操作一下
 |
 |
woody3rdApr 2, 2024
122
强回来了
|
 |
8Ri72kLA9ORo6m6fApr 2, 2024
123
视频滑动下一个过度比较自然，这个是如何实现的？
|
|
8Ri72kLA9ORo6m6fApr 2, 2024
124
浏览器默认不让自动播放，这个是如何解决的
|
 |
robotdiyApr 2, 2024
125
相当厉害！
|
|
126
@shenhuilin0 #114 可以啊，你可以 fork 这个项目，然后使用 vercel 或 netlify 这种服务来托管，我就是托管在 vercel 上的，国内访问速度还不错。
|
|
128
@zoezz #121
你先下载个 HbuilderX ，然后新建一个 5+App ，再把 Vue 打包生成 dist 目录下的所有文件复制到刚刚创建的 5+App 目录下面（ index.html 直接覆盖）。最后在 HbuilderX 里面运行到手机看看效果，还行的话就可以直接打包了  |
1 |
hyrulebossApr 2, 2024
130
@ttentau1 #128 感谢 OP ，我回头试试
 |
|
CHTuringApr 2, 2024
131
@ttentau1 #127 还有一个，期望快点引入 Prettier 规范格式化，并且把项目 format 一遍，不然想改动都得很畏手畏脚，一不小心就把你整页的记录刷掉了。
|
 |
HashV2Apr 2, 2024
132
厉害！ fork 了
|
|
133
@itcong #123
1 、滑动我是监听了 touchstart 、touchmove 、touchend 这三个事件，自己判断滑动方向、是否消费事件、滑动距离。 2 、删除和增加视频，不可以使用 Vue 的 v-for 来更新，v-for 的数组有变动，Vue 会删除 div ，再迅速添加回来。这样会导致正在播放到一半的视频，由于被删除了，又被添加回来了，就会从 0 开始播放。实际表现出来就是每滑动一次视频就卡一下 3 、在页面中，始终保持 5 个视频左右，每个视频都设置了预加载。屏幕当前显示的视频总是第三个。往上滑动会用 jQuery 在最后添加一个视频，并把最前面的一个视频删除掉，往下滑动同理 |
 |
tthemApr 2, 2024 via Android
134
大佬太牛了！
|
 |
toanApr 2, 2024
135
高仿的可以！很厉害！
|
 |
cherishwinner334Apr 2, 2024
136
牛哇，18 年做到今天是终于开源了。比起功能，我觉得更难得的是坚持。
|
|
137
看了项目 commit 确实 18 年到现在 是不容易的啊，坚持可贵
|
 |
gargarApr 2, 2024 via iPhone
138
很顺滑。另赞坚持👍
|
 |
nonewindApr 2, 2024
139
大佬 牛牛牛 !!!!
|
 |
loveinjApr 2, 2024
140
又一个大佬诞生了
|
 |
wxb2dyjApr 2, 2024
142
apk 下载不了了，pc 端手机模式下打不开了
|
 |
pendulumApr 2, 2024
143
不兼容 pc ，鼠标/触摸板滚动没反应
|
|
144
@wxb2dyj #142
apk 下载地址被 uni 限制了，我在 github 的 release 也有发布： https://github.com/zyronon/douyin/releases pc 端手机模式打不开是什么意思？ |
 |
ioldApr 2, 2024
146
开源中国发了一片公众号
|
 |
phithonApr 2, 2024
147
有点厉害
|
 |
148
灰厂可行，可以参考 jellyfin 做一个后端之类的，给那些 NAS 小姐姐做个抖音 哈哈哈
|
 |
cruzzzApr 2, 2024
149
我香蕉直播宣布就是你了！
|
 |
WataruApr 2, 2024
150
请问一下 OP ，为什么 V2EX 超级增强更新后变成 V2EX next 了，而且原本你发布的那个账号被 ban 了
|
 |
xumiaoApr 2, 2024
152
很强，完成度很高
|
|
155
@cherishwinner334 #137 谢谢支持，的确做了很久，刚入行时起的项目，断断续续的在写，只要闲下来了就会想起这个项目，今天把它完善算是完成当时的梦想吧
|
|
156
@KillPaul #108
是的，毕竟不是商业项目，只是一个开源项目 检测是特意为 PC 浏览器做的。 因为手机上打开网站就可以使用，而 PC 打开时，代码会记录窗口高度宽度，用于无限滑动的计算，然后再需要按 F12 调出控制台，这时窗口高宽度会变动。再按 Ctrl + Shift + M 调用出手机模式，这时窗口高宽度再次变动，导致一开始计算高宽高不再适用于当前的计算了，就会出错。 所以就会有人来问，怎么调出手机模式显示不完整啊无法使用等等问题。 所以我直接检测到窗口变化就重新刷新页面了，这算是一个现阶段的妥协方案。 真正商业使用，肯定不会这么搞，或者干脆做两套 |
|
159
@1217950746 #23 只是前端，我想不会。swiper 就可以做出类似的效果
|
|
160
@1217950746 #23 如果我做出一整套开源，被拿去 18+了，那肯定会被抓
|
|
shenhuilin0Apr 3, 2024 via Android
161
部署用了一下，如果想添加自己的视频，还是太复杂了。需要修改 json 什么的
|
 |
huihuiHKApr 3, 2024
162
大佬水平
|
|
163
@shenhuilin0 #161 不是的，我是用了一个第三方库拦截了所有 api 请求。在拦截请求里面返回的是我本地 json 数据。如果你想添加自己的视频，应该用后端实现 api 接口，或者在 api 拦截器里面返回你自己的数据
|
 |
lidawnApr 3, 2024
164
真不错，忍不住看了好几遍
|
|
165
@lidawn #164
 给你 我是香秀🐂🍺： https://v.douyin.com/iYRAPA2L/ 杨老虎🐯（磕穿下巴掉牙版）： https://v.douyin.com/iYRA56de/ 条子： https://v.douyin.com/iYRAaqjr/ 达莎 Digi： https://v.douyin.com/iYRA6rwT/ 小橙子： https://v.douyin.com/iYRAnudw/ 南恬： https://v.douyin.com/iYRAbKm3/ 小霸宠牛排🥩： https://v.douyin.com/iYRSosVB/ 奶茶妹◕🌱： https://v.douyin.com/iYRACKhP/ 我才是岚岚： https://v.douyin.com/iYRAQM1C/ 周憬艺 ziran： https://v.douyin.com/iYRAQs4h/ 刘思瑶 nice： https://v.douyin.com/iYRAaERn/ 彭十六 elf： https://v.douyin.com/iYRAHrVG/ 李子柒： https://v.douyin.com/iYRA5B88/ |
 |
forever0yApr 3, 2024
167
流量爆了会好解决吗？ CDN 支持得住吗？前端真心不错
|
|
169
@forever0y #167 刚刚用七牛云 cdn 套 netlify 试了试，流量跑的贼凶。我随便刷刷就跑了一百多 M ，吓的我赶紧关了 cdn ，不然被人盗刷欠几千账单乐子就大了
现在我自己的域名重定向到了 netlify 了，国内无法访问的问题是无法解决了 |
Select Language