ruiyun-human 1.0.18 → 1.0.20

package/dist/ruiyun-human.cjs.js

@@ -388,7 +388,6 @@ const Recorder = /* @__PURE__ */ getDefaultExportFromCjs(jsAudioRecorder);
 const VOICE_CLIENT_ID = "e5cd2b";
 const VOICE_TENANT_ID = "000000";
 const TTS_USER = "web-test-user";
-const szrUrl = `https://sqsyky.xzspj.suqian.gov.cn:8443/szrimage/`;
 const TTS_PCM_SAMPLE_RATE = 16e3;
 const TTS_MAX_RETRIES = 5;
 const _sfc_main = {
@@ -406,15 +405,15 @@ const _sfc_main = {
   emits: ["loaded", "changed", "paused", "resumed", "audio-ready"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
-    const TTS_URL = `${props.szraddress}`;
-    const ASR_URL = `${props.szraddress}`;
-    const HUMAN_PRESETS = {
+    const TTS_URL = vue.computed(() => props.szraddress || "");
+    const ASR_URL = vue.computed(() => props.szraddress || "");
+    const szrUrl = vue.computed(() => `${props.szraddress || ""}/szrimage`);
+    const buildPresets = (rootUrl) => ({
       1: {
         humanId: 1,
-        title: "西装动漫男",
-        // TODO: 替换为真实资源
-        folder: `${szrUrl}/xiangyu-green-suit`,
-        folder_mobile: `${szrUrl}/xiangyu-green-suit-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/xiangyu-green-suit`,
+        folder_mobile: `${rootUrl}/xiangyu-green-suit-header`,
         standby: { interval: 100, standbyNum: 11 },
         speak: { interval: 30, speakNum: 274 },
         humanType: 1,
@@ -422,9 +421,9 @@ const _sfc_main = {
       },
       2: {
         humanId: 2,
-        title: "西装动漫女",
-        folder: `${szrUrl}/anime-woman`,
-        folder_mobile: `${szrUrl}/anime-woman-header`,
+        title: "虞姐",
+        folder: `${rootUrl}/anime-woman`,
+        folder_mobile: `${rootUrl}/anime-woman-header`,
         standby: { interval: 100, standbyNum: 1 },
         speak: { interval: 30, speakNum: 75 },
         humanType: 1,
@@ -432,9 +431,9 @@ const _sfc_main = {
       },
       3: {
         humanId: 3,
-        title: "真人形象男",
-        folder: `${szrUrl}/real-man`,
-        folder_mobile: `${szrUrl}/real-man-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/real-man`,
+        folder_mobile: `${rootUrl}/real-man-header`,
         standby: { interval: 100, standbyNum: 1 },
         speak: { interval: 30, speakNum: 139 },
         humanType: 1,
@@ -442,9 +441,9 @@ const _sfc_main = {
       },
       4: {
         humanId: 4,
-        title: "真人形象女",
-        folder: `${szrUrl}/real-woman`,
-        folder_mobile: `${szrUrl}/real-woman-header`,
+        title: "虞姐",
+        folder: `${rootUrl}/real-woman`,
+        folder_mobile: `${rootUrl}/real-woman-header`,
         standby: { interval: 100, standbyNum: 2 },
         speak: { interval: 40, speakNum: 139 },
         humanType: 1,
@@ -452,15 +451,15 @@ const _sfc_main = {
       },
       5: {
         humanId: 5,
-        title: "Q版形象",
-        folder: `${szrUrl}/xiangyu-q`,
-        folder_mobile: `${szrUrl}/xiangyu-q-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/xiangyu-q`,
+        folder_mobile: `${rootUrl}/xiangyu-q-header`,
         standby: { interval: 100, standbyNum: 23 },
         speak: { interval: 30, speakNum: 118 },
         humanType: 1,
         timbre: 47
       }
-    };
+    });
     const isMobile = () => {
       if (typeof navigator === "undefined") return false;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|HarmonyOS/i.test(navigator.userAgent);
@@ -473,9 +472,9 @@ const _sfc_main = {
     const resolveHuman = (input) => {
       if (input == null) return null;
       const humanId = typeof input === "number" ? input : input.humanId;
-      const preset = HUMAN_PRESETS[humanId];
+      const preset = buildPresets(szrUrl.value)[humanId];
       if (!preset) {
-        console.error("[DigitalHuman] 未找到 humanId=", humanId, "的预设形象，可用 id:", Object.keys(HUMAN_PRESETS));
+        console.error("[DigitalHuman] 未找到 humanId=", humanId, "的预设形象，可用 id:", Object.keys(buildPresets(szrUrl.value)));
         return null;
       }
       const merged = { ...preset, ...typeof input === "object" ? input : {} };
@@ -502,15 +501,23 @@ const _sfc_main = {
         standbyNum: currentHuman.value.standby.standbyNum,
         speakNum: currentHuman.value.speak.speakNum
       };
+      console.log("[DigitalHuman] 开始加载帧:", {
+        folder,
+        standbyNum,
+        speakNum,
+        humanId: currentHuman.value.humanId,
+        title: currentHuman.value.title
+      });
       const makeImage = (url) => {
         const image = new Image();
         image.src = encodeURI(url);
         image.onload = () => {
           image.__broken = false;
+          console.log("[DigitalHuman] ✅ 帧加载成功:", url);
         };
         image.onerror = () => {
           image.__broken = true;
-          console.warn("[DigitalHuman] 帧加载失败:", url);
+          console.warn("[DigitalHuman] ❌ 帧加载失败:", url);
         };
         return image;
       };
@@ -731,10 +738,18 @@ const _sfc_main = {
         const dpr = window.devicePixelRatio || 1;
         const width = containerRef.value.clientWidth;
         const height = containerRef.value.clientHeight;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        canvas.style.width = width + "px";
-        canvas.style.height = height + "px";
+        if (!width || !height) {
+          console.warn('[DigitalHuman] 容器宽高为 0！组件根元素是 width:100%;height:100%，需要父容器提供宽高（如 style="width:500px;height:500px" 或 class="w-full h-screen"）。已自动设置最小尺寸 300×300 作为兜底');
+          canvas.style.width = "300px";
+          canvas.style.height = "300px";
+          canvas.width = 300 * dpr;
+          canvas.height = 300 * dpr;
+        } else {
+          canvas.width = width * dpr;
+          canvas.height = height * dpr;
+          canvas.style.width = width + "px";
+          canvas.style.height = height + "px";
+        }
         ctx.value = canvas.getContext("2d");
         loadFrames();
         waitFramesLoaded(() => {
@@ -808,7 +823,7 @@ const _sfc_main = {
       for (let attempt = 1; attempt <= TTS_MAX_RETRIES; attempt++) {
         if (signal == null ? void 0 : signal.aborted) throw new DOMException("Aborted", "AbortError");
         console.log("[TTS] 提交合成请求1111:", ((_a = currentHuman.value) == null ? void 0 : _a.timbre) ?? 1);
-        const res = await fetch(`${TTS_URL}/web/voice/jd/text-to-speech`, {
+        const res = await fetch(`${TTS_URL.value}/web/voice/jd/text-to-speech`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -946,7 +961,7 @@ const _sfc_main = {
         domain: "general",
         sampleRate: "16000"
       });
-      const url = `${ASR_URL}/web/voice/jd/speech-to-text?${params}`;
+      const url = `${ASR_URL.value}/web/voice/jd/speech-to-text?${params}`;
       try {
         const res = await fetch(url, {
           method: "POST",
@@ -981,7 +996,7 @@ const _sfc_main = {
       }
     };
     vue.watch(
-      () => [props.human],
+      () => props.human,
       () => {
         init();
       },
@@ -1038,7 +1053,7 @@ const _sfc_main = {
     };
   }
 };
-const DigitalHuman = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60e083ad"]]);
+const DigitalHuman = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a40d6a6d"]]);
 DigitalHuman.install = (app) => app.component("DigitalHuman", DigitalHuman);
 const components = [DemoButton, DemoInput, DigitalHuman];
 const install = (app) => {

package/dist/ruiyun-human.es.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, ref, watch, onMounted, onUnmounted, nextTick } from "vue";
+import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, computed, ref, watch, onMounted, onUnmounted, nextTick } from "vue";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -386,7 +386,6 @@ const Recorder = /* @__PURE__ */ getDefaultExportFromCjs(jsAudioRecorder);
 const VOICE_CLIENT_ID = "e5cd2b";
 const VOICE_TENANT_ID = "000000";
 const TTS_USER = "web-test-user";
-const szrUrl = `https://sqsyky.xzspj.suqian.gov.cn:8443/szrimage/`;
 const TTS_PCM_SAMPLE_RATE = 16e3;
 const TTS_MAX_RETRIES = 5;
 const _sfc_main = {
@@ -404,15 +403,15 @@ const _sfc_main = {
   emits: ["loaded", "changed", "paused", "resumed", "audio-ready"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
-    const TTS_URL = `${props.szraddress}`;
-    const ASR_URL = `${props.szraddress}`;
-    const HUMAN_PRESETS = {
+    const TTS_URL = computed(() => props.szraddress || "");
+    const ASR_URL = computed(() => props.szraddress || "");
+    const szrUrl = computed(() => `${props.szraddress || ""}/szrimage`);
+    const buildPresets = (rootUrl) => ({
       1: {
         humanId: 1,
-        title: "西装动漫男",
-        // TODO: 替换为真实资源
-        folder: `${szrUrl}/xiangyu-green-suit`,
-        folder_mobile: `${szrUrl}/xiangyu-green-suit-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/xiangyu-green-suit`,
+        folder_mobile: `${rootUrl}/xiangyu-green-suit-header`,
         standby: { interval: 100, standbyNum: 11 },
         speak: { interval: 30, speakNum: 274 },
         humanType: 1,
@@ -420,9 +419,9 @@ const _sfc_main = {
       },
       2: {
         humanId: 2,
-        title: "西装动漫女",
-        folder: `${szrUrl}/anime-woman`,
-        folder_mobile: `${szrUrl}/anime-woman-header`,
+        title: "虞姐",
+        folder: `${rootUrl}/anime-woman`,
+        folder_mobile: `${rootUrl}/anime-woman-header`,
         standby: { interval: 100, standbyNum: 1 },
         speak: { interval: 30, speakNum: 75 },
         humanType: 1,
@@ -430,9 +429,9 @@ const _sfc_main = {
       },
       3: {
         humanId: 3,
-        title: "真人形象男",
-        folder: `${szrUrl}/real-man`,
-        folder_mobile: `${szrUrl}/real-man-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/real-man`,
+        folder_mobile: `${rootUrl}/real-man-header`,
         standby: { interval: 100, standbyNum: 1 },
         speak: { interval: 30, speakNum: 139 },
         humanType: 1,
@@ -440,9 +439,9 @@ const _sfc_main = {
       },
       4: {
         humanId: 4,
-        title: "真人形象女",
-        folder: `${szrUrl}/real-woman`,
-        folder_mobile: `${szrUrl}/real-woman-header`,
+        title: "虞姐",
+        folder: `${rootUrl}/real-woman`,
+        folder_mobile: `${rootUrl}/real-woman-header`,
         standby: { interval: 100, standbyNum: 2 },
         speak: { interval: 40, speakNum: 139 },
         humanType: 1,
@@ -450,15 +449,15 @@ const _sfc_main = {
       },
       5: {
         humanId: 5,
-        title: "Q版形象",
-        folder: `${szrUrl}/xiangyu-q`,
-        folder_mobile: `${szrUrl}/xiangyu-q-header`,
+        title: "羽哥",
+        folder: `${rootUrl}/xiangyu-q`,
+        folder_mobile: `${rootUrl}/xiangyu-q-header`,
         standby: { interval: 100, standbyNum: 23 },
         speak: { interval: 30, speakNum: 118 },
         humanType: 1,
         timbre: 47
       }
-    };
+    });
     const isMobile = () => {
       if (typeof navigator === "undefined") return false;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|HarmonyOS/i.test(navigator.userAgent);
@@ -471,9 +470,9 @@ const _sfc_main = {
     const resolveHuman = (input) => {
       if (input == null) return null;
       const humanId = typeof input === "number" ? input : input.humanId;
-      const preset = HUMAN_PRESETS[humanId];
+      const preset = buildPresets(szrUrl.value)[humanId];
       if (!preset) {
-        console.error("[DigitalHuman] 未找到 humanId=", humanId, "的预设形象，可用 id:", Object.keys(HUMAN_PRESETS));
+        console.error("[DigitalHuman] 未找到 humanId=", humanId, "的预设形象，可用 id:", Object.keys(buildPresets(szrUrl.value)));
         return null;
       }
       const merged = { ...preset, ...typeof input === "object" ? input : {} };
@@ -500,15 +499,23 @@ const _sfc_main = {
         standbyNum: currentHuman.value.standby.standbyNum,
         speakNum: currentHuman.value.speak.speakNum
       };
+      console.log("[DigitalHuman] 开始加载帧:", {
+        folder,
+        standbyNum,
+        speakNum,
+        humanId: currentHuman.value.humanId,
+        title: currentHuman.value.title
+      });
       const makeImage = (url) => {
         const image = new Image();
         image.src = encodeURI(url);
         image.onload = () => {
           image.__broken = false;
+          console.log("[DigitalHuman] ✅ 帧加载成功:", url);
         };
         image.onerror = () => {
           image.__broken = true;
-          console.warn("[DigitalHuman] 帧加载失败:", url);
+          console.warn("[DigitalHuman] ❌ 帧加载失败:", url);
         };
         return image;
       };
@@ -729,10 +736,18 @@ const _sfc_main = {
         const dpr = window.devicePixelRatio || 1;
         const width = containerRef.value.clientWidth;
         const height = containerRef.value.clientHeight;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        canvas.style.width = width + "px";
-        canvas.style.height = height + "px";
+        if (!width || !height) {
+          console.warn('[DigitalHuman] 容器宽高为 0！组件根元素是 width:100%;height:100%，需要父容器提供宽高（如 style="width:500px;height:500px" 或 class="w-full h-screen"）。已自动设置最小尺寸 300×300 作为兜底');
+          canvas.style.width = "300px";
+          canvas.style.height = "300px";
+          canvas.width = 300 * dpr;
+          canvas.height = 300 * dpr;
+        } else {
+          canvas.width = width * dpr;
+          canvas.height = height * dpr;
+          canvas.style.width = width + "px";
+          canvas.style.height = height + "px";
+        }
         ctx.value = canvas.getContext("2d");
         loadFrames();
         waitFramesLoaded(() => {
@@ -806,7 +821,7 @@ const _sfc_main = {
       for (let attempt = 1; attempt <= TTS_MAX_RETRIES; attempt++) {
         if (signal == null ? void 0 : signal.aborted) throw new DOMException("Aborted", "AbortError");
         console.log("[TTS] 提交合成请求1111:", ((_a = currentHuman.value) == null ? void 0 : _a.timbre) ?? 1);
-        const res = await fetch(`${TTS_URL}/web/voice/jd/text-to-speech`, {
+        const res = await fetch(`${TTS_URL.value}/web/voice/jd/text-to-speech`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -944,7 +959,7 @@ const _sfc_main = {
         domain: "general",
         sampleRate: "16000"
       });
-      const url = `${ASR_URL}/web/voice/jd/speech-to-text?${params}`;
+      const url = `${ASR_URL.value}/web/voice/jd/speech-to-text?${params}`;
       try {
         const res = await fetch(url, {
           method: "POST",
@@ -979,7 +994,7 @@ const _sfc_main = {
       }
     };
     watch(
-      () => [props.human],
+      () => props.human,
       () => {
         init();
       },
@@ -1036,7 +1051,7 @@ const _sfc_main = {
     };
   }
 };
-const DigitalHuman = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60e083ad"]]);
+const DigitalHuman = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a40d6a6d"]]);
 DigitalHuman.install = (app) => app.component("DigitalHuman", DigitalHuman);
 const components = [DemoButton, DemoInput, DigitalHuman];
 const install = (app) => {

package/dist/style.css

@@ -1 +1 @@
-.demo-btn[data-v-9a48516a]{padding:6px 14px;border-radius:4px;border:none;cursor:pointer;font-size:14px}.primary[data-v-9a48516a]{background:#409eff;color:#fff}.success[data-v-9a48516a]{background:#67c23a;color:#fff}.warning[data-v-9a48516a]{background:#e6a23c;color:#fff}.demo-input-wrap[data-v-28a3493c]{display:inline-flex;align-items:center;border:1px solid #dcdcdc;border-radius:4px;padding:0 10px}.demo-input-wrap[data-v-28a3493c]:focus-within{border-color:#409eff}.demo-input[data-v-28a3493c]{border:none;outline:none;padding:8px 6px;flex:1}.prefix[data-v-28a3493c],.suffix[data-v-28a3493c]{color:#909399}.digital-human[data-v-60e083ad]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.digital-human canvas[data-v-60e083ad]{max-width:100%;max-height:100%}
+.demo-btn[data-v-9a48516a]{padding:6px 14px;border-radius:4px;border:none;cursor:pointer;font-size:14px}.primary[data-v-9a48516a]{background:#409eff;color:#fff}.success[data-v-9a48516a]{background:#67c23a;color:#fff}.warning[data-v-9a48516a]{background:#e6a23c;color:#fff}.demo-input-wrap[data-v-28a3493c]{display:inline-flex;align-items:center;border:1px solid #dcdcdc;border-radius:4px;padding:0 10px}.demo-input-wrap[data-v-28a3493c]:focus-within{border-color:#409eff}.demo-input[data-v-28a3493c]{border:none;outline:none;padding:8px 6px;flex:1}.prefix[data-v-28a3493c],.suffix[data-v-28a3493c]{color:#909399}.digital-human[data-v-a40d6a6d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.digital-human canvas[data-v-a40d6a6d]{max-width:100%;max-height:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ruiyun-human",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "type": "module",
   "description": "数字人初步实现",
   "main": "./dist/ruiyun-human.cjs.js",