English | Spanish | German | French | 简体中文 | 日本語

douyin-vueest une parodie抖音|TikTokprojet de courte vidéo mobile.VueDes « bonnes pratiques » côté mobile, comparables au natifAppExpérience soyeuse et douce. Utilisé le dernierVuepile technologique, basée surVue3、Vite5、Piniaaccomplir. Les données sont enregistrées localement dans le projet viaaxios-mock-adapterLa bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.

Pages du gîte :https://zyronon.gitee.io/douyin/(Il est recommandé de visiter cette adresse en Chine)
Remarque : Les pages Gitee ne peuvent pas être mises à jour pour le moment, le code n'est pas à jour. Si vous pouvez contourner le pare-feu, je vous recommande de visiter l'adresse suivante :

Pages GitHub :https://dy.ttentau.top/

[Série Imitation Douyin] 1 :200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js
[Série Imitation Douyin] 2 :Réaliser l'effet "vidéo coulissante infinie" sur Douyin
[Série Imitation Douyin] Trois :Introduction à l'utilisation du routage Vue et à l'ajout d'animations de transition

D'autres articles sont en préparation...

Remarque : ce projet convient uniquement à l'étude et à la recherche, et non à un usage commercial.

git clone https://gitee.com/zyronon/douyin.git (中国使用)
          https://github.com/zyronon/douyin.git 
cd douyin
npm install
npm run dev

Ouvrez votre navigateur et visitez :http://127.0.0.1:3000

Remarque : Vous devez passer le navigateur en mode mobile, appuyez d'abord surF12Pour afficher la console, appuyez surCtrl Shift Mpour prévisualiser normalement

La vidéo provient des célébrités Douyin suivantes

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

Photo tirée des notes publiques de Xiaohongshu

Le contenu ci-dessus est toute l'information publique sur Internet

Le projet en est actuellement aux premiers stades de développement et de nouvelles fonctionnalités sont ajoutées continuellement. Si vous avez des fonctionnalités ou des suggestions pour le logiciel, n'hésitez pas à nous contacter.Issuesélevé dans Si vous aimez également les idées de conception de ce logiciel, veuillez le soumettrePR, Merci beaucoup pour votre soutient!

Vous pouvez contacter mon email[email protected]

Partagez mes autres projets open source :

Taper un mot- Logiciel de mémorisation de vocabulaire utilisable sur le web~
Scripts Web- Quelques scripts Grease Monkey utiles ~

GPL