From 7244b4671cd0b595f96826c0d7cca1393577d318 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 5 Apr 2024 07:06:46 +0000 Subject: [PATCH 1/6] docs: Added README."en".md translation via https://github.com/dephraiim/translate-readme --- README.en.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.en.md b/README.en.md index eebfa64..a57dacb 100644 --- a/README.en.md +++ b/README.en.md @@ -13,7 +13,7 @@

-`douyin-vue`is a parody`抖音|TikTok`mobile short video project, which is based on[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplish. Used the latest`Vue`FamilyMart technology stack. Api data is saved locally in the project, and the video is collected from`抖音|TikTok`, the atlas is collected from`小红书|Xiaohongshu`,pass[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real back-end requests. +`douyin-vue`is a parody`抖音|TikTok`mobile short video project, which is based on[Vue](https://cn.vuejs.org/)、[Quickly](https://cn.vitejs.dev/)accomplish. Used the latest`Vue`FamilyMart technology stack. Api data is saved locally in the project, and the video is collected from`抖音|TikTok`, the atlas is collected from`小红书|Xiaohongshu`,pass[axios-mock-adapter](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real back-end requests.
@@ -30,13 +30,13 @@ ## Online access -Vercel：(China recommends visiting this) +Vercel: (China recommends visiting this) -Netlify：(Recommended to visit this for areas outside China) +Netlify:(Recommend visiting this for areas outside China) **Notice**：`PC`You must switch the browser to mobile mode, first press`F12`To bring up the console, press`Ctrl+Shift+M`to preview normally -**Notice**: Please use your mobile phone[via browser](https://viayoo.com/zh-cn/)or Chrome browser preview. Other browsers may force the video to full screen, causing it to not display properly. +**Notice**：Please use mobile phone[via browser](https://viayoo.com/zh-cn/)or Chrome browser preview. Other browsers may force the video to full screen, causing it to not display properly. ## Disclaimer @@ -57,14 +57,14 @@ npm install npm run dev ``` -Open your browser and visit +Open your browser and visit: **Note: PC browser must be switched to mobile mode, first press`F12`To bring up the console, press`Ctrl+Shift+M`to preview normally** ## Link - Open Source China: -- V2EX： +- V2EX: - Nuggets: ## Data Sources @@ -78,7 +78,7 @@ The video comes from the following Douyin celebrities - Little orange: - Nan Tian: - Xiaoba pet steak 🥩: -- Milk Tea Girl ◕🌱： +- Milk Tea Girl ◕🌱: - I am Lan Lan: - 周民艺 were: - Liu Siyao nice: From 0ee0bcc6821d4deae70f15145e887d715492f91d Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 5 Apr 2024 07:06:52 +0000 Subject: [PATCH 2/6] docs: Added README."ja".md translation via https://github.com/dephraiim/translate-readme --- README.ja.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/README.ja.md b/README.ja.md index f115a8b..e66f0d0 100644 --- a/README.ja.md +++ b/README.ja.md @@ -13,7 +13,7 @@

-`douyin-vue`パロディです`抖音|TikTok`をベースにしたモバイルショートビデオプロジェクト[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)成し遂げる。最新のものを使用しました`Vue`ファミリーマートのテクノロジースタック。 API データはプロジェクト内でローカルに保存され、ビデオはから収集されます。`抖音|TikTok`、アトラスはから収集されています`小红书|Xiaohongshu`、合格[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。 +`douyin-vue`パロディです`抖音|TikTok`をベースにしたモバイルショートビデオプロジェクト[ビュー](https://cn.vuejs.org/)、[素早く](https://cn.vitejs.dev/)成し遂げる。最新のものを使用しました`Vue`ファミリーマートのテクノロジースタック。 API データはプロジェクト内でローカルに保存され、ビデオはから収集されます。`抖音|TikTok`、アトラスはから収集されています`小红书|Xiaohongshu`、合格[axios-mock-adapter](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
@@ -30,13 +30,13 @@ ## オンラインアクセス -ヴァーセル：[ｈっｔｐ：／／ｄｙ。ってんたう。とｐ／](http://dy.ttentau.top/)（中国はここを訪れることを推奨しています） +ヴェルセル:[ｈっｔｐ：／／ｄｙ。ってんたう。とｐ／](http://dy.ttentau.top/)（中国はここを訪れることを推奨しています） -ネットリファイ：[ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／](https://douyins.netlify.app/)(中国以外の地域については、こちらを参照することをお勧めします) +ネットリファイ:[ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／](https://douyins.netlify.app/)(中国以外の地域の場合は、こちらを参照することをお勧めします) **注意**：`PC`ブラウザをモバイル モードに切り替えて、最初に を押す必要があります。`F12`コンソールを表示するには、 を押します。`Ctrl+Shift+M`通常にプレビューする -**注意**: 携帯電話をご利用ください[ブラウザ経由](https://viayoo.com/zh-cn/)またはChromeブラウザのプレビュー。他のブラウザではビデオが強制的に全画面表示になり、正しく表示されない場合があります。 +**注意**：携帯電話をご利用ください[ブラウザ経由](https://viayoo.com/zh-cn/)またはChromeブラウザのプレビュー。他のブラウザではビデオが強制的に全画面表示になり、正しく表示されない場合があります。 ## 免責事項 @@ -57,14 +57,14 @@ npm install npm run dev ``` -ブラウザを開いてアクセスしてください[ｈっｔｐ：／／１２７。０。０。１：３０００](http://127.0.0.1:3000) +ブラウザを開いて、以下にアクセスしてください。[ｈっｔｐ：／／１２７。０。０。１：３０００](http://127.0.0.1:3000) **注: PC ブラウザを最初に押してモバイル モードに切り替える必要があります。`F12`コンソールを表示するには、 を押します。`Ctrl+Shift+M`通常にプレビューする** ## リンク - オープンソース中国:[ｈっｔｐｓ：／／ｍｐ。うぇいぃん。っｑ。こｍ／ｓ／とぉｗｍＺぷ＿おじぇ５Ｇ２Ｋｚぅう８ｇ](https://mp.weixin.qq.com/s/TWowmZpU_ojE5G2KzXuU8g) -- V2EX：[ｈっｔｐｓ：／／ｗっｗ。ｖ２えｘ。こｍ／ｔ／１０２８６７８](https://www.v2ex.com/t/1028678) +- V2EX:[ｈっｔｐｓ：／／ｗっｗ。ｖ２えｘ。こｍ／ｔ／１０２８６７８](https://www.v2ex.com/t/1028678) - ナゲット:[ｈっｔｐｓ：／／じゅえじん。ｃん／ぽｓｔ／７３５２８１３３５２０５１６８７４５８](https://juejin.cn/post/7352813352051687458) ## データソース @@ -78,7 +78,7 @@ npm run dev - 小さなオレンジ色:[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぬｄｗ／](https://v.douyin.com/iYRAnudw/) - 南天：[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらｂＫｍ３／](https://v.douyin.com/iYRAbKm3/) - 小宝ペットステーキ 🥩:[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹＲそｓＶＢ／](https://v.douyin.com/iYRSosVB/) -- ミルクティーガール ◕🌱：[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＣＫｈＰ／](https://v.douyin.com/iYRACKhP/) +- ミルクティーガール ◕🌱:[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＣＫｈＰ／](https://v.douyin.com/iYRACKhP/) - 私はランランです:[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱＭ１Ｃ／](https://v.douyin.com/iYRAQM1C/) - 周民艺は次のとおりです。[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱｓ４ｈ／](https://v.douyin.com/iYRAQs4h/) - 劉思耀さん素敵です：[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらあえＲん／](https://v.douyin.com/iYRAaERn/) @@ -91,8 +91,8 @@ npm run dev ## 特徴と提案 -現在、プロジェクトは開発の初期段階にあり、新しい機能が継続的に追加されていますが、ソフトウェアの機能や提案がありましたら、お気軽にお問い合わせください。`Issues`で育ちました -このソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してください`PR`、 ご支援ありがとうございました！ +現在、プロジェクトは開発の初期段階にあり、新しい機能が継続的に追加されていますが、ソフトウェアの機能や提案がありましたら、お気軽にお問い合わせください。`Issues` 中提出 +如果你也喜欢本软件的设计思想，欢迎提交 `PR`、 ご支援ありがとうございました！ ## 私に連絡して From 370aaf9fadf80d84bf2a6d95d076bde88362ac83 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 5 Apr 2024 07:06:58 +0000 Subject: [PATCH 3/6] docs: Added README."de".md translation via https://github.com/dephraiim/translate-readme --- README.de.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.de.md b/README.de.md index 00c0853..a0481da 100644 --- a/README.de.md +++ b/README.de.md @@ -13,7 +13,7 @@

-`douyin-vue`ist eine Parodie`抖音|TikTok`mobiles Kurzvideoprojekt, das auf basiert[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)Realisieren. Habe das Neueste verwendet`Vue`FamilyMart-Technologie-Stack. API-Daten werden lokal im Projekt gespeichert und das Video wird daraus gesammelt`抖音|TikTok`, der Atlas stammt aus`小红书|Xiaohongshu`,passieren[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Back-End-Anfragen zu simulieren. +`douyin-vue`ist eine Parodie`抖音|TikTok`mobiles Kurzvideoprojekt, das auf basiert[Sicht](https://cn.vuejs.org/)、[Schnell](https://cn.vitejs.dev/)erreichen. Habe das Neueste verwendet`Vue`FamilyMart-Technologie-Stack. API-Daten werden lokal im Projekt gespeichert und das Video wird daraus gesammelt`抖音|TikTok`, der Atlas stammt aus`小红书|Xiaohongshu`,passieren[Axios-Mock-Adapter](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Back-End-Anfragen zu simulieren.
@@ -32,11 +32,11 @@ Vercel:(China empfiehlt den Besuch hier) -Netlify:(Empfehlenswert für Gebiete außerhalb Chinas, dies zu besuchen) +Netlify:(Für Gebiete außerhalb Chinas empfehlen wir den Besuch hier) **Beachten**：`PC`Sie müssen den Browser in den mobilen Modus schalten, zuerst drücken`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen -**Beachten**: Bitte benutzen Sie Ihr Mobiltelefon[über Browser](https://viayoo.com/zh-cn/)oder Chrome-Browservorschau. Andere Browser erzwingen möglicherweise die Vollbilddarstellung des Videos, wodurch es nicht richtig angezeigt wird. +**Beachten**:Bitte benutzen Sie Ihr Mobiltelefon[über Browser](https://viayoo.com/zh-cn/)oder Chrome-Browservorschau. Andere Browser erzwingen möglicherweise, dass das Video im Vollbildmodus angezeigt wird, was dazu führt, dass es nicht richtig angezeigt wird. ## Haftungsausschluss @@ -57,7 +57,7 @@ npm install npm run dev ``` -Öffnen Sie Ihren Browser und besuchen Sie +Öffnen Sie Ihren Browser und besuchen Sie: **Hinweis: Der PC-Browser muss zuerst in den Mobilmodus geschaltet werden`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen** @@ -96,7 +96,7 @@ Wenn Ihnen die Designideen dieser Software auch gefallen, reichen Sie sie bitte ## kontaktiere mich -Sie können meine E-Mail kontaktierenzyronon@163.com +您可以联系我的邮箱 zyronon@163.com > Teilen Sie meine anderen Open-Source-Projekte: > From 3e11b84932dda1b832b04caa0fcdbe6993ebdbea Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 5 Apr 2024 07:07:04 +0000 Subject: [PATCH 4/6] docs: Added README."fr".md translation via https://github.com/dephraiim/translate-readme --- README.fr.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/README.fr.md b/README.fr.md index 976d35e..397823d 100644 --- a/README.fr.md +++ b/README.fr.md @@ -13,7 +13,7 @@

-`douyin-vue`est une parodie`抖音|TikTok`projet de courte vidéo mobile, basé sur[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplir. Utilisé le dernier`Vue`Pile technologique FamilyMart. Les données API sont enregistrées localement dans le projet et la vidéo est collectée à partir de`抖音|TikTok`, l'atlas est collecté auprès de`小红书|Xiaohongshu`,passer[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes back-end. +`douyin-vue`est une parodie`抖音|TikTok`projet de courte vidéo mobile, basé sur[Vue](https://cn.vuejs.org/)、[Vite](https://cn.vitejs.dev/)accomplir. Utilisé le dernier`Vue`Pile technologique FamilyMart. Les données API sont enregistrées localement dans le projet et la vidéo est collectée à partir de`抖音|TikTok`, l'atlas est collecté auprès de`小红书|Xiaohongshu`,passer[axios-mock-adaptateur](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes back-end.
@@ -30,13 +30,13 @@ ## Accès en ligne -Vercel：(La Chine recommande de visiter ceci) +Vercel :(La Chine recommande de visiter ceci) -Netlify：(Recommandé de visiter ceci pour les zones en dehors de la Chine) +Netlifier :(Je recommande de visiter ceci pour les régions en dehors de la Chine) -**注意**：`PC`Vous devez passer le navigateur en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement +**Avis**：`PC`Vous devez passer le navigateur en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement -**Avis**: Veuillez utiliser votre téléphone portable[via un navigateur](https://viayoo.com/zh-cn/)ou aperçu du navigateur Chrome. D'autres navigateurs peuvent forcer la vidéo à passer en plein écran, ce qui l'empêchera de s'afficher correctement. +**Avis**：Veuillez utiliser un téléphone portable[via un navigateur](https://viayoo.com/zh-cn/)ou aperçu du navigateur Chrome. D'autres navigateurs peuvent forcer la vidéo à passer en plein écran, ce qui l'empêchera de s'afficher correctement. ## Clause de non-responsabilité @@ -57,14 +57,14 @@ npm install npm run dev ``` -Ouvrez votre navigateur et visitez +Ouvrez votre navigateur et visitez : **Remarque : le navigateur du PC doit être basculé en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement** ## Lien - Chine open source : -- V2EX : +- V2EX : - Pépites : ## Les sources de données @@ -77,8 +77,8 @@ La vidéo provient des célébrités Douyin suivantes - Dasha Digi : - Petite orange : - Nan Tian : -- Steak pour animaux de compagnie Xiaoba 🥩 : -- Fille de thé au lait ◕🌱： +- Steak d'animal de compagnie Xiaoba 🥩 : +- Fille de thé au lait ◕🌱 : - Je m'appelle Lan Lan : - Les mots suivants étaient : - Liu Siyao sympa : From 913f978f36aebd02e5ffb91f5fa5b1cb39ca74af Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 5 Apr 2024 07:07:09 +0000 Subject: [PATCH 5/6] docs: Added README."es".md translation via https://github.com/dephraiim/translate-readme --- README.es.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.es.md b/README.es.md index 83fffd4..f75beb8 100644 --- a/README.es.md +++ b/README.es.md @@ -13,7 +13,7 @@

-`douyin-vue`es una parodia`抖音|TikTok`proyecto de vídeo corto móvil, que se basa en[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)lograr. Usado lo último`Vue`Pila de tecnología FamilyMart. Los datos de API se guardan localmente en el proyecto y el video se recopila de`抖音|TikTok`, el atlas se recoge de`小红书|Xiaohongshu`,aprobar[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de back-end reales. +`douyin-vue`es una parodia`抖音|TikTok`proyecto de vídeo corto móvil, que se basa en[Vista](https://cn.vuejs.org/)、[Rápidamente](https://cn.vitejs.dev/)lograr. Usado lo último`Vue`Pila de tecnología FamilyMart. Los datos de API se guardan localmente en el proyecto y el video se recopila de`抖音|TikTok`, el atlas se recoge de`小红书|Xiaohongshu`,aprobar[adaptador-simulado-axios](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de back-end reales.
@@ -32,11 +32,11 @@ Vercel:(China recomienda visitar esto) -Netlificar:(Se recomienda visitar esto para áreas fuera de China) +Netlificar:(Recomiende visitar esto para áreas fuera de China) **Aviso**：`PC`Debes cambiar el navegador al modo móvil, primero presiona`F12`Para abrir la consola, presione`Ctrl+Shift+M`para obtener una vista previa normalmente -**Aviso**: Por favor utilice su teléfono móvil[a través del navegador](https://viayoo.com/zh-cn/)o vista previa del navegador Chrome. Otros navegadores pueden forzar el vídeo a pantalla completa, lo que hace que no se muestre correctamente. +**Aviso**:Por favor utilice el teléfono móvil[a través del navegador](https://viayoo.com/zh-cn/)o vista previa del navegador Chrome. Otros navegadores pueden forzar el vídeo a pantalla completa, lo que hace que no se muestre correctamente. ## Descargo de responsabilidad @@ -57,7 +57,7 @@ npm install npm run dev ``` -Abra su navegador y visite +Abra su navegador y visite: **Nota: el navegador de la PC debe cambiarse al modo móvil, primero presione`F12`Para abrir la consola, presione`Ctrl+Shift+M`para obtener una vista previa normalmente** @@ -92,17 +92,17 @@ El contenido anterior es toda información pública en Internet. ## Funciones y sugerencias El proyecto se encuentra actualmente en las primeras etapas de desarrollo y continuamente se agregan nuevas características. Si tiene alguna característica o sugerencia para el software, no dude en contactarnos.`Issues`criado en -Si también le gustan las ideas de diseño de este software, envíelas.`PR`, ¡Muchas gracias por tu apoyo! +Si también le gustan las ideas de diseño de este software, envíelas.`PR`，非常感谢你对我们的支持！ ## contáctame -Puedes contactar a mi correo electrónicozyronon@163.com +Puedes contactar a mi correozyronon@163.com > Comparta mis otros proyectos de código abierto: > > _[**Escribir palabra**- Software de memorización de vocabulario que se puede utilizar en la web ~](https://github.com/zyronon/typing-word)_ > _[**Guiones web**- Algunos scripts útiles de Grease Monkey~](https://github.com/zyronon/web-scripts)_ -## 许可协议 +## acuerdo [GPL](LICENSE) From ebd1c8c32c57bd5e42e302c0e474e337f5e031f1 Mon Sep 17 00:00:00 2001 From: zyronon Date: Fri, 5 Apr 2024 15:39:28 +0800 Subject: [PATCH 6/6] feat: add mobile check --- README.md | 3 +++ src/App.vue | 46 +++++++++++++++++++++++++++++++++++++++ src/assets/img/guide.png | Bin 0 -> 16260 bytes 3 files changed, 49 insertions(+) create mode 100644 src/assets/img/guide.png diff --git a/README.md b/README.md index 2a606ba..d720466 100644 --- a/README.md +++ b/README.md @@ -35,10 +35,13 @@ Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/) (中国推荐访问这 Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/) (中国以外地区推荐访问这个) +Android Apk: https://github.com/zyronon/douyin/releases + **注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览 **注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示 + ## 免责声明 本项目仅适用于学习和研究，不得用于商业使用 diff --git a/src/App.vue b/src/App.vue index 4db9ca3..54d7cc8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,6 +6,15 @@ +
+ +
+

切换至手机模式才可正常使用

+

1. 按 F12 调出控制台

+

2. 按 Ctrl+Shift+M，或点击下面图标

+
+ +