スライドの自動録画機能およびスライド中動画の自動再生機能

.env.example

@@ -63,11 +63,11 @@ NEXT_PUBLIC_CHARACTER_PRESET4=""
 NEXT_PUBLIC_CHARACTER_PRESET5=""
 
 # 選択するVRMモデルのパス / Path to the selected VRM model
-NEXT_PUBLIC_SELECTED_VRM_PATH="/vrm/default.vrm"
+NEXT_PUBLIC_SELECTED_VRM_PATH="/vrm/nikechan_v2.vrm"
 
 # 選択するLive2Dモデルのモデルファイルのパス /
 # Path to the selected Live2D model file
-NEXT_PUBLIC_SELECTED_LIVE2D_PATH="/live2d/modername/model3.json"
+NEXT_PUBLIC_SELECTED_LIVE2D_PATH="/live2d/nike01/nike01.model3.json"
 
 # Live2D感情設定（カンマ区切りで複数指定可能） /
 # Live2D emotion settings (multiple can be specified with commas)
@@ -356,6 +356,10 @@ NEXT_PUBLIC_YOUTUBE_LIVE_ID=""
 # Set the initial state of slide mode (true/false)
 NEXT_PUBLIC_SLIDE_MODE="false"
 
+# OBS Studio Settings
+NEXT_PUBLIC_OBS_WEBSOCKET_URL=ws://obs:4455
+NEXT_PUBLIC_OBS_WEBSOCKET_PASSWORD="obswebsocket"
+
 #===============================================================================
 # その他の設定 / Other Settings
 #===============================================================================

docker-compose.obs-url-recorder.override.yml

@@ -0,0 +1,24 @@
+services:
+  obs:
+    image: ghcr.io/stealthinu/obs-url-recorder:master
+    environment:
+      OBS_BROWSER_URL: http://app:3000/?slide=demo&autoplay=true
+    ports:
+      - "5900:5900"  # VNC port
+    volumes:
+      - ~/aituberkit-output:/home/obsuser/output
+
+  aivisspeech-engine:
+    image: ghcr.io/aivis-project/aivisspeech-engine:nvidia-latest
+    restart: always
+    ports:
+      - "10101:10101"
+    deploy:
+      resources:
+        reservations:
+          devices:
+            - driver: nvidia
+              count: all
+              capabilities: [gpu]
+    volumes:
+      - ~/.local/share/AivisSpeech-Engine:/home/user/.local/share/AivisSpeech-Engine-Dev

docs/obs_recorder.md

@@ -0,0 +1,20 @@
+# OBS連携機能
+
+AITuberKitはOBS Studioと連携してスライドショーの録画を自動化できます。以下の環境変数を設定することで、OBS WebSocketへの接続設定を行います。
+
+```
+# .envファイルに追加
+NEXT_PUBLIC_OBS_WEBSOCKET_URL=ws://localhost:4455
+NEXT_PUBLIC_OBS_WEBSOCKET_PASSWORD=yourpassword
+```
+
+設定方法:
+1. OBS Studioを起動し、「ツール」→「WebSocket Server Settings」を開きます
+2. 「Enable WebSocket Server」にチェックを入れます
+3. 必要に応じてパスワードを設定します（パスワードを設定しない場合は空白にします）
+4. 上記の環境変数を.envファイルに追加し、URLとパスワードを設定します
+
+スライドの自動再生URLパラメータ:
+```
+http://localhost:3000?slide=スライド名&autoplay=true
+```

package.json

@@ -48,6 +48,7 @@
     "i18next": "^23.6.0",
     "lodash": "^4.17.21",
     "next": "^14.2.5",
+    "obs-websocket-js": "^5.0.6",
     "ollama-ai-provider": "^0.13.0",
     "openai": "^4.89.0",
     "pdfjs-dist": "^4.5.136",