@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.
- package/README.md +34 -6
- package/package-dist/agent/avatar.cjs +1 -0
- package/package-dist/agent/avatar.modern.js +1 -0
- package/package-dist/agent/avatar.module.js +1 -0
- package/package-dist/agent/avatar.umd.js +1 -0
- package/package-dist/agent/index.d.ts +42 -0
- package/{dist/agent/types.d.ts → package-dist/agent/public-types.d.ts} +115 -116
- package/package-dist/index.cjs +3 -0
- package/package-dist/index.d.ts +34 -0
- package/package-dist/index.modern.js +1 -0
- package/package-dist/index.module.js +1 -0
- package/package-dist/index.umd.js +14 -0
- package/package-dist/public-types.d.ts +205 -0
- package/package.json +41 -33
- package/dist/agent/avatar.cjs +0 -1
- package/dist/agent/avatar.modern.js +0 -1
- package/dist/agent/avatar.module.js +0 -1
- package/dist/agent/avatar.umd.js +0 -1
- package/dist/agent/index.d.ts +0 -137
- package/dist/baseRender/AudioRenderer.d.ts +0 -46
- package/dist/baseRender/AudioWorklet.d.ts +0 -78
- package/dist/baseRender/AvatarRenderer.d.ts +0 -225
- package/dist/baseRender/MSEAudioPlayer.d.ts +0 -51
- package/dist/baseRender/UIRenderer.d.ts +0 -39
- package/dist/baseRender/pcm-audio-processor.d.ts +0 -63
- package/dist/control/APIForwarder.d.ts +0 -23
- package/dist/control/DataCacheQueue.d.ts +0 -69
- package/dist/control/EventDispatcher.d.ts +0 -35
- package/dist/control/RenderScheduler.d.ts +0 -171
- package/dist/control/SaveAndDownload.d.ts +0 -14
- package/dist/control/StreamingClient.d.ts +0 -33
- package/dist/control/VideoPlayer.d.ts +0 -47
- package/dist/control/ttsa.d.ts +0 -125
- package/dist/encoding/media-recorder-encoder.d.ts +0 -33
- package/dist/encoding/pcm-webm-encoder.d.ts +0 -13
- package/dist/encoding/webcodec-opus-encoder.d.ts +0 -41
- package/dist/encoding/webm-muxer.d.ts +0 -90
- package/dist/index.cjs +0 -2
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.ts +0 -251
- package/dist/index.modern.js +0 -2
- package/dist/index.modern.js.map +0 -1
- package/dist/index.module.js +0 -2
- package/dist/index.module.js.map +0 -1
- package/dist/index.umd.js +0 -2
- package/dist/index.umd.js.map +0 -1
- package/dist/modules/Composition.d.ts +0 -28
- package/dist/modules/ResourceManager.d.ts +0 -299
- package/dist/modules/TrackRenderer/base-track.d.ts +0 -4
- package/dist/modules/TrackRenderer/index.d.ts +0 -12
- package/dist/modules/TrackRenderer/render-implements.d.ts +0 -19
- package/dist/modules/TrackRenderer/track-pic.d.ts +0 -8
- package/dist/modules/TrackRenderer/track-subtitle.d.ts +0 -8
- package/dist/modules/cache-manager.d.ts +0 -5
- package/dist/modules/decoder.d.ts +0 -84
- package/dist/modules/error-handle.d.ts +0 -17
- package/dist/modules/network.d.ts +0 -21
- package/dist/modules/sentry-reporter.d.ts +0 -58
- package/dist/proto/face_data_pb.d.ts +0 -0
- package/dist/types/capability.d.ts +0 -15
- package/dist/types/error.d.ts +0 -70
- package/dist/types/event.d.ts +0 -25
- package/dist/types/frame-data.d.ts +0 -107
- package/dist/types/index.d.ts +0 -196
- package/dist/types/render.d.ts +0 -18
- package/dist/utils/DataInterface.d.ts +0 -113
- package/dist/utils/GLDevice.d.ts +0 -46
- package/dist/utils/GLPipeline.d.ts +0 -84
- package/dist/utils/GLPipelineDebugTools.d.ts +0 -5
- package/dist/utils/Math.d.ts +0 -21
- package/dist/utils/__tests__/capability-checker.test.d.ts +0 -1
- package/dist/utils/audio-session.d.ts +0 -11
- package/dist/utils/audio.d.ts +0 -1
- package/dist/utils/capability-checker.d.ts +0 -28
- package/dist/utils/encodeToken.d.ts +0 -14
- package/dist/utils/face.d.ts +0 -1
- package/dist/utils/float32-decoder.d.ts +0 -26
- package/dist/utils/fpsTracker.d.ts +0 -27
- package/dist/utils/index.d.ts +0 -22
- package/dist/utils/logger.d.ts +0 -9
- package/dist/utils/media-recorder-timestamp.d.ts +0 -15
- package/dist/utils/pcmAnalyzer.d.ts +0 -40
- package/dist/utils/perfermance.d.ts +0 -15
- package/dist/utils/request.d.ts +0 -20
- package/dist/utils/requestAnimateFrames.d.ts +0 -31
- package/dist/utils/time.d.ts +0 -9
- package/dist/utils/video-probe-asset.d.ts +0 -28
- package/dist/view/DebugOverlay.d.ts +0 -54
- package/dist/worker/streaming-video.d.ts +0 -1
- package/src/baseRender/AudioRenderer.ts +0 -328
- package/src/baseRender/AudioWorklet.ts +0 -776
- package/src/baseRender/AvatarRenderer.ts +0 -1550
- package/src/baseRender/MSEAudioPlayer.ts +0 -254
- package/src/baseRender/UIRenderer.ts +0 -195
- package/src/baseRender/pcm-audio-processor.js +0 -267
- package/src/control/APIForwarder.ts +0 -67
- package/src/control/DataCacheQueue.ts +0 -372
- package/src/control/EventDispatcher.ts +0 -106
- package/src/control/RenderScheduler.ts +0 -1000
- package/src/control/SaveAndDownload.js +0 -77
- package/src/control/StreamingClient.ts +0 -138
- package/src/control/VideoPlayer.ts +0 -306
- package/src/control/ttsa.ts +0 -754
- package/src/encoding/media-recorder-encoder.ts +0 -175
- package/src/encoding/pcm-webm-encoder.ts +0 -72
- package/src/encoding/webcodec-opus-encoder.ts +0 -258
- package/src/encoding/webm-muxer.ts +0 -337
- package/src/global.d.ts +0 -112
- package/src/index.ts +0 -2053
- package/src/modules/Composition.ts +0 -79
- package/src/modules/ResourceManager.ts +0 -926
- package/src/modules/TrackRenderer/base-track.ts +0 -7
- package/src/modules/TrackRenderer/index.ts +0 -40
- package/src/modules/TrackRenderer/render-implements.ts +0 -269
- package/src/modules/TrackRenderer/track-pic.ts +0 -19
- package/src/modules/TrackRenderer/track-subtitle.ts +0 -16
- package/src/modules/cache-manager.ts +0 -10
- package/src/modules/decoder.ts +0 -548
- package/src/modules/error-handle.ts +0 -20
- package/src/modules/network.ts +0 -71
- package/src/modules/sentry-reporter.ts +0 -171
- package/src/proto/face_data.proto +0 -45
- package/src/proto/face_data_pb.js +0 -1297
- package/src/proto/protobuf.min.js +0 -8
- package/src/types/capability.ts +0 -24
- package/src/types/error.ts +0 -211
- package/src/types/event.ts +0 -38
- package/src/types/frame-data.ts +0 -121
- package/src/types/index.ts +0 -220
- package/src/types/render.ts +0 -18
- package/src/utils/DataInterface.ts +0 -746
- package/src/utils/GLDevice.ts +0 -286
- package/src/utils/GLPipeline.ts +0 -1293
- package/src/utils/GLPipelineDebugTools.ts +0 -174
- package/src/utils/Math.ts +0 -266
- package/src/utils/__tests__/capability-checker.test.ts +0 -159
- package/src/utils/audio-session.ts +0 -144
- package/src/utils/audio.ts +0 -44
- package/src/utils/blueimp-md5.d.ts +0 -3
- package/src/utils/capability-checker.ts +0 -762
- package/src/utils/encodeToken.ts +0 -115
- package/src/utils/face.ts +0 -29
- package/src/utils/float32-decoder.js +0 -130
- package/src/utils/fpsTracker.ts +0 -100
- package/src/utils/index.ts +0 -182
- package/src/utils/logger.js +0 -36
- package/src/utils/media-recorder-timestamp.ts +0 -79
- package/src/utils/pcmAnalyzer.ts +0 -154
- package/src/utils/perfermance.ts +0 -141
- package/src/utils/request.ts +0 -107
- package/src/utils/requestAnimateFrames.ts +0 -195
- package/src/utils/time.ts +0 -32
- package/src/utils/video-probe-asset.ts +0 -99
- package/src/view/DebugOverlay.ts +0 -409
- package/src/worker/streaming-video.ts +0 -4647
- /package/{dist → package-dist}/agent/index.cjs +0 -0
- /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('');
|
package/src/view/DebugOverlay.ts
DELETED
|
@@ -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
|
-
}
|