[开源]一款用于学习和研究的模仿 抖音 | TikTok 的移动端短视频项目

一飞开源,介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术,一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区,共建开源新生态!

一、开源项目简介

douyin-vue 是一个模仿 抖音|TikTok 的移动端短视频项目,它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈。Api 数据保存在项目本地,视频采集自抖音|TikTok,图集采集自小红书|Xiaohongshu,通过 axios-mock-adapter 库拦截Api 并返回本地json数据,模拟出真实的后端请求。

二、开源协议

使用GPL-3.0开源协议

三、界面展示

四、功能概述

douyin-vue 是一个模仿 抖音|TikTok 的移动端短视频项目,它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈。Api 数据保存在项目本地,视频采集自抖音|TikTok,图集采集自小红书|Xiaohongshu,通过 axios-mock-adapter 库拦截Api 并返回本地json数据,模拟出真实的后端请求。

五、技术选型

本地开发

git clone [douyin-vue仓库地址]
cd douyin
npm install
npm run dev

打开浏览器并访问: http://127.0.0.1:3000

注意:PC 必须将浏览器切到手机模式,先按 F12 调出控制台,再按 Ctrl+Shift+M 才能正常预览

axios-mock-adapter

axios-mock-adapter 是一个 Axios 适配器,它可以很好地模拟 axios 的 HTTP 响应。我们只需要配置响应数据模板,然后作为 axios 响应拦截器添加到 axios 中。

免责声明

本项目仅适用于学习和研究,不得用于商业使用

视频来源于以下抖音网红

我是香秀 🐂🍺: 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/

图片来自于小红书公开笔记

以上内容均是互联网公开信息

六、源码地址

访问一飞开源:https://code.exmay.com/

相关推荐

  • 5000w+ 的大表如何拆?亿级别大表拆分实战复盘
  • 也看文档处理分而治之策略:PDF文档的Pipeline式处理逻辑
  • 阻止无谓消耗、提升学习效率的CHROME小插件
  • 注意,把Python库都安装在一个环境里,可能会“非常危险”!
  • 每日prompt:安静的猫
  • 2024 年人工智能指数报告值得看一下
  • 从失业低谷到月收入10w+,这一年我做对了什么
  • 参战万亿MoE模型!上海大模型独角兽出手,腾讯阿里米哈游参投
  • 欧洲版OpenAI又要融资!估值50亿美元,Llama 2“套壳”也能半年估值翻番?
  • 天工3.0正式开放!4000亿参数MoE开源,开启音乐生成ChatGPT时刻
  • 今日代码大赏 | 懒汉式单例模式
  • 用 OJ 项目拿下鹅厂,真爽!
  • 跟自己之前的领导聊合作。。
  • 为什么现在的LLM都是Decoder only的架构?
  • 突破数据存储瓶颈!转转业财系统亿级数据存储优化实践
  • QQ 9“傻快傻快”的?!带你看看背后的技术秘密
  • 【研发效能·创享大会-嗨享技术轰趴】-IDCF五周年专场
  • 我调研了一下工业大数据中心用的组件
  • 19K Star大公司都在用的开源电子表格组件
  • 图解浏览器的各种距离