/aituber-talk-system

Primary LanguageJavaScriptMIT LicenseMIT

これは何か

チャット欄に寄せられるコメントにずんだもんが自動で応答をしながら進行をする、AIによるYouTube LIVE配信を行うためのサンプルです。

ずんだもんのLive2Dモデルはこちらを使わせていただきました。

aivtuber.jsの下記VOICEVOX用設定をずんだもんにしています。

// VOICEVOXのSpeakerID
const VOICEVOX_SPEAKER_ID = "7";

YouTube LIVE配信を行う場合は下記クレジットを概要に記載してください。

VOICEVOX:ずんだもん

参考: VOICEVOX 音源利用規約

継承元のリポジトリ2

https://github.com/highball-pte-ltd/aituber-talk-system

highball-pte-ltdさんさん、ありがとうございます。

このリポジトリは、上記を改造し、ずんだもんとおしゃべりできるようにしたものです。

継承元のリポジトリ

https://github.com/k-masashi/sample-chat-ai-vtuber

makunugiさんさん、ありがとうございます。

このリポジトリは、上記を改良し、Live2Dモデルとおしゃべりできるようにしたものです。

準備

AIによる雑談配信を行うためのソースコードはすでに実装済みです。 下記の準備が必要な項目のみ設定が必要です。

1. Live2Dモデル・背景画像の用意

背景画像を変更したい場合、background.pngの画像を別の画像に差し替えてください。

Live2Dモデルを変更したい場合、ルートディレクトリにLive2Dモデルのファイルを設置し、aivtuber.jsの下記の箇所に入力してください。

const modelPath = '<モデルディレクトリ内のmodel3.jsonファイルへのパスを入力してください>';

2. meboのAPIキー・エージェントIDの設定

meboを利用して、会話が可能なAIキャラクターを作成してください。 mebo内のChara.AI Generatorという機能を利用すると、スムーズにAIキャラクターが作成できます。

AIキャラクターを作成したら、meboの公開設定画面でAIキャラクターを限定公開し、「APIを有効化」してください。

APIを有効化するとAPIキーとエージェントIDを取得できます。

APIキーを取得したら、aivtuber.jsを開き、下記の箇所にAPIキーとエージェントIDを入力しましょう。

const MEBO_API_KEY = "<meboのAPIキーを入力してください。>";
const MEBO_AGENT_ID = "<meboのAgent IDを入力してください。>";

3. VOICEVOXをインストール

声の読み上げはVOICEVOXを利用します。 下記からVOICEVOXをインストールし、起動してください。VOICEVOXが起動されることで、ローカル環境にAPIが立ち上がります。 VOICEVOX公式サイト

const VOICE_VOX_API_URL = "http://localhost:50021";

デフォルトで上記がaivtuber.jsに設定されています。ポート番号を変更する際は、上記のURLを適宜変更してください。

尚、VOICEVOXを利用してYouTube配信をする場合は、ライセンス表記が必要です。概要欄などできちんと明記をして利用しましょう。 VOICEVOX利用規約

4. YouTubeライブ配信のVIDEO IDを設定

YouTubeのライブ配信の準備が整ったら、ライブ配信の動画のURLに末尾にあるVideo IDをaivtuber.jsの下記の箇所に入力してください。

const YOUTUBE_VIDEO_ID = '<YouTube Video IDを入力してください。>';

Video IDは動画のURLの末尾にある「v=」より後の文字列です。 https://www.youtube.com/watch?v=x12345667 上記であれば、Video IDは「x12345667」になります。

5. YouTube Data APIのAPIキーの用意

YouTubeライブ配信のコメントを取得するため、YouTube Data APIのAPIキーを利用します。 APIキーの取得方法は、こちらの記事が大変わかりやすくまとめられていました。

APIキーを取得したら、aivtuber.jsの下記の箇所に入力しましょう。

const YOUTUBE_DATA_API_KEY = '<YouTube Data APIのAPIキーを入力してください。>';

動作確認

index.htmlをブラウザで開きましょう。 ページ下部のテキスト入力欄にコメントを入力し「送信」ボタンを押して、無事応答が返ってくれば成功です。

LIVE開始

動作確認が完了したら、「LIVE開始」を押しましょう。 YouTube LIVEのコメントに対して応答を返すようになります。

OBSなどの画面配信が可能なツールを利用して、AI VTuberを表示しているブラウザのキャプチャをYouTubeに配信しましょう。

環境によっては、複数出力装置の設定が必要な場合があります。 AITuberの音がYoutubeで流れないなどの場合、Youtube解説を参考に、設定をお願いします。

License

The code in this project is licensed under MIT license. See the LICENSE file in this repository.

However, files located in the '/Uniform01_39' directory are a separate matter. These files are proprietary and their reproduction, modification, distribution, or use in any way is strictly forbidden without explicit permission. For more information, see the LICENSE file in the 'Uniform01_39' directory.