Douyin-Vue

douyin-vueパロディです抖音|TikTokモバイルショートビデオプロジェクト。Vueネイティブと同等のモバイル側の「ベストプラクティス」Appシルキーで滑らかな使い心地。最新のものを使用しましたVueテクノロジースタック、に基づくVue3、Vite5、Pinia成し遂げる。データはプロジェクト内でローカルに保存されます。axios-mock-adapterライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンドリクエストをシミュレートします。

オンラインアクセス

Gite ページ:ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／(中国ではこのアドレスにアクセスすることをお勧めします)
ネットリファイ:ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／

リンク

【douyin-vue】一：Swiper.js に似たカルーセルコンポーネントを実装するための 200 行のコード
【douyin-vue】二：Douyinで「無限スライドビデオ」効果を実現
さらなる記事も準備中です...

走る

注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。

Vercel への迅速な導入

地域開発

git clone https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev

ブラウザを開いて、以下にアクセスしてください。ｈっｔｐ：／／１２７。０。０。１：３０００

注: ブラウザをモバイルモードに切り替える必要があります。最初にを押します。F12コンソールを表示するには、を押します。Ctrl+Shift+M通常にプレビューする

データソース

このビデオは以下のDouyinの有名人からのものです

我是香秀 🐂🍺：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぱ２Ｌ／
杨老虎 🐯（磕穿下巴掉牙版）：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら５６で／
条子：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらあｑｊｒ／
达莎 Digi：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら６ｒｗＴ／
小橙子：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぬｄｗ／
南恬：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらｂＫｍ３／
小霸宠牛排 🥩：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹＲそｓＶＢ／
奶茶妹 ◕🌱：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＣＫｈＰ／
我才是岚岚：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱＭ１Ｃ／
周憬艺 ziran：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱｓ４ｈ／
刘思瑶 nice：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらあえＲん／
彭十六 elf：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＨｒＶＧ／
李子柒：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら５Ｂ８８／

小紅書公文書からの写真

上記内容は全てインターネット上の公開情報です

特徴と提案

プロジェクトは現在開発の初期段階にあり、新しい機能が継続的に追加されています。ソフトウェアに関する機能や提案がありましたら、お気軽にお問い合わせください。Issuesで育ちましたこのソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してくださいPR、ご支援ありがとうございました！