以下の3つの機能があります。
下記の記事に詳細な使用方法を記載しました。
パッケージインストールします。
npm install
開発モードでアプリケーションを起動します。
npm run dev
ws://127.0.0.1:8000/ws
エンドポイントを開きます。public/AvatarSample_B.vrm
のデータを変更してください。名称は変更しないでください。public/bg-c.jpg
の画像を変更してください。名称は変更しないでください。.env
ファイルの内容を参照することができます。開発を継続するためにスポンサーの方を募集しています。
あなたの支援は、AITuberキットの開発と改善に大きく貢献します。
他、プライベートスポンサー 1 名
新しい言語をプロジェクトに追加するには、以下の手順に従ってください。
言語ファイルの追加:
locales
ディレクトリに新しい言語のディレクトリを作成し、その中に translation.json
ファイルを作成します。locales/fr/translation.json
(フランス語の場合)翻訳の追加:
translation.json
ファイルに、既存の言語ファイルを参考にして翻訳を追加します。言語設定の更新:
src/lib/i18n.js
ファイルを開き、resources
オブジェクトに新しい言語を追加します。
resources: {
...,
fr: { // 新しい言語コード
translation: require("../../locales/fr/translation.json"),
},
},
言語選択オプションの追加:
<select>
...,
<option value="FR">フランス語 - French</option>
</select>
テスト:
これで新しい言語のサポートがプロジェクトに追加されます。
Introduction
コンポーネント内の getVoiceLanguageCode
関数に新しい言語コードを追加します。const getVoiceLanguageCode = (selectLanguage: string) => {
switch (selectLanguage) {
case 'JP':
return 'ja-JP';
case 'EN':
return 'en-US';
case 'ZH':
return 'zh-TW';
case 'zh-TW':
return 'zh-TW';
case 'KO':
return 'ko-KR';
case 'FR':
return 'fr-FR';
default:
return 'ja-JP';
}
}
README_fr.md
), ロゴ利用規約 (logo_licence_fr.md
), VRMモデル利用規約 (vrm_licence_fr.md
) を docs
ディレクトリに追加してください。