开源版「抖音」,火了!

转自:OSC开源社区

今天简单介绍一个 douyin 开源项目。

douyin 是一个模仿抖音的移动端短视频开源项目,它基于 Vue、Vite实现。使用了最新的 Vue 全家桶技术栈,接口数据通过 axios-mock-adapter模拟。

e1ac6ac4ca0c1210023bcc9fb94a490b.jpeg

项目地址:

https://github.com/zyronon/douyin

效果截图

6861a904396614b51509f6b8a7c777f3.png

ffed18e23c062301b918a73958cd04d6.gif

4951f5d3dd6292acf6e8e6ec96e318ab.gif

3d7733bbcd16daf5f754885571c5c422.jpeg

运行项目

本项目是基于 Vue 开发的,需要 node 环境来运行。

1、安装 NodeJS,参考官方文档

2、安装 pnpm 包管理工具,运行 npm install -g pnpm 来安装

3、使用 git clone https://github.com/zyronon/douyin.git 下载项目到本地

4、进入项目目录 cd douyin,在项目根目录下,运行 pnpm install 来下载依赖。

5、执行 pnpm dev 来启动项目,项目默认地址为 http://localhost:3000

6、在浏览器中打开 http://localhost:3000来访问项目。Chrome 切换成手机模式快捷键,先按 F12 调出控制台,再按 Ctrl+Shift+M(设备仿真模拟)

在线访问

Vercel(国内推荐访问这个):

http://dy.ttentau.top

注意:PC 浏览器请用手机模式访问。先按 F12 调出控制台,再按 Ctrl+Shift+M 切换到手机模式

注意:手机请用 Via 浏览器或者 Chrome 浏览器预览。其它浏览器会强制将视频全屏,导致样式失效


根据仓库的 commit 记录,作者早在 6 年前就已经启动了这个项目,坚持到现在仍未放弃,并且无私地开源了出来。真乃我辈楷模!

90ea32191ed9ba77fa03ddad3b30cf64.png

推荐阅读

欢迎大家加入DLer-计算机视觉技术交流群!

大家好,群里会第一时间发布计算机视觉方向的前沿论文解读和交流分享,主要方向有:图像分类、Transformer、目标检测、目标跟踪、点云与语义分割、GAN、超分辨率、人脸检测与识别、动作行为与时空运动、模型压缩和量化剪枝、迁移学习、人体姿态估计等内容。

进群请备注:研究方向+学校/公司+昵称(如图像分类+上交+小明)

41bbd4873caa6165ee6986569700ec40.jpeg

👆 长按识别,邀请您进群!

8bd153f223cc59618f5496540f0135fd.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值