以前からAITuber？AIVTuber？のようなものを作成したいなと思っていたました。（違いがよくわからないので以降AITuber）

自分の想像していたAITuberの定義はこんな感じ

チャットやマイクのインターフェースを使用してLLMによって応答を生成しコミュニケーションできる
画面上にCGキャラクターが表示されている
LLMによって生成されたテキストを音声出力してくれる

従来のAITuberのようなシステムはGPU搭載の高性能PCでの実行が一般的で、機材の準備や持ち運びに大きな負担があります😫

ただ、以前の調査でGitHub Codespacesで軽量なLLMであれば動作することがわかりました。

参考

uepon.hatenadiary.com

更に調べてみるとaituber-kitというプロダクトがあり、これにより3Dモデル（VRM形式、Live2D形式）を表示し、テキストインターフェース、マイク入力のインターフェースがあるだけでなく、LLMとの接続（一般的なAPIとOllamaのどちらも使用可能）、Voicevoxなど各種TTSシステムとの接続にも対応していることがわかりました。

参考リンクについて

参考 note.com

github.com

こちらの記事も参考にしております

qiita.com

そこで今回はクラウド上の環境であるGitHub CodespacesでAITuberを動作させようという試みになります。

`AITuber`の環境設定

以下のような手順で環境整備を行います。

GitHub Codespacesでサーバ起動
aituber-kitのインストールと初回起動
Dockerを用いたvoicevox_engineの起動
Ollamaの導入とモデルのインストール
各システムとaituber-kitとの接続

1. `GitHub Codespaces`のサーバ起動

まずは、GitHubにログインし、新規にリポジトリを作成します。そのままGitHub Codespaces（以下Codesapces）のサーバを起動します。

環境設定や必要なファイルの取得は起動後のCodespaces上のサーバで作業するので、特になにもしなくて大丈夫です。

リポジトリを作成したら、Codespaces（サーバ環境）を作成します。

【Create a codespace】ボタンをクリックし、

【Create new codespace】ボタンをクリックし、

すると、このリポジトリに紐づいたCodespacesのサーバが立ち上がります。

このコンソールを使用して動作環境設定を行います。

2. `aituber-kit`の導入と設定

前述のaituber-kitはニケちゃんさんの作成されたものであり、ドキュメントもしっかりしているので詳細はそちらを確認していただいたほうが良いと思います。

再掲

note.com

github.com

まず、先ほど作成し起動したCodesapcesにaituber-kitをクローンします。

$ git clone https://github.com/tegnike/aituber-kit.git

クローンしたフォルダに移動し

$ cd aituber-kit

必要となるパッケージをインストールしていきます。

$ npm install

そして、開発モードでアプリケーションを起動します。

$ npm run dev

コマンド起動後に画面下部にブラウザを開くかを尋ねられます。【OK】ボタンをクリックすると新規にブラウザでタブが開きます。このタブではCodespacesのサーバでのport:3000相当でのアクセス画面が表示されます。（ポートに割り当てられたURLが自動的に発行されます）

初回ブラウザにアプリの説明が表示されますが、【閉じる】ボタンを押すと！

ブラウザにはAItuberの姿が！これだけでもかなり感動できます🤩🤩🤩

3. `Ollama`の導入とモデルのインストール

Codespacesの実行環境のメモリはかなり小さく8Gibなので、あまり大きなLLMを使用することはできません。今回は日本語が使用できるある程度小さなモデルであるschroneko/gemma-2-2b-jpn-itを使用させていただくことにしました。こちらはgemma-2-2bモデルをベースとした日本語対応モデルになります。

参考

ollama.com

Codesapcesで新規にターミナルを開き、

以下のコマンドを実行していきます。

# Ollamaのインストール
$ curl -fsSL https://ollama.com/install.sh | sh
# ollamaの実行
$ ollama serve
# 新規にターミナルを開いて、schroneko/gemma-2-2b-jpn-itの実行（初回時はモデルのダウンロードも行います）
$ ollama run schroneko/gemma-2-2b-jpn-it
# プロンプト入力を試す
# /exitで終了

以下はollama runコマンドを実行して、LLMを使ってチャットのテストを行っています。

これで準備完了です。

一度、ollama runコマンドでLLMのダウンロードが終わっていれば、2回目以降の起動は以下のコマンドのみで大丈夫です。

$ ollama serve

4. Dockerを用いた`voicevox_engine`の起動

LLMで生成された返答を音声化するため、今回は音声合成システムのVoicevoxを使用します。

voicevox.hiroshiba.jp

Voicevoxは多目的な機能のあるアプリですが、今回はREST APIで動作する機能のみを使用するので、プロダクトに含まれているvoicevox_engineという音声合成のエンジン部分のみを使用します。

参考

github.com

また、voicevox_engineはDockerで動作させることができ、Codesapcesの実行環境にもDockerが入っています。そこで今回はDocker経由でvoicevox_engineを実行します。先ほどのOllamaとvoicevox_engineのDockerを合わせてギリギリメモリに収まってくれます。

Dockerもデフォルトでインストールされているのが嬉しい。

新しくCodesapcesで新規にターミナルを開き、

以下を実行することでvoicevox_engineを実行することが出来ます。

$ docker run --rm -p '127.0.0.1:50021:50021' voicevox/voicevox_engine:cpu-latest

※ポート番号は50021を使用し、終了後にコンテナを削除するので--rmをオプションをつけています。

5. 各システムと`aituber-kit`との接続

今回使用するパーツの設定が整ったので、あとはaituber-kitで接続するための処理を行っていくだけとなります。

5.1 `LLM`（`Ollama`）との接続

まずはaituber-kitのチャット文面をOllama上のLLMに送信して生成する設定をします。

画面左上にある【⚙】アイコンをクリックします。

設定画面が開くので以下のように設定を行います。

左側のメニューから【AI設定】をクリック
【AIサービスの選択】でローカルLLMを選択
【URLを入力】では画面内にあるOllamaのURL:http://localhost:11434/v1/chat/completionsを入力
【モデルを選択】では先程ダウンロードしたschroneko/gemma-2-2b-jpn-itを入力

これでaituber-kitからLLM（Ollama）を呼び出す設定が完了しました。

保存ボタンはありませんが、自動的に設定は保存されます。【❌️】ボタンで設定画面を閉じることが出来ます。

5.2 voicevox_engineとの接続

続いてはOllama上のLLMが生成した文面をvoicevox_engineに送信し、音声合成で読み上げる設定を行います。

画面左上にある【⚙】アイコンをクリックします。

設定画面が開くので以下のように設定を行います。

左側のメニューから【音声設定】をクリック
【合成音声エンジンの選択】でVOICEBOXを使用するを選択
【VOICEBOXサーバーURL】ではhttp://0.0.0.0:50021を入力
【ボイスタイプ選択】ではずんだもん/普通を選択

これでaituber-kitでの音声合成を使用した読み上げ設定が完了しました。設定を確認するには設定後に【ボイスを視聴する】ボタンをクリックしてください。

保存ボタンはありませんが、自動的に設定は保存されます。【❌️】ボタンで設定画面を閉じることが出来ます。

`AITuber`を試す

ここまでできたら後は実際に試してみるだけです。画面下部にテキストを入力することで、LLMとのやり取りがテキスト・音声の両方で出力されます。また、AITuberにはマイクでの音声入力ができるようになっているのでぜひそれも試してください。

初回のやり取りではモデルをメモリにロードするなどの処理がありかなり遅い反応ですが、2回目以降はちょっと遅いなというレベルになります。また、商用サービスなどを使用するとかなり高速なやり取りも可能になります。私はClaude3.5も使用しましたがさすがにやり取りは快適でした。LLMの生成部分がレイテンシーの大部分といえるのかもしれません。