@xmov/avatar 2.4.0 → 2.5.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/README.md +34 -6
  2. package/package-dist/agent/avatar.cjs +1 -0
  3. package/package-dist/agent/avatar.modern.js +1 -0
  4. package/package-dist/agent/avatar.module.js +1 -0
  5. package/package-dist/agent/avatar.umd.js +1 -0
  6. package/package-dist/agent/index.d.ts +42 -0
  7. package/{dist/agent/types.d.ts → package-dist/agent/public-types.d.ts} +115 -116
  8. package/package-dist/index.cjs +3 -0
  9. package/package-dist/index.d.ts +34 -0
  10. package/package-dist/index.modern.js +1 -0
  11. package/package-dist/index.module.js +1 -0
  12. package/package-dist/index.umd.js +14 -0
  13. package/package-dist/public-types.d.ts +205 -0
  14. package/package.json +41 -33
  15. package/dist/agent/avatar.cjs +0 -1
  16. package/dist/agent/avatar.modern.js +0 -1
  17. package/dist/agent/avatar.module.js +0 -1
  18. package/dist/agent/avatar.umd.js +0 -1
  19. package/dist/agent/index.d.ts +0 -137
  20. package/dist/baseRender/AudioRenderer.d.ts +0 -46
  21. package/dist/baseRender/AudioWorklet.d.ts +0 -78
  22. package/dist/baseRender/AvatarRenderer.d.ts +0 -225
  23. package/dist/baseRender/MSEAudioPlayer.d.ts +0 -51
  24. package/dist/baseRender/UIRenderer.d.ts +0 -39
  25. package/dist/baseRender/pcm-audio-processor.d.ts +0 -63
  26. package/dist/control/APIForwarder.d.ts +0 -23
  27. package/dist/control/DataCacheQueue.d.ts +0 -69
  28. package/dist/control/EventDispatcher.d.ts +0 -35
  29. package/dist/control/RenderScheduler.d.ts +0 -171
  30. package/dist/control/SaveAndDownload.d.ts +0 -14
  31. package/dist/control/StreamingClient.d.ts +0 -33
  32. package/dist/control/VideoPlayer.d.ts +0 -47
  33. package/dist/control/ttsa.d.ts +0 -125
  34. package/dist/encoding/media-recorder-encoder.d.ts +0 -33
  35. package/dist/encoding/pcm-webm-encoder.d.ts +0 -13
  36. package/dist/encoding/webcodec-opus-encoder.d.ts +0 -41
  37. package/dist/encoding/webm-muxer.d.ts +0 -90
  38. package/dist/index.cjs +0 -2
  39. package/dist/index.cjs.map +0 -1
  40. package/dist/index.d.ts +0 -251
  41. package/dist/index.modern.js +0 -2
  42. package/dist/index.modern.js.map +0 -1
  43. package/dist/index.module.js +0 -2
  44. package/dist/index.module.js.map +0 -1
  45. package/dist/index.umd.js +0 -2
  46. package/dist/index.umd.js.map +0 -1
  47. package/dist/modules/Composition.d.ts +0 -28
  48. package/dist/modules/ResourceManager.d.ts +0 -299
  49. package/dist/modules/TrackRenderer/base-track.d.ts +0 -4
  50. package/dist/modules/TrackRenderer/index.d.ts +0 -12
  51. package/dist/modules/TrackRenderer/render-implements.d.ts +0 -19
  52. package/dist/modules/TrackRenderer/track-pic.d.ts +0 -8
  53. package/dist/modules/TrackRenderer/track-subtitle.d.ts +0 -8
  54. package/dist/modules/cache-manager.d.ts +0 -5
  55. package/dist/modules/decoder.d.ts +0 -84
  56. package/dist/modules/error-handle.d.ts +0 -17
  57. package/dist/modules/network.d.ts +0 -21
  58. package/dist/modules/sentry-reporter.d.ts +0 -58
  59. package/dist/proto/face_data_pb.d.ts +0 -0
  60. package/dist/types/capability.d.ts +0 -15
  61. package/dist/types/error.d.ts +0 -70
  62. package/dist/types/event.d.ts +0 -25
  63. package/dist/types/frame-data.d.ts +0 -107
  64. package/dist/types/index.d.ts +0 -196
  65. package/dist/types/render.d.ts +0 -18
  66. package/dist/utils/DataInterface.d.ts +0 -113
  67. package/dist/utils/GLDevice.d.ts +0 -46
  68. package/dist/utils/GLPipeline.d.ts +0 -84
  69. package/dist/utils/GLPipelineDebugTools.d.ts +0 -5
  70. package/dist/utils/Math.d.ts +0 -21
  71. package/dist/utils/__tests__/capability-checker.test.d.ts +0 -1
  72. package/dist/utils/audio-session.d.ts +0 -11
  73. package/dist/utils/audio.d.ts +0 -1
  74. package/dist/utils/capability-checker.d.ts +0 -28
  75. package/dist/utils/encodeToken.d.ts +0 -14
  76. package/dist/utils/face.d.ts +0 -1
  77. package/dist/utils/float32-decoder.d.ts +0 -26
  78. package/dist/utils/fpsTracker.d.ts +0 -27
  79. package/dist/utils/index.d.ts +0 -22
  80. package/dist/utils/logger.d.ts +0 -9
  81. package/dist/utils/media-recorder-timestamp.d.ts +0 -15
  82. package/dist/utils/pcmAnalyzer.d.ts +0 -40
  83. package/dist/utils/perfermance.d.ts +0 -15
  84. package/dist/utils/request.d.ts +0 -20
  85. package/dist/utils/requestAnimateFrames.d.ts +0 -31
  86. package/dist/utils/time.d.ts +0 -9
  87. package/dist/utils/video-probe-asset.d.ts +0 -28
  88. package/dist/view/DebugOverlay.d.ts +0 -54
  89. package/dist/worker/streaming-video.d.ts +0 -1
  90. package/src/baseRender/AudioRenderer.ts +0 -328
  91. package/src/baseRender/AudioWorklet.ts +0 -776
  92. package/src/baseRender/AvatarRenderer.ts +0 -1550
  93. package/src/baseRender/MSEAudioPlayer.ts +0 -254
  94. package/src/baseRender/UIRenderer.ts +0 -195
  95. package/src/baseRender/pcm-audio-processor.js +0 -267
  96. package/src/control/APIForwarder.ts +0 -67
  97. package/src/control/DataCacheQueue.ts +0 -372
  98. package/src/control/EventDispatcher.ts +0 -106
  99. package/src/control/RenderScheduler.ts +0 -1000
  100. package/src/control/SaveAndDownload.js +0 -77
  101. package/src/control/StreamingClient.ts +0 -138
  102. package/src/control/VideoPlayer.ts +0 -306
  103. package/src/control/ttsa.ts +0 -754
  104. package/src/encoding/media-recorder-encoder.ts +0 -175
  105. package/src/encoding/pcm-webm-encoder.ts +0 -72
  106. package/src/encoding/webcodec-opus-encoder.ts +0 -258
  107. package/src/encoding/webm-muxer.ts +0 -337
  108. package/src/global.d.ts +0 -112
  109. package/src/index.ts +0 -2053
  110. package/src/modules/Composition.ts +0 -79
  111. package/src/modules/ResourceManager.ts +0 -926
  112. package/src/modules/TrackRenderer/base-track.ts +0 -7
  113. package/src/modules/TrackRenderer/index.ts +0 -40
  114. package/src/modules/TrackRenderer/render-implements.ts +0 -269
  115. package/src/modules/TrackRenderer/track-pic.ts +0 -19
  116. package/src/modules/TrackRenderer/track-subtitle.ts +0 -16
  117. package/src/modules/cache-manager.ts +0 -10
  118. package/src/modules/decoder.ts +0 -548
  119. package/src/modules/error-handle.ts +0 -20
  120. package/src/modules/network.ts +0 -71
  121. package/src/modules/sentry-reporter.ts +0 -171
  122. package/src/proto/face_data.proto +0 -45
  123. package/src/proto/face_data_pb.js +0 -1297
  124. package/src/proto/protobuf.min.js +0 -8
  125. package/src/types/capability.ts +0 -24
  126. package/src/types/error.ts +0 -211
  127. package/src/types/event.ts +0 -38
  128. package/src/types/frame-data.ts +0 -121
  129. package/src/types/index.ts +0 -220
  130. package/src/types/render.ts +0 -18
  131. package/src/utils/DataInterface.ts +0 -746
  132. package/src/utils/GLDevice.ts +0 -286
  133. package/src/utils/GLPipeline.ts +0 -1293
  134. package/src/utils/GLPipelineDebugTools.ts +0 -174
  135. package/src/utils/Math.ts +0 -266
  136. package/src/utils/__tests__/capability-checker.test.ts +0 -159
  137. package/src/utils/audio-session.ts +0 -144
  138. package/src/utils/audio.ts +0 -44
  139. package/src/utils/blueimp-md5.d.ts +0 -3
  140. package/src/utils/capability-checker.ts +0 -762
  141. package/src/utils/encodeToken.ts +0 -115
  142. package/src/utils/face.ts +0 -29
  143. package/src/utils/float32-decoder.js +0 -130
  144. package/src/utils/fpsTracker.ts +0 -100
  145. package/src/utils/index.ts +0 -182
  146. package/src/utils/logger.js +0 -36
  147. package/src/utils/media-recorder-timestamp.ts +0 -79
  148. package/src/utils/pcmAnalyzer.ts +0 -154
  149. package/src/utils/perfermance.ts +0 -141
  150. package/src/utils/request.ts +0 -107
  151. package/src/utils/requestAnimateFrames.ts +0 -195
  152. package/src/utils/time.ts +0 -32
  153. package/src/utils/video-probe-asset.ts +0 -99
  154. package/src/view/DebugOverlay.ts +0 -409
  155. package/src/worker/streaming-video.ts +0 -4647
  156. /package/{dist → package-dist}/agent/index.cjs +0 -0
  157. /package/{dist → package-dist}/agent/index.umd.js +0 -0
@@ -1,99 +0,0 @@
1
- /**
2
- * 视频解码能力探测片(H.264 High / level 5.0 / 2160x1920 / 10 帧 / 无音轨)
3
- *
4
- * 源视频:
5
- * https://public-xmov.oss-cn-hangzhou.aliyuncs.com/avatar_sdk_prod/body_ani/M_MX01_show/look/Suyuan_14748_new/1080x1920_fullbody/idle_youling01_cut_000.mp4
6
- * 源视频实测参数:h264 / High / level 5.0 / coded 2160x1920 / 24fps / 24 帧 / 无音轨
7
- * 期望 codec 字符串:avc1.640032
8
- *
9
- * 生成命令:
10
- * ffmpeg -y -i "<源视频>" -frames:v 10 -an -c:v libx264 \
11
- * -profile:v high -level 5.0 -refs 5 -crf 51 -preset veryfast \
12
- * -pix_fmt yuv420p -movflags +faststart probe_final.mp4
13
- *
14
- * 校验命令(期望输出 h264 / High / 50 / 2160 / 1920 / 10):
15
- * ffprobe -v error -show_entries stream=codec_name,profile,level,coded_width,coded_height,nb_frames \
16
- * -of default=noprint_wrappers=1 probe_final.mp4
17
- *
18
- * 保真说明:
19
- * - level 与 refs 强制对齐源视频,使 SPS 可观测字段(profile_idc / level_idc / 分辨率 /
20
- * CABAC / weighted_pred / transform_8x8 / 约束标志位)与生产码流逐位一致,codec 字符串同为 avc1.640032
21
- * - 仅压缩帧数(24→10)与质量(CRF 51),分辨率保持 2160x1920,
22
- * 以便真实覆盖 Android 硬解在 2160x1920 / level 5.0 下的能力边界
23
- * - 体积 10436 B,base64 后约 13.6KB
24
- *
25
- * 保鲜约定:源视频编码参数一旦变化(如改为 H.265、调整 level、更换编码器特性),
26
- * 本探测片会静默失真,需重新执行上述生成命令并同步更新本注释与期望 codec 字符串。
27
- */
28
- export const VIDEO_PROBE_BASE64 = [
29
- 'AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAO5bW9vdgAAAGxtdmhkAAAAAAAAAAAAAAAAAAAD6AAAAaEAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAA',
30
- 'AuR0cmFrAAAAXHRraGQAAAADAAAAAAAAAAAAAAABAAAAAAAAAaEAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAACHAAAAeAAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAAAGhAAAEAAABAAAAAAJcbWRpYQAAACBtZGhk',
31
- 'AAAAAAAAAAAAAAAAAAAwAAAAFABVxAAAAAAALWhkbHIAAAAAAAAAAHZpZGUAAAAAAAAAAAAAAABWaWRlb0hhbmRsZXIAAAACB21pbmYAAAAUdm1oZAAAAAEAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAcdzdGJsAAAAx3N0c2QA',
32
- 'AAAAAAAAAQAAALdhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAACHAHgABIAAAASAAAAAAAAAABFUxhdmM2Mi4xMS4xMDAgbGlieDI2NAAAAAAAAAAAAAAAGP//AAAAOmF2Y0MBZAAy/+EAHWdkADKs2YAhwPGmoCAgKAAAAwAIAAADAYB4wYzQAQAGaOl4GXLA/fj4',
33
- 'AAAAABNjb2xybmNseAABAAEAAQAAAAAUYnRydAAAAAAAAsOgAAAAAAAAABhzdHRzAAAAAAAAAAEAAAAKAAACAAAAABRzdHNzAAAAAAAAAAEAAAABAAAAYGN0dHMAAAAAAAAACgAAAAEAAAQAAAAAAQAACgAAAAABAAAEAAAAAAEAAAAAAAAAAQAAAgAAAAABAAAKAAAA',
34
- 'AAEAAAQAAAAAAQAAAAAAAAABAAACAAAAAAEAAAQAAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAAKAAAAAQAAADxzdHN6AAAAAAAAAAAAAAAKAAAdhgAAAMQAAACAAAAAfAAAAHwAAAJ1AAAAkAAAAH8AAAB/AAABFgAAABRzdGNvAAAAAAAAAAEAAAPpAAAAYXVkdGEAAABZ',
35
- 'bWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAsaWxzdAAAACSpdG9vAAAAHGRhdGEAAAABAAAAAExhdmY2Mi4zLjEwMAAAAAhmcmVlAAAk421kYXQAAAKuBgX//6rcRem95tlIt5Ys2CDZI+7veDI2NCAtIGNvcmUgMTY1IHIzMjIzIDA0',
36
- 'ODBjYjAgLSBILjI2NC9NUEVHLTQgQVZDIGNvZGVjIC0gQ29weWxlZnQgMjAwMy0yMDI1IC0gaHR0cDovL3d3dy52aWRlb2xhbi5vcmcveDI2NC5odG1sIC0gb3B0aW9uczogY2FiYWM9MSByZWY9NSBkZWJsb2NrPTE6MDowIGFuYWx5c2U9MHgzOjB4MTEzIG1lPWhl',
37
- 'eCBzdWJtZT0yIHBzeT0xIHBzeV9yZD0xLjAwOjAuMDAgbWl4ZWRfcmVmPTAgbWVfcmFuZ2U9MTYgY2hyb21hX21lPTEgdHJlbGxpcz0wIDh4OGRjdD0xIGNxbT0wIGRlYWR6b25lPTIxLDExIGZhc3RfcHNraXA9MSBjaHJvbWFfcXBfb2Zmc2V0PTAgdGhyZWFkcz0y',
38
- 'NCBsb29rYWhlYWRfdGhyZWFkcz04IHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVj',
39
- 'dD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MjUwIGtleWludF9taW49MjQgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTUxLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFw',
40
- 'bWF4PTY5IHFwc3RlcD00IGlwX3JhdGlvPTEuNDAgYXE9MToxLjAwAIAAABrQZYiEACP/HVX/9Jx4AAADAAADAAADAAADAAKaAAADAAADABxIAAADAAADAgYAAAMAAAMAQbAAAAMAAApAAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAAD',
41
- 'AAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAABkEOXuPain0AAAAwADGOAAAnCVwB1gdgBRBxsFDAAJAA7Qgk1QAGJjj41H24u2v8L16bzd9WExiOcxt+AAACJuiPKnTkt78W9x4i/HpVtT4CHi0/B5P9UbeT6Ch3AAACy1IAfB6jJ4OCUy',
42
- 'vWkkgY/9Pd3lpe+hgFs/QHKAAEBUWPNT0PT7mqhPbBxPneArf6l9nliw3C1hP9VHPSLIkpWKAAADAAADAUuWqxALGzu0x4wENnFvB3t7P2SgAABEs/f207h8TR9hmOTgJwdWW3G3KatCQ9OKr2AABFeZoAPm9/U2M1dgVHD1FF2ZLwAABT2bNKSNBIFgw6sgqSj/POdR',
43
- 'GDLAS5cGEmvjIJofyPoAAq9DaiAFmRSe+IV0AYKa53ZjdWLpKjHPAAB77BxY3rbtRM+3PspjmQptJfGNMlT5zAAAdHQBg3JsUaqvPYJjTvAl2UNE+AzZnI0FchAACc462IcigQCR4n588pQvKSyxIjKmhgAAKScBMTqA/vaR9AmI960pgXsjMif0im3QQrZb4AFgkekG',
44
- 'SL7sXSNGpOX5i1s4AAADAPM4J9FjROm3ojTv93j45exr6P8McNiE2Wub48FOuj7PGGgABJ4Q5/vSjqKp7T8hQkUXxuF92M6AAABkQW/6EYT4W8E2EYnseyzTyRluE+GWcO40gks7Qo85SAlsxccwlBSncvI23YphxaSPTpTcLSTHOFzs4FngqucCjc2du4fjHZjvdPkf',
45
- 'A8/AAB7vGWAal52iRxkJv1WI+T7QPgdfP4UKs2bODUQUllX267IAAAMAAoEgTp8hTTPkX48zokAEI1xzu5WWnq/pKO8HKfagrb1y87zfMgACbpL9k9/xEKKGwasRDhLRRFSAABe5bhCWksSXC6ybByEROkYfxaEjlnVUyj22ABMcKYAAAG9DIXUBzyBJBZ2cjvMBi82G',
46
- '7fe8rg7eAH4o2QutgB8fibV9+M7KdqMG38MJjYOnvEqO9ZqQfAAAEZ9pF7o3U7yOB7TBzcTl0a4THE/9QDUfagFSToXQwgEbUaiBm+HHiwAAibulH4B2S/F0TwMzwGPT88gn0xPamCxaUbJ3a83C3R/de6UKzd/hNTtcETMsjyo0fIYfR0I/tDx5MmWq2JLXzetFB0Qi',
47
- '8egJ/33RIth2bpx/yDbQAA0ju5HFEfgmJ2vXU7Nj7lVE7GE6qBDmpVl9sThGHyzfUHYACLuzUkdYpokOeiqsYOTBvPMhXUMJB9Lgw7LXLhkEGJH4QY5wcqAAAASAz8Kwvkv75GR3OQcG14zOFM6vLCxUc/FuGN+nNMxbiPOYyY6SO1gBEL4o6b+igz+6Zq52a9FINl+8',
48
- '8KfM8Pe0gwHi4P9dBoCYlOoKJ6n6uikxM+5lf1mvgjgdnlpcrae74z0jZQ94TrV69I371UOoFqRktFHRTdAAEiv8jpMAzdPh39MKGoN4bOTndd5Hr/B9QAoob6svdC8wPElCer0m+QQmYADAlry3suadFguRKHNz4/nk/AuSezsZ5EntL4+pl8Qf5FusbKf+NAk7pv/6',
49
- 'tKuK/edu4XUAAGCGjjjNk7pwX7gpZ2j8Gblg3hW1G8NrGxod+kuAAAhF9/cab1rG0Gxsrwtay1k3AkPyz5eoA875OKffOBw2YlLAAL019ghZ3WXpUU8Irt70/6bXzgEYd3jOjhkaWECMaDN3wc+krxGXAsvAKNanKCvOCpGCMfby/A1x6CUZ1jrLSKlakAAIZ4aCpLPI',
50
- 'BbM+XOQLVso7wFO+QAK2xqO27z8VW/8aN6tmK4XKq6qhch8mvLO99RH3VPrcDuHBJ/ikxOssjS8f/ZYHTTZDxY+NgSEp46AAAWKEpcPzJ+mf3WrElkVCPvDZ6oAAawUG1Wfa4+ftGkc299KaOkEdvWgRlAGrGUmQKuDCY9Df5u6bBfgABD28kDZRVXvPQQNTzCdMPwrA',
51
- 'rVQwmVD5v5/OPeaQd5rBupmDrMBk4f2YKIKMMmZUs9DgCmBp3ypejO22QkMREpQkwAAHJR+5LPkfHTjRtERikfI5KkAWVMKCDHm60OpYv0MO9kDHBSl0fIGR6FP6PZNQn1OTKSuxkwAOKIRcInPLYeAziAWlkQfG30Azl0tLvkY530imR/3zZLgL/auuI6xivm02jZw9',
52
- 'HMxagAkYY2r9sEcgAQkuAa5aV1IZtOasC6HNdAcn7yD1+sCag1aqOMBxb4ftI9GkrPIxBqO4QyatWXmnUIAAfAwMY3QLD9xOyNsH/gPKPb2GN4bb+HOGiyQ5IoUDN0XfLcQoN4ts5AB6wRwCufuaYBuf7KScvdThTABYsWmWg6MIoLhfOPWC0iDn2WqABmEjZgApOsdt',
53
- 'SxkbgN0L8wSjCYNWg0L3HQYYAASldcHRBvmS95//m6y6idyJ+EjGneRsKlPMVMnNyyEA2xJRFdIvCgAAVRV9xOHpKzbhiyEaxSLA7UErEeAFAD5QVYayP47Vmkpy0X10kaeZ/VL/PBimNL9i2GnlRDEFAE6gWLnXSkUdNEN+44++N3IKaHUWXOeR8KZ0IAsOKh2erntR',
54
- 'e1GiOBv7bb4GpXSUfYlEESDYG93j5dQb6DBRYGPjqUMZytBAdL68qPNG0/dMxNSSmUC0dAgGGARCiFyrdUjWLikujLzsUE+TqBbuZ54jlG4amIcPStPy1nw5AADT1Sjq/no95ZGjszXjhGNclUM1eJvLYAOQzfMjFXtDv3H5mkeiS5zE565LzH9dvjiLO+eBoVGtPznU',
55
- 'UAwtXP/UPxP3w/4+AEX4nQ5qH3uSjdhic71oXogEji69DwotyO/5/woZF3yonfFgBNlm0ueG9N3eCHDeW3N/d4Ru7NDA5KvqVbvZKmFG3j/lIw/gYKmm4RGMcR7LX1V08B+Pq4ACTGN1er7/wIoHogrDkQEIy8vvT7hEkOyedFGLAeiYdI1VtqVm4cevbmyCANQ4AAnu',
56
- '64Nw5kUJ7ra/lmmA65WpsPXqaY6ejJ9qwqU67GUq2lekapQqRG7vUrd/VhSavytuZoG5EgAACuTCVlqr0YrjWWdChZnPCeAc6FnDdorJbsmI7qzuPrt4+AoAFMSIBwSg/NUC579QZNa5t1A6sOOU43E8peL6YodhifylgbhvTvzUFz+xJkk9hPAAAXpAoUIwuR991FMQ',
57
- 'LcBpxQt9EQbN8NYixYNO6kM6zAD5DU9vH2OiBU2CEMaWKKVgCgk7LyB6/4jiSqrSmMMkMzmtr2Ku8kearYX4wh2p5OYYAAKqhVI+NHKeeSnHE7kn7eSmfy5zByV+f5iXX/hTM0Yst5YcuTatzS65vxw/nTaVlFAk28lbUSYQGXXmQ9eC9OfKJpG9//fDdo8I8eWtLU71',
58
- 'tyvprE1iHazeOk0lrDJgAAAZwH2MkGICOKptWDE/t9pciEN+8GL8YZsfZK7cyUDkqp+vLljDCWrgEomORu1KREe9fY/hYki9ix/voLyyi7Zj6UOKCIxeHZggkTZqfx6UP1e2a23ZVXGAAACdDKGn4J1wlZVewql/WWeHbNApHXsa7dAx6C5WgAl4HjMpAAmlfJRyOevE',
59
- 'wVf0oZjpHxd5WM5P9m//by3bfphoZ6TXI0Vw33EU/HExV+qgx9YAABi5ERRDSeHcZkXPh9CvYfb7HvZ6wg/93XG7dDECTtYk661jUUhoGP1LY08KyNhSTwISSkLODdDD381QlKT2kvXOhMZsCprC8LBv3wDv1GMwg3ZwAAAFQSCh8jlPrXAJmDF4HIlxHUjuxkgkJdei',
60
- 'cS1iabx/xSAQophqjhEK/cW6L4Z7KrVSRuTOCTdm3GXnpH876L2ctr9+hn1L4cs5XfvlhMgAAFTc9PmKLeJhws4y+CZFHr770jYObO5szKiNaQtbYA2Z1ADVlT1gdh7KS/19fyfkhstiIFD3CXyJCFpGQeuC79i5/KSUienXQ3z1fTtVJCO1YrgAeSiCdg+rLLpHhkHn',
61
- 'g2gkRry8T91t87lHklCkPXl/JW7wwW3kxrjOk4GORcukFlg/wKtwF9TJZubscnmjUFt5L+UO3QRDw2+RQO2jcPtg7WJaexDb+bKLpsSuyAABLGxLzlBupAGJuyXq9RQGJ75yG/EcSzDCTNvaGS03qKa1F3VwDDKI6Alnqi9+0uAAYnGG+0E6UC+FniWah6s3tGi8Kyj1',
62
- 'wL50anznYbpIicpKEIh7VJud5231ZyVyTJKCCoEAAY5f2m7QxQd+o8NElsgg8F6kBtSRgeV/MSJYWF2o1SGTIfrHSNygAAeNupbd0vcywt0zMqSkiIDuAY9JybhMCw+rl9tfHAKQ63x9mEtywoKs3hh5gAO35wyIdXkD7JDV/CWKMSFwP9RpIGOkggSP+QgCVXh/Sedj',
63
- 'wJ9a9qAAr8ZmE10M2aHjjLyFJTQS7geuFHnj8ZD3wL6Yl24fH9f29qJQ9hNVhKyuaXggAAKqB9h791oBa8AxtsB8qjZgUFRjR49vt+eIcgBBozt7xwUCgUAAej+cp/reCIR1Fa19qFlgUM7UQGURldAASkIbfzAk6BpCg7G8zGjoPghwKnlWKWb3jHJWBrIcDWRj4Egl',
64
- 'CgCe2HwYZ4WC/TtaargTsEf8nvvHsg1h5cEIlJmMwItooRktPCo6uxcVQ2OG71PxbIAABFzJ6ld3r2sn59LfZcaSQNMQ/34p2A6uAbANgilIiv9zkZKvvd4R9DgAxiCPQXy4QTXjEkYwlIScuDlqZ264XR8XuA0kaYzvdrAN5zOqqTFyAGzJgAe0eKCdoddnZ0g0AAAn',
65
- '69CDaOZ1ksreJ2QP0gciKe2w++YGDb5iBRWp+EVxaAcZ64PBbwUgLyNl7WeS2LnCDzd0EedwOJwrYRx7fZ3a1HZNbzBtLtBWKU4EwWAACcoouqPbYNFH61K4grSUGi86W/42NsCAXOayOJVWrjPbw0WAA9UQcR9iLFE5RJRzJ2CqSEcUsk+5pQv5LkWcIuB4oc+7mnwp',
66
- 'JV8F7ffg/NYgAIPB7jlSGtNVPqgGhnN0WmDqpAy5eQLCCPl0ZWMeTxwCtkSb82WAAkM+cDV59zTTSFLC0aVeSqi1qO+YvK/kNBYdFwFe8+KeTIQAXxXarEkWADMUy4yeN7IQJbibWnGtqm6B+mFIFKsgsGFdT7Te6aUK9UZFEb3Do53sAAQrEYcmmTBcvWbPbeX+96Gq',
67
- 'cRnlT/WeuezL/e8g0LTZbSy8VmYEVHtAADRYGcjVAsVDPfqpJX5pxPzcwGBsXyiVQe0JuBT+sMvCwQmWvXZuwBCbKurXo0sdUUexp7fNd5ZrTcojj2LkqgNhSrPrei6odRJS/jQAAD82aVmqD4/tEdFkbismt77uF58PCh3NhTKCBe6z9hbHdXLWpjoZFD83K6QHj5r2',
68
- '1Iu3gSpAAAjvTvaSBaFzSmSjNRZK0x8WNuZF1hfS6rIfcx2l+g/LEsvAAACq/QPvNe1o9CasI+JZqYQxEIpXxoS78WIZaVNB+UTNo4CUC9pmmmIUoZ6ap8M8YlgroAQIME+AAAtunynbGeLJmZDHXRPJxAvv9HhdNoAKnAVpeLCA2PHpNk+istp+xjyIQiWhV5oATi4X',
69
- 'cnSyBXYX6I8O1aT4CfwAfugtyAGYvY4g2aVdzeCU7l/17AAEzdKoq0U74eT1mto+xMzrV5AG9wm8TbZxKOmzh2hO0YSYcFKQ+nRAjzePV8IABkfE4Eo/rnJ7Td5W/qs9ILfsinAL1MWXiOAXLBAyGBeETZ0hJWt/HtyWVUWAABs/g6q4lK1LJ0iIMLr0nA9i/AESH8XT',
70
- '1+7jEcAdTNcWaScL8u37enZBAFSP9rKlRX2brKAAUuNwu+oiTJBASqVVAd1EpO1Aho5bgAW1n/xpQdTxFVU3ulFnT/wWXpYzqstiQztQABOXTaO9Eciin9J0YVSBrDckxjdby0NZrfqNegABSpQaSasAxfI1l3GJ/i5M0rJLPXRI74oTKakD6WbfMGDtSP5qzf9V7vFA',
71
- 'Y1UKDyC+NRPdd3S0b+rhf87dbAAASpMWkrjpajxSXuOsyCBgJ2kLhnA3Xa2G3Lue2AG3R4NgSTZRgCR5LTVLVqPyscnkwXDQkAEgASN6DP2R80rN0mvi8V/D1AcP1ePS4uAGTfHrwB9n9JjltiYLZP1yCk/7nVEkDmAd454g2M8xPscYU3py/HSetBe7X7evW9f+4gPC',
72
- '9e4LUABZbrGzGcUvzotdb832Uzu0Q1xytj7nWJdY7L0KJOXVaABqUr2qG2th43i9OUECJy8ONoBpVmGa920C/AA7PH4am1DvXVvyLo3ix5/atW+FdwAAcbZ5/hxMAU+3cYwB1bY1vk6RZTQnLNzKHQABuiP1JbfOy9NFxdyEPqdjox9W5ktALJfcOcAQeEoXfmzs9N4+',
73
- 'TH+OLaIlr282zEGvoDBQaYcnuNYAAOyW/TstWHU5UyDs9raILV0FhjrAK+Rruqrjj2bTtFfTSyo0LUHsDm5HlKp4DXzG/9/1DRcNRAE1Wxl1dTa6HAAY5Yv4oeqf03tIH1GpXVlRgRBExnd7iADTLh3vVMU91xVYmhdy4xQFaki3Fk6Zdtbk38v8kdqAmOvGvS4wAAfW',
74
- '0eXvxxYFDGF0WS2Riv6/JsKF0UnMq467S5y8rGczMwACIriauafKIwVTZ6Oi8f22uv5x5Tl3SE72Kl1xKAYTU+itbCIN8xTZhJdZf0rTuLo6uLkCpkrXNEknimnQI0m/wACfbJs6xneGaEmad7RjmA2AZ8DPVWY4o/6G3QAAAwHbyKgKPaSE3laBe86egCcCJvPj10LS',
75
- 'oaXfVzRnVUvBJn0N5AdqyK1gA7ecpdAXKzyhwd7azcXJQQQTADWJggTjPFT9wD7oIb8Xo0sGkrI9k6lSuDUKgB2KIVBMMwYecMD1JJ24JTmIVzuOjABjFLPS5JWrwpv4pnUlgXLtL25pDg8WAAL9QT+ba5hqXlx3qDzNw75ffP4hz94B9/3aJ7whvhjM6bv/mOziv//+',
76
- 'G1+aAkn0qZwAA2hGrpR9TYtSFPi+krphtyWMQAAE/z7Szty1w8wuX6f2mSjvC6Mip/MCG6HzzOTm9bSGzC3QvlwRtQMADZNhtMHuqfxNJ8lpEDdzKWNO8hRb/4nVRLYAAIeRcUP1Pza39r7snbxMRFAZAVp9KdqADiGw9MF1moq4Tns3lkf+3i1ddREGFLhfQT+asAAE',
77
- 'HbOaAmamxLHLfIxfAMhBqMvvmnziZAAlLyptJkG6v0KLbmMeiIs6rrpdjUGHTKgkzvRMG8NNZFJRp69d69mudUQd/GEQs4ADkNoKQOn3/9zt744FijS0Z17uz2guy7wABInf9ERhsdKQV0FJvkKNdMryzbKwK5mnakAtzNitRJa/9upagVo9HkuKQmHE54EZWLUBYGQA',
78
- 'BQPiMhOZOhtobNy7e/bJOP8J/mW54hWSzHKXAAIqIFI/VCYpAB75PRYWVewfLQtPXwvj+6UhuZQMcyDI5bS36a3ICOZnBWk9j8IJaUzljK2Dt3fAANsmr6YWnclVKK5o1j+nRLxGDpBAY2SZPtwXF+LpJ0oAABUlWPoxC2dpTVYSvFSTGXUAIAg6sHJOjLnrmAlxS1eP',
79
- 'xdcaOD4pC0R9lltDuOeQSQpZx7YAAAMBwhQoCki/3JMK+AVEtuCcIp0tVUI13CQJRGrxmK5eVgAB4T9fWchKHk+XEgUZkOu7ef9ZE8UVxM4nzmLuKUACaGgA5QVcGVq3EnoLKzFILaNa2hRJ8e72egAAEjT49Nl8bg7QItJWA3ylklVBlZiVqamCoQGVoQAAGwL6qbrm',
80
- 'ymv1mdN6UmoTtCYVYn1nWnWIB+gx9AAAAwJqXWE2NZnHtxHTxN6qmfvgsxV6X5V3lxVmFlJLKGsSfPvgAAGl4K/ak6NpVXN3TOg7kwdAS/pQ2+pYAAADAo6ZzhmltQYbFBR2k25g6N/e0bInvsVRWgoYGgZhK7wBcnn/aafImfm0l+3iI5hbJuRopkeJiMLRrgAAAwBo',
81
- 'hmqkVx0KNOb4qVZSHmEqDYpI3H6z0Zgrl9ykjXi9tdYgAAAakZWBUlk7QCaV8znUeVMXYmA4j6QAACXpbb5PxTbkpkFIVqz9XI9U+W2YEPLctPRsAXBgAAXO9wTAYAxi1E9joczpYplbAAAGgzTAFovrYu2XTtWfPay9f3ChgNpHTbqGF0W9eIcQqQEHgBBrJ3c1oxcy',
82
- 'ZHiZ99s37xMueRukd7AAABAP25WReHwv2YUOOkVSUEyG+Vi2lSQrQnFI8tAD/JAAAFZSGzDixx/k81yCC/p12uiQ5dqxcY3OcwXtN0a5gAABBxbZHPSZPMM25fBXNonhEF+H61l1fTv+zh/yeAUCaDE4MmM/U3KJWtQ+gsQTdI4TBgAAAwEEJxYz6NhkqZPBrEIYqXgi',
83
- 'Qgn82rqA4MAAAAmlw7m8NGqWGaa3rsfgRaGYS/Q022vRgyVSmfzH5wAVVDlwxUmJSW0KJ7LJlvYARyZZOi3gQjE363bsBYql2V/604y5QHkkyXbAfMLqIm3cr6J6gcvx9T2uf/cAAAMAAAMAoLTggjJCl6ZfP+GSCCLMESY06TFLs1Ocq9n/9HS9XjyUGrIjqiVcDTy7',
84
- '+fVDMVrEtgKO/HfAAACSrLxGaaTGqL0vmQkOG3H/Ecu3y2Kd8CR+A37rOM2jO2L5rFsAAAMAAAMBODYHof2+xChTk2F1T95hlGsKrhfF5gFDiA+P0pYsFYhLhMxyIwACXcstK+FFdo3+4YJc/MaI0R43OfmAnbUc2dRX/dwAOYYui/tptTcafY8B10kjWBoAAAMA6hx8',
85
- '/8pkpHguZnOIb/CGJuS5QBLTOMG0ZGMf9ZJPQDsogAGLVecrjuOxZ4zFBmzarqvTs5q0xDigunmUkBo3nuMFTXGR+cdVkM+M2AAAAwGLPwktiudEcFI6PSeBs8Z2kpvY277jVAAAAwH/uoOBn/n++0usA3Zxuc416ugy4NHoHm72rShRkuESu3aAAAADAAiuk9Q6FbVo',
86
- 'AAFl/pyEboOvAAAAwEGaJGxCPwAAAwAAAwAAAwAAAwAAAwAAC1V0Dm3MAAADAAGKVPoDdcEwImbhwAAIincfaIP5JBZqnQ035V7HU70SvyUQbDOaqwAFEGgTbHFrB4If711OAAADACs5nS7Q+a9yV7E4h0Ez1uBP3EfsAkhQH0/6NXQtgACBym+P6AAKGKRlAAGhLAPY',
87
- 'bXgwjYYLPdAAADZY0AH6akAAAAMAAAMAAAMAAAMAAAMAAL3zUpNAAA5q0b2AAAADAAADAABXwAAAAHxBnkJ4jf8AAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAaH9F8l9fAAAD',
88
- 'AAADAAADAAADAAADAAADAAADAAADAAADAAADAAADABZRAAAAeAGeYXRF/wAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAA',
89
- 'AwAAAwDpgAAAAHgBnmNqRf8AAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMA6YEAAAJxQZpoXpaJgI3/AAADAAAD',
90
- 'AAADAAADAAADAEK7uW0HwlxaLod+8n9y2dE25CO0wjUkJGVbDJkwS8LCJUO7zdUKaJbTaq9M7+8ELtuVY1lZ/btIu3li6IjY+Ov66jvRBrqSFDjfbyhKleZR+9UlVZZpse5gdDl8MHUwwfzGYregw2423ZUw7Sn97g8RMf7SHQTXwRF7j/fkwGYUSkpmG9qWg1wS5TUK',
91
- 'VFk5M0SKYRgM8CySrhljPGdo9wvkw7uTbVjt2sKEXEIW8MI2esm0VrD+S7cJXtCVWSMO8IXxanrG5COpq6ZBzvfJ6ymDX6iDoAobTICelsgb2WAIHUtlm1f3rGKuyef0Yf94xekDEmlqqRdsZCYl/hAPZll1awBIKvHqkOOaNHoUQ62/emowbfJvP8fe2zjtdnDey1cs',
92
- 'pjpqOFSbjASkUO83ddc9652op2XltZTWa56Wr2cwUBxIx4W+ad6vdIGrwb1hZS1r65BGAzj+/F6uKOyG4RGC0lLE3NetVXhrogaPBoQwSdt89QFY3qGVAIgFqvucRcWLey4lhk557q2MjSz9jcPjGiw9PzwRTa30dLDkktwSEI/ZwQCZfi/acZFD8yunv14AYtypuBoY',
93
- 'vVceexnkeMEiRBFm0DIKp82mnZe1zehd/WlQSVJSqovoFvqZHgb07LtiLneXBF53QZEMxH0jfBCj/H90s/rz1CVEvjKAc/kdkjmmhr3ASGRcfBtqVn44UEkIzM/fO6Chqxv7ZW+Ig1jla7pjCRmOE12qPIXGW74zBcIRSpdqo+3cseFFrvQFFcPwAAADAAADAAADAAAD',
94
- 'AAADAAADAAAl4QAAAIxBnoZuUTG/AAADAAADAAADAAADAAADAAAdTB+gAAADAAAGx/ThJHkg+TwAAAMAAAMAAAMABuNmEeAGAA4H75AAwkuAAAAHMY3sAtntw3YegAAAAwAAAwAAAwBbO3gyAzAAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMA',
95
- 'AAMCTwAAAHsBnqVpEX8AAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAAMAAhyDSQqCJgAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAAwAAD/EAAAB7AZ6nbkX/AAADAAADAAAD',
96
- 'AAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAEO2/cAPCTpcAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAG9AAABEkGaqUmltSYAi/8AAAMAAAMAAAMAAAMAAAMAU1eb25GTW/axz5g6',
97
- 'EYyReAAAK0G/1DwhHeAA5o1vLjsc2UIAFfG3Z3xdmYOiZZV+6V+frSCRE4N7MdfTkM8mKNUaQ7EmcIWLwnNbMLbV6AFLHIFO35ifNoCOrdZoAB1drW6Gb1R/Z/IBXyR0svRZbRI3eud6M2QYuh05mAR8pwtlg09krtIl6gBwCymZNCRhJGaUUWgQYKTJ0LXNGiHgHsdp',
98
- 'vA4X3aZpTFo2nCabF49whgE0JXAAAAMAAAMAAB490CVcyvQos44EACAVEU28wX7/HBFRAAeQWxupPrMDRdBQAVFFMctkYAAAAwAAAwAAAwAAAwAABBw=',
99
- ].join('');
@@ -1,409 +0,0 @@
1
- import { EErrorCode, type SDKError } from "../types/error";
2
- import { type ISessionResponse } from "../modules/ResourceManager";
3
- import { formatTimestamp } from "../utils/time";
4
-
5
- /**
6
- * 调试信息浮层(支持复制会话ID + 禁止疯狂刷新DOM)
7
- */
8
- export class DebugOverlay {
9
- private container: HTMLDivElement | null = null;
10
- private sdkContainer: HTMLElement | null = null;
11
- private sdk: any;
12
- private sessionInfo: ISessionResponse;
13
- private startTime: number;
14
- private updateInterval: number | null = null;
15
-
16
- private errors: SDKError[] = [];
17
- private fps: number = 0;
18
- private frameCount: number = 0;
19
- private lastFpsUpdate: number = performance.now();
20
-
21
- private videoInfo: { name: string; body_id: number; id: number } = {
22
- name: "",
23
- body_id: 0,
24
- id: 0,
25
- };
26
- private audioInfo: { sf: number; ef: number; ad: Uint8Array } = {
27
- sf: 0,
28
- ef: 0,
29
- ad: new Uint8Array(),
30
- };
31
- private eventInfo: { sf: number; ef: number; event: any[] } = {
32
- sf: 0,
33
- ef: 0,
34
- event: [],
35
- };
36
-
37
- private memoryInfo: {
38
- jsHeapSizeLimit?: number;
39
- totalJSHeapSize?: number;
40
- usedJSHeapSize?: number;
41
- } = {};
42
-
43
- private perfMetrics: Record<
44
- string,
45
- { times: number[]; avg: number; last: number; count: number }
46
- > = {};
47
- private currentFrameIndex: number = 0;
48
-
49
- private domRefs: Record<string, HTMLElement> = {};
50
-
51
- constructor(sdk: any, sessionInfo: ISessionResponse) {
52
- this.sdk = sdk;
53
- this.sdkContainer = sdk.el;
54
- this.sessionInfo = sessionInfo;
55
- this.startTime = Date.now();
56
- this.trackFPS();
57
- this.trackMemory();
58
- }
59
-
60
- setAudioInfo(info: { sf: number; ef: number; ad: Uint8Array }) {
61
- this.audioInfo = info;
62
- }
63
-
64
- setEventData(info: { sf: number; ef: number; event: any[] }) {
65
- this.eventInfo = info;
66
- }
67
-
68
- addError(error: SDKError) {
69
- this.errors.unshift(error);
70
- if (this.errors.length >= 20) this.errors.pop();
71
- }
72
-
73
- public show(): void {
74
- if (!this.container) {
75
- this.createOverlay();
76
- }
77
- if(this.container) {
78
- this.container.style.display = "block";
79
- }
80
- // 重启定时器:hide() 会清除 updateInterval,再次 show 时需要重建
81
- // 否则界面显示但内容永不刷新
82
- if (!this.updateInterval) {
83
- this.updateInterval = window.setInterval(() => this.updateTextOnly(), 200);
84
- }
85
- this.updateTextOnly();
86
- }
87
-
88
- public hide(): void {
89
- if (this.container) this.container.style.display = "none";
90
- if (this.updateInterval) {
91
- clearInterval(this.updateInterval);
92
- this.updateInterval = null;
93
- }
94
- }
95
-
96
- public destroy(): void {
97
- this.hide();
98
- if (this.container?.parentNode) {
99
- this.container.parentNode.removeChild(this.container);
100
- }
101
- this.container = null;
102
- }
103
-
104
- setVideoInfo(info: any) {
105
- this.videoInfo = info;
106
- }
107
-
108
- private updateTextOnly(): void {
109
- if (!this.container) return;
110
-
111
- this.sessionInfo.session_id = this.sdk.resourceManager.session_id;
112
- this.currentFrameIndex =
113
- this.sdk.renderScheduler.frameAnimationController?.getCurrentFrame() ?? 0;
114
-
115
- this.updatePerfMetrics();
116
- this.updateMemory();
117
-
118
- this.setText("look_name", this.sessionInfo.config.look_name);
119
- this.setText("video_name", `${this.videoInfo.name} - ${this.videoInfo.body_id}`);
120
- this.setText("session_id", this.sessionInfo.session_id);
121
- this.setText("frame_idx", String(this.currentFrameIndex));
122
- this.setText(
123
- "audio_info",
124
- `开始帧: ${this.audioInfo.sf} / 结束帧: ${this.audioInfo.ef} / 长度: ${this.audioInfo.ad.length}`
125
- );
126
- this.setText(
127
- "event_info",
128
- `开始帧: ${this.eventInfo.sf} / 结束帧: ${this.eventInfo.ef} / 长度: ${this.eventInfo.event.length}`
129
- );
130
-
131
- this.setText("perf", this.formatPerfMetrics());
132
- this.setText("fps", String(this.fps));
133
- this.setText("mem", this.formatMemory());
134
-
135
- const duration = ((Date.now() - this.startTime) / 1000).toFixed(1);
136
- this.setText("session_start", formatTimestamp(this.sessionInfo.session_start_time));
137
- this.setText("session_duration", `${duration}s`);
138
- this.setText("network", this.getNetworkInfo());
139
-
140
- this.setText("error_count", `(${this.errors.length})`);
141
- this.setText("error_log", this.formatErrors(false));
142
- this.setText("ttsa_error_log", this.formatErrors(true));
143
- }
144
-
145
- private setText(id: string, text: string) {
146
- const el = this.domRefs[id];
147
- if (el) el.innerHTML = text;
148
- }
149
-
150
- // 🔥 复制会话 ID 功能
151
- private copySessionId() {
152
- const sessionId = this.sessionInfo.session_id;
153
- if (!sessionId) return;
154
- navigator.clipboard.writeText(sessionId).then(() => {
155
- }).catch(err => {
156
- console.warn("复制失败", err);
157
- });
158
- }
159
-
160
- private createOverlay(): void {
161
- this.container = document.createElement("div");
162
- this.container.id = "sdk-debug-overlay";
163
- this.applyStyles(this.container);
164
- this.container.style.userSelect = "text";
165
-
166
- const make = (id: string, label: string, value = "") => {
167
- const d = document.createElement("div");
168
- d.style.marginBottom = "8px";
169
- d.innerHTML = `<span style="color:#888;font-size:11px;">${label}:</span>`;
170
- const v = document.createElement("span");
171
- v.style.color = "#fff";
172
- v.style.fontSize = "11px";
173
- v.style.marginLeft = "4px";
174
- v.textContent = value;
175
- d.append(v);
176
- this.domRefs[id] = v;
177
- return d;
178
- };
179
-
180
- // ==========================
181
- // 🔥 带复制按钮的会话 ID
182
- // ==========================
183
- const makeSessionIdWithCopy = () => {
184
- const d = document.createElement("div");
185
- d.style.marginBottom = "8px";
186
- d.style.display = "flex";
187
- d.style.alignItems = "center";
188
- d.style.gap = "6px";
189
-
190
- const label = document.createElement("span");
191
- label.style.color = "#888";
192
- label.style.fontSize = "11px";
193
- label.textContent = "会话 ID:";
194
-
195
- const value = document.createElement("span");
196
- value.style.color = "#fff";
197
- value.style.fontSize = "11px";
198
- value.style.wordBreak = "break-all";
199
- value.style.flex = "1";
200
- this.domRefs["session_id"] = value;
201
-
202
- const copyBtn = document.createElement("button");
203
- copyBtn.textContent = "复制";
204
- copyBtn.style.fontSize = "10px";
205
- copyBtn.style.padding = "2px 6px";
206
- copyBtn.style.borderRadius = "3px";
207
- copyBtn.style.border = "none";
208
- copyBtn.style.background = "#007aff";
209
- copyBtn.style.color = "#fff";
210
- copyBtn.style.cursor = "pointer";
211
- copyBtn.onclick = () => this.copySessionId();
212
-
213
- d.append(label, value, copyBtn);
214
- return d;
215
- };
216
-
217
- const title = document.createElement("h3");
218
- title.textContent = "🔍 调试信息";
219
- title.style.margin = "0 0 12px 0";
220
- title.style.color = "#00ff88";
221
- title.style.fontSize = "14px";
222
-
223
- const content = document.createElement("div");
224
- content.append(
225
- title,
226
- make("look_name", "角色look_name"),
227
- make("video_name", "当前视频"),
228
- makeSessionIdWithCopy(), // 🔥 替换成带复制按钮的
229
- make("frame_idx", "当前帧"),
230
- make("audio_info", "下发音频"),
231
- make("event_info", "下发事件"),
232
- make("fps", "FPS"),
233
- );
234
-
235
- const perfTitle = document.createElement("div");
236
- perfTitle.style.marginBottom = "8px";
237
- perfTitle.innerHTML = `<span style="color:#888;font-size:11px;">性能耗时:</span>`;
238
- const perf = document.createElement("div");
239
- perf.style.fontSize = "11px";
240
- perf.style.background = "rgba(0,0,0,0.2)";
241
- perf.style.padding = "4px";
242
- perf.style.borderRadius = "4px";
243
- perf.style.color = "#fff";
244
- this.domRefs["perf"] = perf;
245
- content.append(perfTitle, perf);
246
-
247
- const errWrap = document.createElement("div");
248
- errWrap.style.borderTop = "1px solid #444";
249
- errWrap.style.paddingTop = "8px";
250
- errWrap.style.marginBottom = "8px";
251
-
252
- const errTitle = document.createElement("h4");
253
- errTitle.style.margin = "0 0 6px 0";
254
- errTitle.style.fontSize = "12px";
255
- errTitle.style.color = "#888";
256
- const errCount = document.createElement("span");
257
- this.domRefs["error_count"] = errCount;
258
- errTitle.append("✅ 错误日志 ", errCount);
259
- errWrap.append(errTitle);
260
-
261
- const makePre = (id: string) => {
262
- const p = document.createElement("pre");
263
- p.style.margin = "0 0 4px 0";
264
- p.style.padding = "6px";
265
- p.style.background = "rgba(255,255,255,0.05)";
266
- p.style.borderRadius = "4px";
267
- p.style.fontSize = "10px";
268
- p.style.lineHeight = "1.3";
269
- p.style.color = "#888";
270
- p.style.maxHeight = "120px";
271
- p.style.overflowY = "auto";
272
- p.style.whiteSpace = "pre-wrap";
273
- this.domRefs[id] = p;
274
- return p;
275
- };
276
-
277
- const errLog = makePre("error_log");
278
- const ttsaLog = makePre("ttsa_error_log");
279
- errWrap.append(errLog, ttsaLog);
280
- content.append(errWrap);
281
-
282
- content.append(
283
- make("mem", "内存占用"),
284
- make("session_start", "会话开始时间"),
285
- make("session_duration", "会话时长"),
286
- make("network", "网络信息")
287
- );
288
-
289
- this.container.append(content);
290
- this.sdkContainer?.appendChild(this.container);
291
- this.enableDrag(this.container);
292
- }
293
-
294
- private formatErrors(isTtsa: boolean): string {
295
- let list = this.errors;
296
- if (isTtsa) list = list.filter(e => e.code === EErrorCode.TTSA_ERROR);
297
- else list = list.filter(e => e.code !== EErrorCode.TTSA_ERROR);
298
- if (list.length === 0) return "暂无错误";
299
- return list
300
- .map(e => `[${new Date(e.timestamp).toLocaleTimeString()}] ${e.code}: ${e.message}`)
301
- .join("\n");
302
- }
303
-
304
- private updatePerfMetrics() {
305
- if (!(window as any).performanceTracker) return;
306
- const raw = (window as any).performanceTracker.getVideoMetrics();
307
- for (const [k, v] of Object.entries(raw)) {
308
- const t = (v as any)?.time ?? 0;
309
- if (!this.perfMetrics[k]) this.perfMetrics[k] = { times: [], avg: 0, last: 0, count: 0 };
310
- const m = this.perfMetrics[k];
311
- m.times.push(t);
312
- m.last = t;
313
- m.count++;
314
- m.avg = m.times.reduce((a, b) => a + b, 0) / m.times.length;
315
- }
316
- }
317
-
318
- private formatPerfMetrics(): string {
319
- const m = this.perfMetrics;
320
- if (!Object.keys(m).length) return "暂无数据";
321
- return Object.entries(m)
322
- .map(([k, v]) => `${k}: 最近:${v.last.toFixed(2)}ms 平均:${v.avg.toFixed(2)}ms 次数:${v.count}`)
323
- .join("<br>");
324
- }
325
-
326
- private formatMemory(): string {
327
- const m = this.memoryInfo;
328
- if (!m.usedJSHeapSize) return "N/A";
329
- const used = (m.usedJSHeapSize! / 1048576).toFixed(1);
330
- const total = (m.totalJSHeapSize! / 1048576).toFixed(1);
331
- const limit = (m.jsHeapSizeLimit! / 1048576).toFixed(1);
332
- return `${used}MB / ${total}MB / ${limit}MB`;
333
- }
334
-
335
- private trackFPS() {
336
- const loop = (now: number) => {
337
- this.frameCount++;
338
- if (now - this.lastFpsUpdate >= 1000) {
339
- this.fps = this.frameCount;
340
- this.frameCount = 0;
341
- this.lastFpsUpdate = now;
342
- }
343
- requestAnimationFrame(loop);
344
- };
345
- requestAnimationFrame(loop);
346
- }
347
-
348
- private updateMemory() {
349
- if ((window as any).performance?.memory) {
350
- const m = (window as any).performance.memory;
351
- this.memoryInfo = {
352
- jsHeapSizeLimit: m.jsHeapSizeLimit,
353
- totalJSHeapSize: m.totalJSHeapSize,
354
- usedJSHeapSize: m.usedJSHeapSize,
355
- };
356
- }
357
- }
358
-
359
- private trackMemory() {
360
- if ((window as any).performance?.memory) {
361
- setInterval(() => this.updateMemory(), 1000);
362
- }
363
- }
364
-
365
- private getNetworkInfo(): string {
366
- const conn = (navigator as any).connection;
367
- if (!conn) return "N/A";
368
- return `类型:${conn.effectiveType} 下行:${conn.downlink}Mbps 延迟:${conn.rtt}ms`;
369
- }
370
-
371
- private applyStyles(el: HTMLElement) {
372
- el.style.position = "fixed";
373
- el.style.bottom = "50px";
374
- el.style.right = "10px";
375
- el.style.width = "350px";
376
- el.style.maxHeight = "400px";
377
- el.style.overflowY = "auto";
378
- el.style.background = "rgba(0,0,0,0.8)";
379
- el.style.borderRadius = "8px";
380
- el.style.padding = "10px";
381
- el.style.zIndex = "99999";
382
- el.style.fontSize = "12px";
383
- el.style.color = "#fff";
384
- el.style.textAlign="left";
385
- }
386
-
387
- private enableDrag(el: HTMLElement) {
388
- let dragging = false, startX = 0, startY = 0, left = 0, top = 0;
389
- el.style.cursor = "move";
390
- el.addEventListener("mousedown", e => {
391
- dragging = true;
392
- startX = e.clientX;
393
- startY = e.clientY;
394
- left = el.offsetLeft;
395
- top = el.offsetTop;
396
- (document.body as any).style.userSelect = "none";
397
- });
398
- document.addEventListener("mousemove", e => {
399
- if (!dragging) return;
400
- el.style.left = left + e.clientX - startX + "px";
401
- el.style.top = top + e.clientY - startY + "px";
402
- el.style.right = el.style.bottom = "unset";
403
- });
404
- document.addEventListener("mouseup", () => {
405
- dragging = false;
406
- (document.body as any).style.userSelect = "";
407
- });
408
- }
409
- }