Upload 23 files

.gitattributes

@@ -36,3 +36,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 data/Anime2.5DRig/eye_close.psd filter=lfs diff=lfs merge=lfs -text
 data/Anime2.5DRig/mouth_close.psd filter=lfs diff=lfs merge=lfs -text
 data/Anime2.5DRig/sample.psd filter=lfs diff=lfs merge=lfs -text
+data/Anime2.5DRig/avatar_data/avatar_20260712_014405.psd filter=lfs diff=lfs merge=lfs -text

app/main.py

@@ -1,5 +1,4 @@
 from pathlib import Path
-import mimetypes
 import os
 from urllib.parse import quote
 
@@ -18,8 +17,6 @@ AVATAR_DATA_DIR = Path(
     os.getenv("AVATAR_DATA_DIR", "/buckets/Anime2.5DRig/avatar_data")
 ).resolve()
 
-mimetypes.add_type("image/vnd.adobe.photoshop", ".psd")
-
 app = FastAPI(title="ChatGPT Live Avatar Test")
 app.mount("/static", StaticFiles(directory=STATIC_DIR), name="static")
 

data/Anime2.5DRig/avatar_data/README.md

@@ -0,0 +1,11 @@
+# 旧アバターPSD配置先
+
+v0.1.5以降、このリポジトリ内フォルダはアバター選択に使用しません。切替対象PSDはStorage Bucketの次の場所へ配置します。
+
+```text
+/buckets/Anime2.5DRig/avatar_data/
+```
+
+Spaceの `/api/avatars` が拡張子 `.psd` のファイルを列挙し、Tampermonkey版の🎭メニューへ表示します。
+
+サブフォルダは列挙しません。ファイル名は表示名として使用され、選択状態はTampermonkeyへ保存されます。

data/Anime2.5DRig/index.html

@@ -990,27 +990,6 @@ requestAnimationFrame(tick);
     }
   }
 
-  async function loadAvatarBuffer(name, buffer, replyTarget, replyOrigin) {
-    try {
-      const safeName = String(name || 'avatar.psd').split(/[\\/]/).pop();
-      if (!/\.psd$/i.test(safeName)) throw new Error('PSDファイル名ではありません');
-      if (!(buffer instanceof ArrayBuffer)) throw new Error('PSDデータがArrayBufferではありません');
-      if (buffer.byteLength < 4 || buffer.byteLength > 150 * 1024 * 1024) throw new Error('PSDサイズが許容範囲外です');
-      const signature = new Uint8Array(buffer, 0, 4);
-      if (String.fromCharCode(...signature) !== '8BPS') throw new Error('PSD署名が不正です');
-      if (typeof window.__loadPsdBuffer !== 'function') throw new Error('PSD loaderが利用できません');
-      await window.__loadPsdBuffer(buffer);
-      if (!document.getElementById('drop').classList.contains('hidden')) {
-        const detail = document.getElementById('dropStatus').textContent || 'PSD解析に失敗しました';
-        throw new Error(detail.replace(/^エラー:\s*/, ''));
-      }
-      disableInternalLipSync();
-      replyTarget?.postMessage({ source: 'anime2.5drig', type: 'avatar-loaded', name: safeName }, replyOrigin);
-    } catch (error) {
-      replyTarget?.postMessage({ source: 'anime2.5drig', type: 'avatar-error', message: error.message }, replyOrigin);
-    }
-  }
-
   window.addEventListener('message', (event) => {
     if (!ALLOWED_PARENTS.has(event.origin)) return;
     const data = event.data;
@@ -1018,7 +997,6 @@ requestAnimationFrame(tick);
     if (data.type === 'mouth-open') setMouth(data.value);
     if (data.type === 'reset-mouth') setMouth(0);
     if (data.type === 'load-avatar') loadAvatarUrl(data.url, event.source, event.origin);
-    if (data.type === 'load-avatar-buffer') loadAvatarBuffer(data.name, data.buffer, event.source, event.origin);
     if (data.type === 'ping') {
       event.source?.postMessage({ source: 'anime2.5drig', type: 'ready' }, event.origin);
     }

userscripts/README.md

@@ -24,7 +24,7 @@
 6. 診断版 `chatgpt-live-audio-diagnostic.user.js` は無効化または削除する。
 7. Firefoxで `https://chatgpt.com/` を再読み込みする。
 
-既に本実装を登録済みの場合は、Tampermonkeyのエディターで内容を最新版へ全置換してください。最新版の `@version` は `0.1.6` です。
+既に本実装を登録済みの場合は、Tampermonkeyのエディターで内容を最新版へ全置換してください。最新版の `@version` は `0.1.5` です。
 
 本実装では、診断版ファイルを更新・上書きするのではなく、別ファイルの `chatgpt-live-avatar.user.js` をTampermonkeyへ登録します。
 
@@ -49,8 +49,6 @@ Storage Bucketの次のフォルダへPSDを配置します。
 
 Space起動時にこのフォルダがマウントされている必要があります。`/api/avatars` がPSD一覧を返し、🎭メニューへ反映します。PSDは実行中Spaceの `/AvatarData/<ファイル名>` から配信されます。サブフォルダ内のPSDは対象外です。
 
-v0.1.6以降は、選択したPSDをTampermonkeyの `GM_xmlhttpRequest` でArrayBufferとして取得し、Anime2.5DRig iframeへ直接渡します。読込失敗時は🎭メニュー内に具体的なエラーを表示します。
-
 状態ランプは待機中が黄色、音声stream接続中が緑です。ChatGPT Liveの再生中audio要素が後から生成・交換された場合も1秒ごとに再検出します。
 
 操作バーの短い状態表示:

userscripts/chatgpt-live-avatar.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         ChatGPT Live Anime2.5DRig Avatar
 // @namespace    https://mcuo-gpt-voice.hf.space/
-// @version      0.1.6
+// @version      0.1.5
 // @description  ChatGPT LiveのAI応答音声でAnime2.5DRigアバターをリップシンクします（Firefox Android向け）。
 // @author       mcuo
 // @match        https://chatgpt.com/*
@@ -49,7 +49,6 @@
     lastSent: -1,
     animationFrame: null,
     scanTimer: null,
-    loadingAvatar: null,
   };
 
   const root = document.createElement("section");
@@ -177,12 +176,6 @@
       }
       #${ROOT_ID} .avatar-picker[hidden] { display: none; }
       #${ROOT_ID} .avatar-picker select { width: 100%; min-height: 36px; }
-      #${ROOT_ID} .avatar-picker .avatar-error {
-        display: block;
-        margin-top: 6px;
-        color: #ffaaa5;
-        overflow-wrap: anywhere;
-      }
       #${ROOT_ID}.menu-hidden .avatar-tools,
       #${ROOT_ID}.menu-hidden .sensitivity-panel,
       #${ROOT_ID}.menu-hidden .avatar-picker {
@@ -211,7 +204,6 @@
     <div class="avatar-picker" hidden>
       <label>アバター</label>
       <select aria-label="アバター選択"><option>読込中…</option></select>
-      <small class="avatar-error" hidden></small>
     </div>
   `;
   document.documentElement.appendChild(root);
@@ -252,7 +244,6 @@
   const sensitivityOutput = sensitivityPanel.querySelector("output");
   const avatarPicker = root.querySelector(".avatar-picker");
   const avatarSelect = avatarPicker.querySelector("select");
-  const avatarError = avatarPicker.querySelector(".avatar-error");
   let avatarItems = [];
 
   function postToAvatar(type, value) {
@@ -287,30 +278,6 @@
     });
   }
 
-  function requestArrayBuffer(url) {
-    return new Promise((resolve, reject) => {
-      GM_xmlhttpRequest({
-        method: "GET",
-        url,
-        responseType: "arraybuffer",
-        timeout: 60000,
-        onload: (response) => {
-          if (response.status < 200 || response.status >= 300) {
-            reject(new Error(`PSD取得 HTTP ${response.status}`));
-            return;
-          }
-          if (!(response.response instanceof ArrayBuffer)) {
-            reject(new Error("PSDレスポンスがArrayBufferではありません"));
-            return;
-          }
-          resolve(response.response);
-        },
-        onerror: () => reject(new Error("PSDの取得に失敗しました")),
-        ontimeout: () => reject(new Error("PSDの取得がタイムアウトしました")),
-      });
-    });
-  }
-
   async function loadAvatarList() {
     try {
       const response = await requestJson(`${SPACE_ORIGIN}/api/avatars`);
@@ -333,7 +300,6 @@
         const selected = avatarItems.find((item) => item.name === settings.avatar) || avatarItems[0];
         settings.avatar = selected.name;
         avatarSelect.value = selected.name;
-        if (state.avatarReady) loadSelectedAvatar();
       }
     } catch (error) {
       avatarSelect.innerHTML = `<option>一覧取得失敗</option>`;
@@ -342,35 +308,11 @@
     }
   }
 
-  async function loadSelectedAvatar() {
+  function loadSelectedAvatar() {
     const selected = avatarItems.find((item) => item.name === settings.avatar);
     if (!selected || !state.avatarReady) return;
-    if (state.loadingAvatar === selected.name) return;
-    state.loadingAvatar = selected.name;
-    avatarError.hidden = true;
-    avatarError.textContent = "";
-    stateLabel.textContent = "PSD取得中";
-    try {
-      const buffer = await requestArrayBuffer(new URL(selected.url, SPACE_ORIGIN).href);
-      stateLabel.textContent = "PSD解析中";
-      const message = {
-        source: "gpt-voice-avatar",
-        type: "load-avatar-buffer",
-        name: selected.name,
-        buffer,
-      };
-      try {
-        frame.contentWindow?.postMessage(message, SPACE_ORIGIN, [buffer]);
-      } catch (_) {
-        frame.contentWindow?.postMessage(message, SPACE_ORIGIN);
-      }
-    } catch (error) {
-      state.loadingAvatar = null;
-      stateLabel.textContent = "PSD失敗";
-      avatarError.textContent = error.message;
-      avatarError.hidden = false;
-      avatarPicker.hidden = false;
-    }
+    postToAvatar("load-avatar", selected.url);
+    stateLabel.textContent = "PSD読込中";
   }
 
   function setConnected(connected) {
@@ -505,17 +447,10 @@
       loadSelectedAvatar();
     }
     if (event.data?.source === "anime2.5drig" && event.data.type === "avatar-loaded") {
-      state.loadingAvatar = null;
-      avatarError.hidden = true;
-      avatarError.textContent = "";
       stateLabel.textContent = state.running ? (state.analyser ? "動作中" : "音声待ち") : "停止中";
     }
     if (event.data?.source === "anime2.5drig" && event.data.type === "avatar-error") {
-      state.loadingAvatar = null;
       stateLabel.textContent = "PSD失敗";
-      avatarError.textContent = event.data.message || "PSD読み込みに失敗しました";
-      avatarError.hidden = false;
-      avatarPicker.hidden = false;
     }
   });