只做到这种程度
演示地址: https://dy.ttentau.top/
注意:PC 浏览器请用手机模式访问。先按 F12 调出控制台,再按 Ctrl+Shift+M 切换到手机模式
项目地址: https://github.com/zyronon/douyin
大佬们看一下,这相当于什么水平?
刚用uniapp的5+app 打了个安卓包
下载地址:test-5-app.apk
第一次用uniapp的这个功能,打出来的包还挺小的,只有6M的样子,apk用起来感觉还可以,有些小瑕疵,返回按钮需要特殊处理才行
看到有V友说视频不错,问博主是哪些
在此分享一下,她们分别是:
101
catch 263 天前
恩,细节不错
|
104
ttentau1 OP @FreshOldMan #51 是的,这个项目只是前端的一些滑动效果和 UI 而已,没有关于音视频的内容,那个没研究过
|
107
kakki 263 天前
完成度好高,很棒!
|
109
n18255447846 263 天前
挺不错的
|
110
Dragonphy 263 天前
牛啊!
|
111
suyuyu 263 天前
我切一下接口就成学习产品了
|
112
suwu 263 天前
啊。你来真的啊,感觉一毛一样
|
113
v23xowen 263 天前
牛的
|
114
shenhuilin0 263 天前 via Android
可以私有化部署吗
|
115
Tink 263 天前
真牛逼啊!
|
116
EndlessMemory 263 天前
牛皮
|
117
yrzs 263 天前
可以啊,高仿
|
118
CHTuring 263 天前
提个建议,把 hash 路由换成 history 路由呗
|
120
jiangcy 263 天前
🐂🍺!
|
121
zoezz 263 天前
|
122
woody3rd 262 天前
强回来了
|
123
8Ri72kLA9ORo6m6f 262 天前
视频滑动下一个过度比较自然,这个是如何实现的?
|
124
8Ri72kLA9ORo6m6f 262 天前
浏览器默认不让自动播放,这个是如何解决的
|
125
robotdiy 262 天前
相当厉害!
|
126
ttentau1 OP @shenhuilin0 #114 可以啊,你可以 fork 这个项目,然后使用 vercel 或 netlify 这种服务来托管,我就是托管在 vercel 上的,国内访问速度还不错。
|
128
ttentau1 OP @zoezz #121
你先下载个 HbuilderX ,然后新建一个 5+App ,再把 Vue 打包生成 dist 目录下的所有文件复制到刚刚创建的 5+App 目录下面( index.html 直接覆盖)。最后在 HbuilderX 里面运行到手机看看效果,还行的话就可以直接打包了 |
131
CHTuring 262 天前
@ttentau1 #127 还有一个,期望快点引入 Prettier 规范格式化,并且把项目 format 一遍,不然想改动都得很畏手畏脚,一不小心就把你整页的记录刷掉了。
|
132
HashV2 262 天前
厉害! fork 了
|
133
ttentau1 OP @itcong #123
1 、滑动我是监听了 touchstart 、touchmove 、touchend 这三个事件,自己判断滑动方向、是否消费事件、滑动距离。 2 、删除和增加视频,不可以使用 Vue 的 v-for 来更新,v-for 的数组有变动,Vue 会删除 div ,再迅速添加回来。这样会导致正在播放到一半的视频,由于被删除了,又被添加回来了,就会从 0 开始播放。实际表现出来就是每滑动一次视频就卡一下 3 、在页面中,始终保持 5 个视频左右,每个视频都设置了预加载。屏幕当前显示的视频总是第三个。往上滑动会用 jQuery 在最后添加一个视频,并把最前面的一个视频删除掉,往下滑动同理 |
134
tthem 262 天前 via Android
大佬太牛了!
|
135
toan 262 天前
高仿的可以!很厉害!
|
136
cherishwinner334 262 天前
牛哇,18 年做到今天是终于开源了。比起功能,我觉得更难得的是坚持。
|
137
cherishwinner334 262 天前 1
看了项目 commit 确实 18 年到现在 是不容易的啊,坚持可贵
|
138
gargar 262 天前 via iPhone
很顺滑。另赞坚持👍
|
139
nonewind 262 天前
大佬 牛牛牛 !!!!
|
140
loveinj 262 天前
又一个大佬诞生了
|
142
wxb2dyj 262 天前
apk 下载不了了,pc 端手机模式下打不开了
|
143
pendulum 262 天前
不兼容 pc ,鼠标/触摸板滚动没反应
|
144
ttentau1 OP @wxb2dyj #142
apk 下载地址被 uni 限制了,我在 github 的 release 也有发布: https://github.com/zyronon/douyin/releases pc 端手机模式打不开是什么意思? |
146
iold 262 天前
开源中国发了一片公众号
|
147
phithon 262 天前
有点厉害
|
148
Wxh16144 262 天前 1
灰厂可行,可以参考 jellyfin 做一个后端之类的,给那些 NAS 小姐姐做个抖音 哈哈哈
|
149
cruzzz 262 天前
我香蕉直播宣布就是你了!
|
150
Wataru 262 天前
请问一下 OP ,为什么 V2EX 超级增强更新后变成 V2EX next 了,而且原本你发布的那个账号被 ban 了
|
152
xumiao 262 天前
很强,完成度很高
|
155
ttentau1 OP @cherishwinner334 #137 谢谢支持,的确做了很久,刚入行时起的项目,断断续续的在写,只要闲下来了就会想起这个项目,今天把它完善算是完成当时的梦想吧
|
156
ttentau1 OP @KillPaul #108
是的,毕竟不是商业项目,只是一个开源项目 检测是特意为 PC 浏览器做的。 因为手机上打开网站就可以使用,而 PC 打开时,代码会记录窗口高度宽度,用于无限滑动的计算,然后再需要按 F12 调出控制台,这时窗口高宽度会变动。再按 Ctrl + Shift + M 调用出手机模式,这时窗口高宽度再次变动,导致一开始计算高宽高不再适用于当前的计算了,就会出错。 所以就会有人来问,怎么调出手机模式显示不完整啊无法使用等等问题。 所以我直接检测到窗口变化就重新刷新页面了,这算是一个现阶段的妥协方案。 真正商业使用,肯定不会这么搞,或者干脆做两套 |
159
ttentau1 OP @1217950746 #23 只是前端,我想不会。swiper 就可以做出类似的效果
|
160
ttentau1 OP @1217950746 #23 如果我做出一整套开源,被拿去 18+了,那肯定会被抓
|
161
shenhuilin0 262 天前 via Android
部署用了一下,如果想添加自己的视频,还是太复杂了。需要修改 json 什么的
|
162
huihuiHK 262 天前
大佬水平
|
163
ttentau1 OP @shenhuilin0 #161 不是的,我是用了一个第三方库拦截了所有 api 请求。在拦截请求里面返回的是我本地 json 数据。如果你想添加自己的视频,应该用后端实现 api 接口,或者在 api 拦截器里面返回你自己的数据
|
164
lidawn 262 天前
真不错,忍不住看了好几遍
|
165
ttentau1 OP @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/ |
166
1217950746 261 天前
@ttentau1 #160 我感觉国内做开源挺难的,存粹用爱发电,还容易被喷,然后运气不好还可能喝茶
|
167
forever0y 261 天前
流量爆了会好解决吗? CDN 支持得住吗?前端真心不错
|