@scienjoy/sj-ai-plus 1.0.0

package/ui/es/packages/components/src/utils/utils.ts

@@ -0,0 +1,425 @@
+/* empty css                                                                                                                             */
+/* empty css                                                                                                                                 */
+/* empty css                                                                                                                                   */
+import { ElMessage as b } from "../../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.27_typescript@5.9.3_/node_modules/element-plus/es/components/message/index.ts";
+const a = {
+  /**
+   * @method funcElMessageShowCtrl
+   * @param {String} message - 提示内容
+   * @param {String} type - 提示内容类型 'success' | 'warning'（默认值） | 'info' | 'error'
+   * @param {Number} duration - 显示时间，单位为毫秒（设为 0 则不会自动关闭，默认值为 2000）
+   * @param {Boolean} showClose - 是否显示关闭按钮（默认为 false 不显示）
+   * @returns 无
+   * @desc 消息提示
+   */
+  funcElMessageShowCtrl: (e, t = "warning", n = 2e3, o = !1) => {
+    e && b({
+      message: e,
+      type: t,
+      duration: n,
+      showClose: o
+    });
+  },
+  funcImageUrlReplace: (e, t, n, o = !1) => {
+    if (!e)
+      return "";
+    try {
+      const r = /\/role\//g, f = "/role/web/", i = /\/level1\//g, l = "/level1/web/", u = /\/level\//g, s = "/level/web/", c = /\/grade\//g, g = "/grade/web/", w = /\/svip\//g, y = "/svip/web/", S = /\/star\/star_/g;
+      if (e && (e = e.replace(r, f).replace(i, l).replace(u, s).replace(c, g).replace(w, y).replace(S, "/star/web/star_")), o && e && t && n && n.includes(Number(t))) {
+        const d = "wealth_lv", p = e.lastIndexOf(d);
+        if (p > 0) {
+          const m = e.substring(p + d.length), h = Number(m);
+          Number.isFinite(h) && h >= 31 && (e = e.substring(0, p + d.length) + m.replace(/.png/, ".gif"));
+        }
+      }
+    } catch (r) {
+      console.error(r);
+    }
+    return e;
+  },
+  // 新消息中图片模板单独处理（勋章的 value1 是数组）
+  funcMsgImageUrlReplace: (e, t = !1) => {
+    if (!e)
+      return "";
+    try {
+      e.indexOf("/medal/") > 0 ? t ? e = e.replace(/\.png/g, ".png@!style_20") : e = e.replace(/\.png/g, ".png@!style_28") : e.indexOf("/grade/") > 0 ? e = e.replace(/\.png/g, ".png@!style_20") : e.indexOf("/ward/") > 0 ? e = e.replace(/\.png/g, ".png@!style_15") : e.indexOf("/prop/") > 0 ? e = e.replace(/\.png/g, ".png@!style_30") : e.indexOf("/gifts/") > 0 && (e = e.replace(/\.png/g, ".png@!style_30"));
+    } catch (n) {
+      console.error(n);
+    }
+    return e;
+  },
+  /**
+   * @method funcTrim
+   * @param {String} str - 要去除空格的字符串
+   * @returns {String} 已去除空格的字符串
+   * @desc 去除字符串首尾空格
+   */
+  funcTrim: (e) => (e || (e = ""), e = e.toString(), String(e).replace(/^\s+|\s+$/gm, "")),
+  /**
+   * @method funcInsertContentIntoString
+   * @param {String} insertString - 要插入内容的字符串
+   * @param {Number} insertIndex - 要插入的位置
+   * @param {String} insertContent - 要插入的内容
+   * @returns {String} 已插入内容的字符串
+   * @desc 向字符串中插入内容
+   */
+  funcInsertContentIntoString: function(e, t, n) {
+    return e && n && (e = e.substring(0, t) + n + e.substr(t)), e;
+  },
+  /**
+   * @method funcIsLastStr
+   * @param {String} str - 要判断的字符串
+   * @param {String} targetStr - 目标字符串
+   * @returns {Boolean} 字符串是否以特定字符串结尾
+   * @desc 判断字符串是否以特定字符串结尾（不区分大小写）
+   */
+  funcIsLastStr: function(e, t) {
+    if (!e || !t)
+      return !1;
+    const n = e.toLowerCase(), o = t.toLowerCase(), r = n.lastIndexOf(o);
+    return r !== -1 && r === e.length - t.length;
+  },
+  /**
+   * @method funcFilterOutStr
+   * @param {String} str - 要过滤内容的字符串
+   * @returns {String} 已过滤内容的字符串
+   * @desc 过滤字符串首尾"[]"字符
+   */
+  funcFilterOutStr: function(e) {
+    return e = e || "", e && /^\[[\s\S]*\]$/.test(e) && (e = e.substring(1, e.length - 1)), e;
+  },
+  /**
+   * @method funcIEVersionCheck
+   * @param 无
+   * @returns {Number || String} IE浏览器版本
+   * @desc 判断IE浏览器版本
+   */
+  funcIEVersionCheck: () => {
+    const e = navigator.userAgent;
+    if (e.includes("compatible") && e.includes("MSIE")) {
+      const n = parseFloat(RegExp.$1);
+      return n >= 7 && n <= 10 ? n : 6;
+    } else {
+      if (e.includes("Edge"))
+        return "edge";
+      if (e.includes("Trident") && e.includes("rv:11.0"))
+        return 11;
+    }
+    return -1;
+  },
+  /**
+   * @method funcIsArray
+   * @param {Object} obj - 要判断是否为数组的对象
+   * @returns {Boolean} 是否为数组
+   * @desc 判断是否为数组
+   */
+  funcIsArray: (e) => {
+    let t = !1;
+    return e instanceof Array || typeof e == "object" && e.constructor === Array ? t = !0 : typeof Array.isArray == "function" ? t = Array.isArray(e) : t = Object.prototype.toString.call(e) === "[object Array]", t;
+  },
+  /**
+   * @method funcArrayShuffle
+   * @param {Array} arr - 要打乱元素顺序的数组
+   * @returns {Array} 已打乱元素顺序的数组
+   * @desc 打乱数组元素顺序
+   */
+  funcArrayShuffle: (e) => {
+    if (!e || !a.funcIsArray(e))
+      return [];
+    const t = e.length;
+    for (let n = 0; n < t - 1; n++) {
+      const o = Math.floor(Math.random() * (t - n)), r = e[o];
+      e[o] = e[t - n - 1], e[t - n - 1] = r;
+    }
+    return e;
+  },
+  /**
+   * @method funcUrlParamAdd
+   * @param {String} url - 要添加参数的路径
+   * @param {String} paramKey - 要添加的参数名称
+   * @param {String} paramValue - 要添加的参数值
+   * @returns {String} 已添加参数的路径
+   * @desc 路径中添加参数
+   */
+  funcUrlParamAdd: (e, t, n) => {
+    if (!e || !t || !n)
+      return e;
+    if (!e.includes("?" + t + "=") && !e.includes("&" + t + "=")) {
+      let o = "?";
+      e.includes(o) && (o = "&"), e += o + t + "=" + n;
+    }
+    return e;
+  },
+  /**
+   * @method funcUrlHasParamJudge
+   * @param {String} url - 要判断的路径
+   * @param {String} param - 要判断的参数名称
+   * @returns {Boolean} 路径中是否有某个参数
+   * @desc 判断路径中是否有某个参数
+   */
+  funcUrlHasParamJudge: (e, t) => {
+    let n = !1;
+    return e && (e.includes("?" + t + "=") || e.includes("&" + t + "=")) && (n = !0), n;
+  },
+  /**
+   * @method funcGetUrlParamValue
+   * @param {String} url - 获取参数值的路径
+   * @param {String} param - 参数名称
+   * @returns {String} 参数值
+   * @desc 获取路径中某个参数的值
+   */
+  funcGetUrlParamValue: (e, t) => {
+    let n = "";
+    if (!e || !t)
+      return n;
+    const o = e.split("?");
+    if (o.length > 1) {
+      const r = o[1].split("&");
+      let f, i;
+      for (let l = 0; l < r.length; l++)
+        if (f = r[l], i = f.split("="), t === i[0]) {
+          n = i[1];
+          break;
+        }
+    }
+    return n;
+  },
+  /**
+   * @method funcMediaUrlModify
+   * @param {String} mediaUrl - 流地址
+   * @returns {String} 替换内容后的流地址
+   * @desc 视频流地址内容替换
+   */
+  funcMediaUrlModify: (e) => (e = e.replace("__", "&"), window.location.protocol === "https:" && e.includes("http:") && (e = e.replace("http:", "https:")), e),
+  /**
+   * @method funcPhoneNumCheck
+   * @param {String} phoneNum - 手机号
+   * @returns {Boolean} 手机号是否合法
+   * @desc 手机号有效性检查
+   */
+  funcPhoneNumCheck: (e) => !(!e || e.match(/^(0|86|17951)?(1[3|5|6|7|8|9][0-9]|14[57])[0-9]{8}$/) === null),
+  /**
+   * @method funcActivityPosterClick
+   * @param {String} posterOpenUrl - 海报链接
+   * @returns {Function} 点击海报弹框时的回调函数
+   * @desc 点击海报展示方式控制
+   */
+  funcActivityPosterClick: (e, t) => {
+    if (e)
+      if (a.funcUrlHasParamJudge(e, "isNew") && typeof t == "function")
+        t();
+      else if (a.funcUrlHasParamJudge(e, "isNoRefer")) {
+        const n = window.open();
+        n.opener = null, n.location = e;
+      } else
+        window.open(e, "_blank");
+  },
+  /**
+   * @method funcSpecialCharacterReplace
+   * @param {String} content - 要替换特殊符号的内容
+   * @returns {String} 替换掉特殊符号后的内容
+   * @desc 字符串中特殊符号替换（例如：解决昵称中有 <、> 等特殊符号的展示问题）
+   */
+  funcSpecialCharacterReplace: (e) => e ? e.replace(/[<>&"]/g, (t) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;", '"': "&quot;" })[t]) : "",
+  /**
+   * @method funcDeblockTimeFormat
+   * @param {Number | String} timestamp - 要格式化的时间戳
+   * @param {Number} type - 时间戳类型（1-精确到毫秒 | 2-精确到秒（需要 * 1000））
+   * @returns {String} 格式化后的字符串
+   * @desc 主播封号提示框时间格式化
+   */
+  funcDeblockTimeFormat: (e, t = 1) => {
+    const o = ((/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 + 8) * 60 * 60;
+    e = Number(e), e = t === 1 ? e + o : e * 1e3 + o;
+    const r = new Date(e), f = r.getFullYear(), i = String(r.getMonth() + 1).padStart(2, "0"), l = String(r.getDate()).padStart(2, "0"), u = String(r.getHours()).padStart(2, "0"), s = String(r.getMinutes()).padStart(2, "0"), c = String(r.getSeconds()).padStart(2, "0");
+    return `${f} 年 ${i} 月 ${l} 日 ${u} 时 ${s} 分 ${c} 秒`;
+  },
+  /**
+   * @method funcWebsiteAccessModeIsCEFJudge
+   * @param 无
+   * @returns {Boolean} 是否为 CEF 开播
+   * @desc 判断是否为 CEF 开播
+   */
+  funcWebsiteAccessModeIsCEFJudge: () => {
+    const e = window.localStorage.accessMode;
+    return !!(e && e === "CEF");
+  },
+  /**
+   * @method funcGetCEFLoginPageUrl
+   * @param 无
+   * @returns {String} CEF 登录页面地址
+   * @desc 返回 CEF 登录页面地址
+   */
+  funcGetCEFLoginPageUrl: () => `${window.parent.location.protocol}//${window.parent.location.host}/cef/login`,
+  /**
+   * @method funcMessageToJson
+   * @param {String} xmlStr - 消息内容
+   * @returns {Object} 处理后的消息内容
+   * @desc 处理消息内容
+   */
+  funcMessageToJson: (e) => {
+    if (!e)
+      return null;
+    let t = "";
+    const n = Number(a.funcIEVersionCheck());
+    n >= 6 && n <= 10 ? t = e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&nbsp;/g, " ").replace(/&#39;/g, "'").replace(/&quot;/g, '"') : t = e, t = t.replace("<![CDATA[", "").replace("]]>", "");
+    let o = null;
+    if (t && t.length > 0 && t.includes("{"))
+      try {
+        o = JSON.parse(t);
+      } catch {
+        console.log("json 解析失败 str=" + t);
+      }
+    return o;
+  },
+  /**
+   * @method funcDeepClone
+   * @param {Object} target - 要拷贝的对象
+   * @returns {Object} 新的对象
+   * @desc 深拷贝
+   */
+  funcDeepClone: (e) => {
+    const t = /* @__PURE__ */ new WeakMap(), n = (r) => typeof r == "object" && r || typeof r == "function", o = (r) => {
+      if (!n(r))
+        return r;
+      if ([Date, RegExp].includes(r.constructor))
+        return new r.constructor(r);
+      if (typeof r == "function")
+        return setTimeout(() => r, 100);
+      const f = t.get(r);
+      if (f)
+        return f;
+      if (r instanceof Map) {
+        const s = /* @__PURE__ */ new Map();
+        return t.set(r, s), r.forEach((c, g) => {
+          n(c) ? s.set(g, o(c)) : s.set(g, c);
+        }), s;
+      }
+      if (r instanceof Set) {
+        const s = /* @__PURE__ */ new Set();
+        return t.set(r, s), r.forEach((c) => {
+          n(c) ? s.add(o(c)) : s.add(c);
+        }), s;
+      }
+      const i = Reflect.ownKeys(r), l = Object.getOwnPropertyDescriptors(r), u = Object.create(Object.getPrototypeOf(r), l);
+      return t.set(r, u), i.forEach((s) => {
+        const c = r[s];
+        n(c) ? u[s] = o(c) : u[s] = c;
+      }), u;
+    };
+    return o(e);
+  },
+  /**
+   * @method funcArraySort
+   * @param {Object} arr - 要排序的数组
+   * @param {Object} sortKeyArr - 排序关键字数组
+   * @returns 无
+   * @desc 处理消息内容
+   */
+  funcArraySort: (e, t, n) => {
+    a.funcIsArray(e) && e.length > 0 && (t && a.funcIsArray(t) && t.length > 0 ? e.sort((o, r) => {
+      let f = null, i = null, l = "";
+      for (let u = 0; u < t.length; u++)
+        if (l = t[u], f = Number(o[l]), i = Number(r[l]), f !== i)
+          return f - i;
+      return 0;
+    }) : e.sort((o, r) => n === "number" ? Number(o) - Number(r) : o - r));
+  },
+  funcNumberFormat: (e, t = 2) => String(e).padStart(t, "0"),
+  funcTimestampFormat: (e, t) => {
+    const n = new Date(Number(e)), o = n.getFullYear(), r = a.funcNumberFormat(n.getMonth() + 1), f = a.funcNumberFormat(n.getDate()), i = a.funcNumberFormat(n.getHours()), l = a.funcNumberFormat(n.getMinutes());
+    let u = "";
+    return t === 1 ? u = `${i}:${l}` : u = `${o}-${r}-${f} ${i}:${l}`, u;
+  },
+  // 将一个整数取，取指定的位数
+  funcFixDigitalNum: (e, t) => ("" + e).length < t ? (new Array(t + 1).join("0") + e).slice(-t) : "" + e,
+  /**
+   * 时间处理函数2
+   * @param second
+   * @returns {String}
+   */
+  getLocalTime: (e) => {
+    let t = "";
+    const s = ((/* @__PURE__ */ new Date()).getTime() - e * 1e3) / 1e3;
+    if (s < 60)
+      s <= 15 ? t = "15秒前" : t = s.toFixed(0) + "秒前";
+    else if (s < 120)
+      t = "1分钟前";
+    else if (s < 2700)
+      t = (s / 60).toFixed(0) + "分钟前";
+    else if (s < 5400)
+      t = "1小时前";
+    else if (s < 24 * 3600)
+      t = (s / 3600).toFixed(0) + "小时前";
+    else if (s < 48 * 3600)
+      t = "昨天";
+    else if (s < 30 * 86400)
+      t = (s / 86400).toFixed(0) + "天前";
+    else if (s < 12 * 2592e3) {
+      const c = s / 2592e3;
+      c <= 1 ? t = "1个月前" : t = c.toFixed(0) + "月前";
+    } else
+      t = (s / 31104e3).toFixed(0) + "年前";
+    return t;
+  },
+  /**
+   * 检查接口是否成功
+   * @param res
+   * @returns {Boolean}
+   */
+  checkRequestBackStatus: (e) => e?.status?.statuscode + "" == "0",
+  /**
+   * 获取月初时间
+   */
+  getDay: (e) => {
+    const t = /* @__PURE__ */ new Date(), n = t.getTime() + 1e3 * 60 * 60 * 24 * e, o = (s) => {
+      let c = s;
+      return s.toString().length === 1 && (c = "0" + s), c;
+    };
+    t.setTime(n);
+    const r = t.getFullYear(), f = t.getMonth(), i = t.getDate(), l = o(f + 1 + ""), u = o(i + "");
+    return r + "-" + l + "-" + u;
+  },
+  /**
+   * 日期格式化 yyyy-MM-dd hh:mm:ss
+   */
+  funcDateFormt: (e, t = 1) => {
+    const o = ((/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 + 8) * 60 * 60;
+    e = Number(e), e = t === 1 ? e + o : e * 1e3 + o;
+    const r = new Date(e), f = r.getFullYear(), i = String(r.getMonth() + 1).padStart(2, "0"), l = String(r.getDate()).padStart(2, "0"), u = String(r.getHours()).padStart(2, "0"), s = String(r.getMinutes()).padStart(2, "0");
+    return String(r.getSeconds()).padStart(2, "0"), `${f}-${i}-${l}  ${u}:${s}`;
+  },
+  /**
+   * 生成随机字符串拼接uid
+   * @param n // 随机数字个数
+   */
+  funcSetRandomNum: (e) => {
+    let t = "";
+    for (let n = 0; n < e; n++)
+      t += Math.floor(Math.random() * 9 + 1);
+    return t;
+  },
+  /**
+   * @method debounce
+   * @param [function] fn —— 执行事件
+   * @param [?number | 500] delay = 500 —— 时间间隔
+   * @desc: 防抖，单位时间内触发最后一次
+   */
+  /**
+   * @method funcWebsiteAccessModeIsCEFJudge
+   * @param fn —— 执行事件
+   * @returns {Boolean} 是否为 CEF 开播
+   * @desc 判断是否为 CEF 开播
+   */
+  debounce: (e, t = 500) => {
+    let n = null;
+    return (...o) => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        e.apply(void 0, o), n = null;
+      }, t);
+    };
+  }
+};
+export {
+  a as default
+};

package/ui/es/packages/components/src/utils/videoBackgroundRemoval.ts

@@ -0,0 +1,275 @@
+import { ref as h } from "vue";
+function E() {
+  const d = h(null), r = h(null);
+  let u = null, t = null, l = null, p = null, f = null, n = null, s = null;
+  const b = `
+        struct Uniforms {
+            targetColor1: vec3f,
+            threshold: f32,
+            targetColor2: vec3f,
+            _padding: f32,
+            resolution: vec2f,
+            _padding2: vec2f,
+        }
+
+        @group(0) @binding(0) var videoSampler: sampler;
+        @group(0) @binding(1) var videoTexture: texture_external;
+        @group(0) @binding(2) var<uniform> uniforms: Uniforms;
+
+        struct VertexOutput {
+            @builtin(position) position: vec4f,
+            @location(0) texCoord: vec2f,
+        }
+
+        @vertex
+        fn vertexMain(@builtin(vertex_index) vertexIndex: u32) -> VertexOutput {
+            // 全屏四边形顶点
+            var pos = array<vec2f, 6>(
+                vec2f(-1.0, -1.0),
+                vec2f(1.0, -1.0),
+                vec2f(-1.0, 1.0),
+                vec2f(-1.0, 1.0),
+                vec2f(1.0, -1.0),
+                vec2f(1.0, 1.0)
+            );
+            
+            var output: VertexOutput;
+            output.position = vec4f(pos[vertexIndex], 0.0, 1.0);
+            // 翻转Y坐标以修正视频倒置问题
+            output.texCoord = vec2f(
+                pos[vertexIndex].x * 0.5 + 0.5,
+                1.0 - (pos[vertexIndex].y * 0.5 + 0.5)
+            );
+            return output;
+        }
+
+        // 检查颜色是否匹配任一目标色
+        fn matchesTargetColor(color: vec3f) -> bool {
+            let diff1 = distance(color, uniforms.targetColor1);
+            let diff2 = distance(color, uniforms.targetColor2);
+            return diff1 < uniforms.threshold || diff2 < uniforms.threshold;
+        }
+
+        @fragment
+        fn fragmentMain(input: VertexOutput) -> @location(0) vec4f {
+            let color = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord);
+            let rgb = color.rgb;
+            let pixelSize = 1.0 / uniforms.resolution;
+            
+            // 检查当前像素是否匹配目标色
+            if (matchesTargetColor(rgb)) {
+                return vec4f(0.0, 0.0, 0.0, 0.0);
+            }
+            
+            // 检查8个邻居（包括对角线）
+            let left = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(-pixelSize.x, 0.0)).rgb;
+            let right = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(pixelSize.x, 0.0)).rgb;
+            let top = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(0.0, -pixelSize.y)).rgb;
+            let bottom = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(0.0, pixelSize.y)).rgb;
+            let topLeft = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(-pixelSize.x, -pixelSize.y)).rgb;
+            let topRight = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(pixelSize.x, -pixelSize.y)).rgb;
+            let bottomLeft = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(-pixelSize.x, pixelSize.y)).rgb;
+            let bottomRight = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(pixelSize.x, pixelSize.y)).rgb;
+            
+            // 第一层侵蚀：如果任意邻居匹配背景色，当前像素也变透明
+            if (matchesTargetColor(left) || matchesTargetColor(right) || 
+                matchesTargetColor(top) || matchesTargetColor(bottom) ||
+                matchesTargetColor(topLeft) || matchesTargetColor(topRight) ||
+                matchesTargetColor(bottomLeft) || matchesTargetColor(bottomRight)) {
+                return vec4f(0.0, 0.0, 0.0, 0.0);
+            }
+            
+            // 第二层侵蚀：检查2像素距离的邻居
+            let left2 = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(-pixelSize.x * 2.0, 0.0)).rgb;
+            let right2 = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(pixelSize.x * 2.0, 0.0)).rgb;
+            let top2 = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(0.0, -pixelSize.y * 2.0)).rgb;
+            let bottom2 = textureSampleBaseClampToEdge(videoTexture, videoSampler, input.texCoord + vec2f(0.0, pixelSize.y * 2.0)).rgb;
+            
+            if (matchesTargetColor(left2) || matchesTargetColor(right2) || 
+                matchesTargetColor(top2) || matchesTargetColor(bottom2)) {
+                return vec4f(0.0, 0.0, 0.0, 0.0);
+            }
+            
+            // 不匹配且不在边缘 - 完全保留
+            return vec4f(rgb, 1.0);
+        }
+    `;
+  function v(o) {
+    const e = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);
+    return e ? {
+      r: parseInt(e[1], 16),
+      g: parseInt(e[2], 16),
+      b: parseInt(e[3], 16)
+    } : { r: 0, g: 0, b: 0 };
+  }
+  async function C(o) {
+    if (!navigator.gpu)
+      return console.error("WebGPU不受支持。请使用Chrome 113+或Edge 113+，或在chrome://flags中启用WebGPU"), !1;
+    try {
+      const e = await navigator.gpu.requestAdapter();
+      if (!e)
+        return console.error("无法获取WebGPU适配器"), !1;
+      if (t = await e.requestDevice(), l = o.getContext("webgpu"), !l)
+        return console.error("无法获取WebGPU上下文"), !1;
+      const i = navigator.gpu.getPreferredCanvasFormat();
+      l.configure({
+        device: t,
+        format: i,
+        alphaMode: "premultiplied"
+      });
+      const a = t.createShaderModule({
+        code: b
+      });
+      f = t.createSampler({
+        magFilter: "linear",
+        minFilter: "linear"
+      }), n = t.createBuffer({
+        size: 48,
+        usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
+      }), s = t.createBindGroupLayout({
+        entries: [
+          {
+            binding: 0,
+            visibility: GPUShaderStage.FRAGMENT,
+            sampler: {}
+          },
+          {
+            binding: 1,
+            visibility: GPUShaderStage.FRAGMENT,
+            externalTexture: {}
+          },
+          {
+            binding: 2,
+            visibility: GPUShaderStage.FRAGMENT,
+            buffer: { type: "uniform" }
+          }
+        ]
+      });
+      const c = t.createPipelineLayout({
+        bindGroupLayouts: [s]
+      });
+      return p = t.createRenderPipeline({
+        layout: c,
+        vertex: {
+          module: a,
+          entryPoint: "vertexMain"
+        },
+        fragment: {
+          module: a,
+          entryPoint: "fragmentMain",
+          targets: [{
+            format: i,
+            blend: {
+              color: {
+                srcFactor: "src-alpha",
+                dstFactor: "one-minus-src-alpha"
+              },
+              alpha: {
+                srcFactor: "one",
+                dstFactor: "one-minus-src-alpha"
+              }
+            }
+          }]
+        },
+        primitive: {
+          topology: "triangle-list"
+        }
+      }), console.log("WebGPU初始化成功"), !0;
+    } catch (e) {
+      return console.error("WebGPU初始化失败:", e), !1;
+    }
+  }
+  function m() {
+    if (!d.value || !r.value || !t || !l || !p || !f || !n || !s)
+      return;
+    const o = d.value, e = r.value;
+    if (o.readyState < o.HAVE_CURRENT_DATA) {
+      u = requestAnimationFrame(m);
+      return;
+    }
+    (e.width !== o.videoWidth || e.height !== o.videoHeight) && (e.width = o.videoWidth, e.height = o.videoHeight);
+    try {
+      const i = t.importExternalTexture({
+        source: o
+      }), a = v("#0AFFFF"), c = v("#0AFFFF"), y = new Float32Array([
+        a.r / 255,
+        a.g / 255,
+        a.b / 255,
+        // targetColor1
+        0.4,
+        // threshold - 颜色相似度阈值
+        c.r / 255,
+        c.g / 255,
+        c.b / 255,
+        // targetColor2
+        0,
+        // padding
+        e.width,
+        e.height,
+        // resolution
+        0,
+        0
+        // padding2
+      ]);
+      t.queue.writeBuffer(n, 0, y);
+      const P = t.createBindGroup({
+        layout: s,
+        entries: [
+          { binding: 0, resource: f },
+          { binding: 1, resource: i },
+          { binding: 2, resource: { buffer: n } }
+        ]
+      }), x = t.createCommandEncoder(), g = x.beginRenderPass({
+        colorAttachments: [{
+          view: l.getCurrentTexture().createView(),
+          clearValue: { r: 0, g: 0, b: 0, a: 0 },
+          loadOp: "clear",
+          storeOp: "store"
+        }]
+      });
+      g.setPipeline(p), g.setBindGroup(0, P), g.draw(6), g.end(), t.queue.submit([x.finish()]);
+    } catch (i) {
+      console.error("WebGPU渲染帧错误:", i);
+    }
+    u = requestAnimationFrame(m);
+  }
+  async function S() {
+    if (!d.value || !r.value) return;
+    if (!await C(r.value)) {
+      console.error("WebGPU初始化失败，请确保浏览器支持WebGPU");
+      return;
+    }
+    u = requestAnimationFrame(m);
+  }
+  function T() {
+    if (u !== null && (cancelAnimationFrame(u), u = null), r.value && (r.value.getContext("2d") || r.value.getContext("webgpu"))) {
+      if (l && t) {
+        const i = t.createCommandEncoder();
+        i.beginRenderPass({
+          colorAttachments: [{
+            view: l.getCurrentTexture().createView(),
+            clearValue: { r: 0, g: 0, b: 0, a: 0 },
+            loadOp: "clear",
+            storeOp: "store"
+          }]
+        }).end(), t.queue.submit([i.finish()]);
+      }
+      const e = r.value.getContext("2d");
+      if (e) {
+        e.clearRect(0, 0, r.value.width, r.value.height);
+        const i = r.value.width, a = r.value.height;
+        r.value.width = i, r.value.height = a;
+      }
+    }
+    n && (n.destroy(), n = null), t = null, l = null, p = null, f = null, s = null;
+  }
+  return {
+    videoRef: d,
+    canvasRef: r,
+    processVideo: S,
+    stopProcessing: T
+  };
+}
+export {
+  E as default
+};