@spatialwalk/avatarkit-rtc 1.0.0-beta.3 → 1.0.0-beta.5
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 +5 -5
- package/dist/core/AvatarPlayer.d.ts +13 -0
- package/dist/core/AvatarPlayer.d.ts.map +1 -1
- package/dist/core/RTCProvider.d.ts +2 -3
- package/dist/core/RTCProvider.d.ts.map +1 -1
- package/dist/index10.js +346 -64
- package/dist/index10.js.map +1 -1
- package/dist/index11.js +104 -14
- package/dist/index11.js.map +1 -1
- package/dist/index12.js +14 -386
- package/dist/index12.js.map +1 -1
- package/dist/index2.js +2 -0
- package/dist/index2.js.map +1 -1
- package/dist/index3.js +6 -2
- package/dist/index3.js.map +1 -1
- package/dist/index4.js +5 -1
- package/dist/index4.js.map +1 -1
- package/dist/index6.js +246 -5
- package/dist/index6.js.map +1 -1
- package/dist/index9.js.map +1 -1
- package/dist/providers/agora/AgoraProvider.d.ts +0 -5
- package/dist/providers/agora/AgoraProvider.d.ts.map +1 -1
- package/dist/providers/base/BaseProvider.d.ts +55 -1
- package/dist/providers/base/BaseProvider.d.ts.map +1 -1
- package/dist/providers/livekit/LiveKitProvider.d.ts +0 -5
- package/dist/providers/livekit/LiveKitProvider.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -16,14 +16,14 @@ Unified RTC adapter for avatarkit - supports LiveKit, Agora and other RTC provid
|
|
|
16
16
|
|---------|---------|----------|
|
|
17
17
|
| `@spatialwalk/avatarkit` | Web SDK for avatar rendering | ✅ Yes |
|
|
18
18
|
| `@spatialwalk/avatarkit-rtc` | This package - RTC adapter | ✅ Yes |
|
|
19
|
-
| `livekit-client` | LiveKit RTC SDK | ⚡ Choose one |
|
|
19
|
+
| `livekit-client@2.16.1` | LiveKit RTC SDK (must be exact version) | ⚡ Choose one |
|
|
20
20
|
| `agora-rtc-sdk-ng` | Agora RTC SDK | ⚡ Choose one |
|
|
21
21
|
|
|
22
22
|
### One-line Installation (Recommended)
|
|
23
23
|
|
|
24
24
|
```bash
|
|
25
|
-
# With LiveKit
|
|
26
|
-
pnpm add @spatialwalk/avatarkit @spatialwalk/avatarkit-rtc livekit-client
|
|
25
|
+
# With LiveKit (version 2.16.1 required)
|
|
26
|
+
pnpm add @spatialwalk/avatarkit @spatialwalk/avatarkit-rtc livekit-client@2.16.1
|
|
27
27
|
|
|
28
28
|
# With Agora
|
|
29
29
|
pnpm add @spatialwalk/avatarkit @spatialwalk/avatarkit-rtc agora-rtc-sdk-ng
|
|
@@ -46,8 +46,8 @@ pnpm add @spatialwalk/avatarkit-rtc
|
|
|
46
46
|
**Step 3:** Install your chosen RTC provider SDK
|
|
47
47
|
|
|
48
48
|
```bash
|
|
49
|
-
# For LiveKit
|
|
50
|
-
pnpm add livekit-client
|
|
49
|
+
# For LiveKit (version 2.16.1 required)
|
|
50
|
+
pnpm add livekit-client@2.16.1
|
|
51
51
|
|
|
52
52
|
# For Agora
|
|
53
53
|
pnpm add agora-rtc-sdk-ng
|
|
@@ -14,6 +14,19 @@ export interface AvatarPlayerOptions {
|
|
|
14
14
|
* - 'none': Disable all logs
|
|
15
15
|
*/
|
|
16
16
|
logLevel?: LogLevel;
|
|
17
|
+
/**
|
|
18
|
+
* Enable jitter buffer for smoother animation playback.
|
|
19
|
+
* When enabled, frames are buffered and rendered in sequence order at a steady 25fps,
|
|
20
|
+
* absorbing network jitter and out-of-order delivery.
|
|
21
|
+
* Default: true
|
|
22
|
+
*/
|
|
23
|
+
enableJitterBuffer?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Maximum delay (in ms) a frame can sit in the jitter buffer before being rendered.
|
|
26
|
+
* Only used when enableJitterBuffer is true.
|
|
27
|
+
* Default: 80 (2 frames at 25fps)
|
|
28
|
+
*/
|
|
29
|
+
maxBufferDelayMs?: number;
|
|
17
30
|
}
|
|
18
31
|
/**
|
|
19
32
|
* Unified Avatar Player.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarPlayer.d.ts","sourceRoot":"","sources":["../../src/core/AvatarPlayer.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"AvatarPlayer.d.ts","sourceRoot":"","sources":["../../src/core/AvatarPlayer.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,YAAY;IA4BvB;;;;;OAKG;gBAED,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,mBAAmB;IA2B/B;;OAEG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED;;;;OAIG;IACG,OAAO,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;IAczD;;;OAGG;IACG,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAkBjC;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACG,YAAY,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAkB1D;;;OAGG;IACG,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IASrC;;;;;;;;;;;;;;OAcG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAgBtC;;;;;OAKG;IACG,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAYrC;;;OAGG;IACH,kBAAkB,IAAI,MAAM;IAI5B;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,IAAI,OAAO;IAI1B;;;;OAIG;IACH,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI;IAa1C;;;;OAIG;IACH,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI;IAyB3C;;;;;;;;;;;;;OAaG;IACG,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;CAsIjC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { RTCConnectionConfig } from '../types';
|
|
2
|
-
import { RTCProviderEvents } from './types';
|
|
3
2
|
/**
|
|
4
3
|
* RTC Provider interface.
|
|
5
4
|
*
|
|
@@ -64,13 +63,13 @@ export interface RTCProvider {
|
|
|
64
63
|
* @param event - Event name
|
|
65
64
|
* @param handler - Event handler function
|
|
66
65
|
*/
|
|
67
|
-
on
|
|
66
|
+
on(event: string, handler: Function): void;
|
|
68
67
|
/**
|
|
69
68
|
* Remove event listener.
|
|
70
69
|
* @param event - Event name
|
|
71
70
|
* @param handler - Event handler function
|
|
72
71
|
*/
|
|
73
|
-
off
|
|
72
|
+
off(event: string, handler: Function): void;
|
|
74
73
|
/**
|
|
75
74
|
* Get the native RTC client object.
|
|
76
75
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RTCProvider.d.ts","sourceRoot":"","sources":["../../src/core/RTCProvider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"RTCProvider.d.ts","sourceRoot":"","sources":["../../src/core/RTCProvider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEpD;;;OAGG;IACH,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,IAAI,MAAM,CAAC;IA4B7B;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1D;;OAEG;IACH,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAErC;;;OAGG;IACH,eAAe,IAAI,IAAI,CAAC;IAExB;;;OAGG;IACH,gBAAgB,IAAI,IAAI,CAAC;IAEzB;;;;OAIG;IACH,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,CAAC;IAE3C;;;;OAIG;IACH,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,CAAC;IAE5C;;;;;;;OAOG;IACH,eAAe,IAAI,OAAO,CAAC;CAC5B"}
|
package/dist/index10.js
CHANGED
|
@@ -1,108 +1,390 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
import { createAnimationReceiverTransform } from "./index14.js";
|
|
5
4
|
import { logger } from "./index7.js";
|
|
6
|
-
|
|
5
|
+
const PacketFlags = {
|
|
6
|
+
/** Idle packet - no payload */
|
|
7
|
+
Idle: 1,
|
|
8
|
+
/** First frame of animation session */
|
|
9
|
+
Start: 2,
|
|
10
|
+
/** Last frame of animation session */
|
|
11
|
+
End: 4,
|
|
12
|
+
/** Payload is zlib compressed */
|
|
13
|
+
Gzipped: 8,
|
|
14
|
+
/** Transition from idle to animation */
|
|
15
|
+
Transition: 16,
|
|
16
|
+
/** Transition from animation back to idle */
|
|
17
|
+
TransitionEnd: 32
|
|
18
|
+
};
|
|
19
|
+
const SEI_HEADER_SIZE = 5;
|
|
20
|
+
const FRAME_SEQ_SIZE = 4;
|
|
7
21
|
const DEFAULT_TRANSITION_START_FRAMES = 8;
|
|
8
22
|
const DEFAULT_TRANSITION_END_FRAMES = 12;
|
|
9
|
-
class
|
|
23
|
+
class SEIExtractor {
|
|
10
24
|
constructor() {
|
|
11
25
|
/** @internal */
|
|
12
26
|
__publicField(this, "callbacks", null);
|
|
27
|
+
// Session state tracking
|
|
28
|
+
/** @internal */
|
|
29
|
+
__publicField(this, "lastWasIdle", true);
|
|
30
|
+
// Transition state tracking (to handle consecutive packets)
|
|
31
|
+
/** @internal */
|
|
32
|
+
__publicField(this, "isInStartTransition", false);
|
|
33
|
+
/** @internal */
|
|
34
|
+
__publicField(this, "isInEndTransition", false);
|
|
35
|
+
// Transition frame counts
|
|
36
|
+
/** @internal */
|
|
37
|
+
__publicField(this, "transitionStartFrameCount");
|
|
38
|
+
/** @internal */
|
|
39
|
+
__publicField(this, "transitionEndFrameCount");
|
|
40
|
+
// Statistics tracking
|
|
41
|
+
/** @internal */
|
|
42
|
+
__publicField(this, "totalFrameCount", 0);
|
|
43
|
+
/** @internal */
|
|
44
|
+
__publicField(this, "intervalFrameCount", 0);
|
|
45
|
+
/** @internal */
|
|
46
|
+
__publicField(this, "lastStatsTime", 0);
|
|
13
47
|
/** @internal */
|
|
14
|
-
__publicField(this, "
|
|
48
|
+
__publicField(this, "statsInterval", null);
|
|
49
|
+
// Debug logging
|
|
15
50
|
/** @internal */
|
|
16
|
-
__publicField(this, "
|
|
51
|
+
__publicField(this, "debugLogging", false);
|
|
52
|
+
this.transitionStartFrameCount = DEFAULT_TRANSITION_START_FRAMES;
|
|
53
|
+
this.transitionEndFrameCount = DEFAULT_TRANSITION_END_FRAMES;
|
|
17
54
|
}
|
|
18
55
|
/**
|
|
19
|
-
* Initialize the extractor with
|
|
20
|
-
* @param receiver - RTCRtpReceiver to extract data from
|
|
56
|
+
* Initialize the extractor with callbacks.
|
|
21
57
|
* @param callbacks - Callbacks to receive extracted data
|
|
22
58
|
* @internal
|
|
23
59
|
*/
|
|
24
|
-
|
|
25
|
-
if (this.receiver || this.transform) {
|
|
26
|
-
throw new Error("VP8Extractor already initialized");
|
|
27
|
-
}
|
|
28
|
-
this.receiver = receiver;
|
|
60
|
+
initialize(callbacks) {
|
|
29
61
|
this.callbacks = callbacks;
|
|
30
|
-
|
|
31
|
-
|
|
62
|
+
this.startStatsInterval();
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Enable or disable debug logging.
|
|
66
|
+
* @param enabled - Whether to enable debug logging
|
|
67
|
+
* @internal
|
|
68
|
+
*/
|
|
69
|
+
setDebugLogging(enabled) {
|
|
70
|
+
this.debugLogging = enabled;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Handle SEI data from Agora.
|
|
74
|
+
* Wraps async processing to not block the event handler.
|
|
75
|
+
* @param seiData - Raw SEI payload
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
handleSEIData(seiData) {
|
|
79
|
+
this.processSEIData(seiData).catch((error) => {
|
|
80
|
+
logger.error("SEIExtractor", "Failed to process SEI data:", error);
|
|
81
|
+
this.logDebugInfo(seiData);
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* Convert EBSP (Encapsulated Byte Sequence Payload) to RBSP (Raw Byte Sequence Payload).
|
|
86
|
+
* This removes H.264 emulation prevention bytes (0x03) inserted after 00 00 sequences.
|
|
87
|
+
*
|
|
88
|
+
* H.264 spec: When encoding, 0x03 is inserted after 00 00 to prevent start code emulation:
|
|
89
|
+
* - 00 00 00 → 00 00 03 00
|
|
90
|
+
* - 00 00 01 → 00 00 03 01
|
|
91
|
+
* - 00 00 02 → 00 00 03 02
|
|
92
|
+
* - 00 00 03 → 00 00 03 03
|
|
93
|
+
*
|
|
94
|
+
* @param data - EBSP data
|
|
95
|
+
* @returns RBSP data
|
|
96
|
+
* @internal
|
|
97
|
+
*/
|
|
98
|
+
ebspToRbsp(data) {
|
|
99
|
+
if (data.length === 0) {
|
|
100
|
+
return data;
|
|
101
|
+
}
|
|
102
|
+
const result = [];
|
|
103
|
+
let zeroCount = 0;
|
|
104
|
+
for (let i = 0; i < data.length; i++) {
|
|
105
|
+
const byte = data[i];
|
|
106
|
+
if (zeroCount >= 2 && byte === 3) {
|
|
107
|
+
if (i + 1 < data.length) {
|
|
108
|
+
const nextByte = data[i + 1];
|
|
109
|
+
if (nextByte <= 3) {
|
|
110
|
+
zeroCount = 0;
|
|
111
|
+
continue;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (byte === 0) {
|
|
116
|
+
zeroCount++;
|
|
117
|
+
} else {
|
|
118
|
+
zeroCount = 0;
|
|
119
|
+
}
|
|
120
|
+
result.push(byte);
|
|
121
|
+
}
|
|
122
|
+
return new Uint8Array(result);
|
|
123
|
+
}
|
|
124
|
+
/**
|
|
125
|
+
* Unescape zero bytes that were escaped by the server.
|
|
126
|
+
* Escape scheme: 0x00 0xFF -> 0x00, 0xFF 0xFF -> 0xFF
|
|
127
|
+
* This reverses the escaping done to avoid H.264 emulation prevention issues.
|
|
128
|
+
*
|
|
129
|
+
* @param data - Escaped data
|
|
130
|
+
* @returns Unescaped data
|
|
131
|
+
* @internal
|
|
132
|
+
*/
|
|
133
|
+
unescapeZeroBytes(data) {
|
|
134
|
+
const result = [];
|
|
135
|
+
let i = 0;
|
|
136
|
+
while (i < data.length) {
|
|
137
|
+
if (i + 1 < data.length && data[i] === 0 && data[i + 1] === 255) {
|
|
138
|
+
result.push(0);
|
|
139
|
+
i += 2;
|
|
140
|
+
} else if (i + 1 < data.length && data[i] === 255 && data[i + 1] === 255) {
|
|
141
|
+
result.push(255);
|
|
142
|
+
i += 2;
|
|
143
|
+
} else {
|
|
144
|
+
result.push(data[i]);
|
|
145
|
+
i++;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
return new Uint8Array(result);
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Decompress zlib data using DecompressionStream API.
|
|
152
|
+
* Uses 'deflate' format (not gzip) to avoid H.264 emulation prevention issues
|
|
153
|
+
* with gzip's mtime field containing 00 00 00 00.
|
|
154
|
+
*
|
|
155
|
+
* @param data - Zlib compressed data
|
|
156
|
+
* @returns Decompressed data
|
|
157
|
+
* @internal
|
|
158
|
+
*/
|
|
159
|
+
async decompressZlib(data) {
|
|
160
|
+
const ds = new DecompressionStream("deflate");
|
|
161
|
+
const writer = ds.writable.getWriter();
|
|
162
|
+
const copy = new Uint8Array(data);
|
|
163
|
+
writer.write(copy);
|
|
164
|
+
writer.close();
|
|
165
|
+
const reader = ds.readable.getReader();
|
|
166
|
+
const chunks = [];
|
|
167
|
+
let totalLength = 0;
|
|
168
|
+
while (true) {
|
|
169
|
+
const { done, value } = await reader.read();
|
|
170
|
+
if (done) break;
|
|
171
|
+
chunks.push(value);
|
|
172
|
+
totalLength += value.length;
|
|
173
|
+
}
|
|
174
|
+
const result = new Uint8Array(totalLength);
|
|
175
|
+
let offset = 0;
|
|
176
|
+
for (const chunk of chunks) {
|
|
177
|
+
result.set(chunk, offset);
|
|
178
|
+
offset += chunk.length;
|
|
32
179
|
}
|
|
33
|
-
|
|
34
|
-
const onEvent = (evt) => {
|
|
35
|
-
this.handleTransformEvent(evt);
|
|
36
|
-
};
|
|
37
|
-
this.transform = createAnimationReceiverTransform(worker, onEvent);
|
|
38
|
-
receiver.transform = this.transform;
|
|
180
|
+
return result;
|
|
39
181
|
}
|
|
40
182
|
/**
|
|
41
|
-
*
|
|
183
|
+
* Process SEI data asynchronously.
|
|
184
|
+
* @param seiData - Raw SEI payload
|
|
42
185
|
* @internal
|
|
43
186
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
187
|
+
async processSEIData(seiData) {
|
|
188
|
+
var _a, _b, _c, _d;
|
|
189
|
+
if (!this.callbacks) {
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
this.totalFrameCount++;
|
|
193
|
+
this.intervalFrameCount++;
|
|
194
|
+
const cleanedData = this.ebspToRbsp(seiData);
|
|
195
|
+
if (cleanedData.length < SEI_HEADER_SIZE) {
|
|
196
|
+
logger.warn("SEIExtractor", `SEI data too short: ${cleanedData.length}`);
|
|
197
|
+
return;
|
|
198
|
+
}
|
|
199
|
+
const flags = cleanedData[0];
|
|
200
|
+
const msgLen = new DataView(
|
|
201
|
+
cleanedData.buffer,
|
|
202
|
+
cleanedData.byteOffset + 1,
|
|
203
|
+
4
|
|
204
|
+
).getUint32(0, true);
|
|
205
|
+
if (this.debugLogging && (this.totalFrameCount <= 5 || this.totalFrameCount % 50 === 0)) {
|
|
206
|
+
logger.info(
|
|
207
|
+
"SEIExtractor",
|
|
208
|
+
`SEI packet #${this.totalFrameCount}: flags=0x${flags.toString(16)}, msgLen=${msgLen}, cleanedLen=${cleanedData.length}`
|
|
209
|
+
);
|
|
210
|
+
}
|
|
211
|
+
const isIdle = (flags & PacketFlags.Idle) !== 0;
|
|
212
|
+
if (isIdle || msgLen === 0) {
|
|
213
|
+
if (!this.lastWasIdle) {
|
|
214
|
+
this.lastWasIdle = true;
|
|
215
|
+
this.isInStartTransition = false;
|
|
216
|
+
this.isInEndTransition = false;
|
|
217
|
+
this.callbacks.onIdleStart();
|
|
218
|
+
}
|
|
219
|
+
return;
|
|
220
|
+
}
|
|
221
|
+
const rawPayload = cleanedData.slice(SEI_HEADER_SIZE);
|
|
222
|
+
const compressedPayload = this.unescapeZeroBytes(rawPayload);
|
|
223
|
+
let payload;
|
|
224
|
+
if ((flags & PacketFlags.Gzipped) !== 0) {
|
|
225
|
+
payload = await this.decompressZlib(compressedPayload);
|
|
226
|
+
} else {
|
|
227
|
+
payload = compressedPayload;
|
|
228
|
+
}
|
|
229
|
+
const isTransition = (flags & PacketFlags.Transition) !== 0;
|
|
230
|
+
const isTransitionEnd = (flags & PacketFlags.TransitionEnd) !== 0;
|
|
231
|
+
const isStart = (flags & PacketFlags.Start) !== 0;
|
|
232
|
+
const isEnd = (flags & PacketFlags.End) !== 0;
|
|
233
|
+
let protobufData;
|
|
234
|
+
let frameSeq;
|
|
235
|
+
if (isTransition || isTransitionEnd) {
|
|
236
|
+
protobufData = new Uint8Array(payload).buffer;
|
|
237
|
+
} else {
|
|
238
|
+
if (payload.length < FRAME_SEQ_SIZE) {
|
|
239
|
+
logger.warn("SEIExtractor", "Payload too short for frame sequence");
|
|
240
|
+
return;
|
|
71
241
|
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
242
|
+
frameSeq = new DataView(payload.buffer, payload.byteOffset, 4).getUint32(
|
|
243
|
+
0,
|
|
244
|
+
true
|
|
245
|
+
);
|
|
246
|
+
if (this.debugLogging && (this.totalFrameCount <= 5 || this.totalFrameCount % 50 === 0)) {
|
|
247
|
+
logger.info("SEIExtractor", `Animation frame seq=${frameSeq}`);
|
|
248
|
+
}
|
|
249
|
+
protobufData = new Uint8Array(
|
|
250
|
+
payload.subarray(FRAME_SEQ_SIZE)
|
|
251
|
+
).buffer;
|
|
252
|
+
}
|
|
253
|
+
if (isTransition) {
|
|
254
|
+
if (!this.isInStartTransition) {
|
|
255
|
+
this.isInStartTransition = true;
|
|
256
|
+
this.isInEndTransition = false;
|
|
257
|
+
if (this.debugLogging) {
|
|
258
|
+
logger.info("SEIExtractor", "Transition START (first packet)");
|
|
259
|
+
}
|
|
260
|
+
this.callbacks.onTransition(protobufData, this.transitionStartFrameCount);
|
|
261
|
+
}
|
|
262
|
+
return;
|
|
263
|
+
}
|
|
264
|
+
if (isTransitionEnd) {
|
|
265
|
+
if (!this.isInEndTransition) {
|
|
266
|
+
this.isInEndTransition = true;
|
|
267
|
+
this.isInStartTransition = false;
|
|
268
|
+
if (this.debugLogging) {
|
|
269
|
+
logger.info("SEIExtractor", "Transition END (first packet)");
|
|
270
|
+
}
|
|
271
|
+
this.callbacks.onTransitionEnd(protobufData, this.transitionEndFrameCount);
|
|
272
|
+
}
|
|
273
|
+
return;
|
|
274
|
+
}
|
|
275
|
+
this.isInStartTransition = false;
|
|
276
|
+
this.isInEndTransition = false;
|
|
277
|
+
const isFirstFrame = this.lastWasIdle || isStart;
|
|
278
|
+
this.lastWasIdle = false;
|
|
279
|
+
if (isFirstFrame) {
|
|
280
|
+
if (this.debugLogging) {
|
|
281
|
+
logger.info("SEIExtractor", "Session start");
|
|
282
|
+
}
|
|
283
|
+
(_b = (_a = this.callbacks).onSessionStart) == null ? void 0 : _b.call(_a);
|
|
284
|
+
}
|
|
285
|
+
this.callbacks.onAnimationData(protobufData, {
|
|
286
|
+
frameSeq,
|
|
287
|
+
isStart: isFirstFrame,
|
|
288
|
+
isEnd,
|
|
289
|
+
isIdle: false,
|
|
290
|
+
isRecovered: false
|
|
291
|
+
// Agora handles reliability internally
|
|
292
|
+
});
|
|
293
|
+
if (isEnd) {
|
|
294
|
+
if (this.debugLogging) {
|
|
295
|
+
logger.info("SEIExtractor", "Session end");
|
|
296
|
+
}
|
|
297
|
+
(_d = (_c = this.callbacks).onSessionEnd) == null ? void 0 : _d.call(_c);
|
|
76
298
|
}
|
|
77
299
|
}
|
|
78
300
|
/**
|
|
79
|
-
*
|
|
80
|
-
* @param receiver - RTCRtpReceiver to check
|
|
81
|
-
* @returns true if connected to this receiver
|
|
301
|
+
* Log debug information for failed SEI processing.
|
|
82
302
|
* @internal
|
|
83
303
|
*/
|
|
84
|
-
|
|
85
|
-
|
|
304
|
+
logDebugInfo(seiData) {
|
|
305
|
+
const totalLen = seiData.length;
|
|
306
|
+
logger.error("SEIExtractor", `Total SEI length: ${totalLen}`);
|
|
307
|
+
if (seiData.length >= 20) {
|
|
308
|
+
const hexBytes = Array.from(seiData.slice(0, 20)).map((b) => b.toString(16).padStart(2, "0")).join(" ");
|
|
309
|
+
logger.error("SEIExtractor", "First 20 bytes of SEI:", hexBytes);
|
|
310
|
+
}
|
|
311
|
+
if (seiData.length >= SEI_HEADER_SIZE) {
|
|
312
|
+
const flags = seiData[0];
|
|
313
|
+
const msgLen = new DataView(
|
|
314
|
+
seiData.buffer,
|
|
315
|
+
seiData.byteOffset + 1,
|
|
316
|
+
4
|
|
317
|
+
).getUint32(0, true);
|
|
318
|
+
logger.error(
|
|
319
|
+
"SEIExtractor",
|
|
320
|
+
`SEI header: flags=0x${flags.toString(16)}, msgLen=${msgLen}`
|
|
321
|
+
);
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
/**
|
|
325
|
+
* Start the statistics reporting interval.
|
|
326
|
+
* @internal
|
|
327
|
+
*/
|
|
328
|
+
startStatsInterval() {
|
|
329
|
+
this.lastStatsTime = Date.now();
|
|
330
|
+
this.statsInterval = setInterval(() => {
|
|
331
|
+
const now = Date.now();
|
|
332
|
+
const elapsedSeconds = (now - this.lastStatsTime) / 1e3;
|
|
333
|
+
if (elapsedSeconds > 0 && this.callbacks) {
|
|
334
|
+
const fps = this.intervalFrameCount / elapsedSeconds;
|
|
335
|
+
const stats = {
|
|
336
|
+
framesPerSec: Math.round(fps * 10) / 10,
|
|
337
|
+
totalFrames: this.totalFrameCount,
|
|
338
|
+
framesSent: this.totalFrameCount,
|
|
339
|
+
framesLost: 0,
|
|
340
|
+
framesRecovered: 0,
|
|
341
|
+
framesDropped: 0,
|
|
342
|
+
framesOutOfOrder: 0,
|
|
343
|
+
framesDuplicate: 0,
|
|
344
|
+
lastRenderedSeq: -1
|
|
345
|
+
};
|
|
346
|
+
this.callbacks.onStreamStats(stats);
|
|
347
|
+
}
|
|
348
|
+
this.intervalFrameCount = 0;
|
|
349
|
+
this.lastStatsTime = now;
|
|
350
|
+
}, 1e3);
|
|
351
|
+
}
|
|
352
|
+
/**
|
|
353
|
+
* Stop the statistics reporting interval.
|
|
354
|
+
* @internal
|
|
355
|
+
*/
|
|
356
|
+
stopStatsInterval() {
|
|
357
|
+
if (this.statsInterval) {
|
|
358
|
+
clearInterval(this.statsInterval);
|
|
359
|
+
this.statsInterval = null;
|
|
360
|
+
}
|
|
86
361
|
}
|
|
87
362
|
/**
|
|
88
|
-
*
|
|
89
|
-
*
|
|
363
|
+
* Reset session state.
|
|
364
|
+
* Call this when reconnecting or starting a new session.
|
|
90
365
|
* @internal
|
|
91
366
|
*/
|
|
92
|
-
|
|
93
|
-
|
|
367
|
+
reset() {
|
|
368
|
+
this.lastWasIdle = true;
|
|
369
|
+
this.isInStartTransition = false;
|
|
370
|
+
this.isInEndTransition = false;
|
|
371
|
+
this.totalFrameCount = 0;
|
|
372
|
+
this.intervalFrameCount = 0;
|
|
373
|
+
this.lastStatsTime = Date.now();
|
|
94
374
|
}
|
|
95
375
|
/**
|
|
96
376
|
* Dispose the extractor and release resources.
|
|
97
377
|
* @internal
|
|
98
378
|
*/
|
|
99
379
|
dispose() {
|
|
100
|
-
this.
|
|
101
|
-
this.transform = null;
|
|
380
|
+
this.stopStatsInterval();
|
|
102
381
|
this.callbacks = null;
|
|
382
|
+
this.lastWasIdle = true;
|
|
383
|
+
this.isInStartTransition = false;
|
|
384
|
+
this.isInEndTransition = false;
|
|
103
385
|
}
|
|
104
386
|
}
|
|
105
387
|
export {
|
|
106
|
-
|
|
388
|
+
SEIExtractor
|
|
107
389
|
};
|
|
108
390
|
//# sourceMappingURL=index10.js.map
|
package/dist/index10.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index10.js","sources":["../src/providers/livekit/VP8Extractor.ts"],"sourcesContent":["/**\n * VP8 Data Extractor for LiveKit.\n *\n * Extracts animation data from VP8 video tracks using RTCRtpScriptTransform.\n *\n * @internal\n * @packageDocumentation\n */\n\nimport type { AnimationTrackCallbacks } from '../../core/types';\nimport type { AnimationTransformEvent } from './types';\nimport { createAnimationReceiverTransform } from './animation-transform';\nimport { logger } from '../../utils';\n\n// Import worker with inline - this bundles the worker code as a blob URL\nimport AnimationWorker from './animation-worker.ts?worker&inline';\n\n// Default transition frame counts (used when protocol doesn't specify)\nconst DEFAULT_TRANSITION_START_FRAMES = 8;\nconst DEFAULT_TRANSITION_END_FRAMES = 12;\n\n/**\n * VP8Extractor - Extracts animation data from VP8 video tracks.\n *\n * Uses RTCRtpScriptTransform and a Web Worker to parse VP8 frames\n * and extract embedded animation data.\n *\n * @internal\n */\nexport class VP8Extractor {\n /** @internal */\n private callbacks: AnimationTrackCallbacks | null = null;\n /** @internal */\n private receiver: RTCRtpReceiver | null = null;\n /** @internal */\n private transform: RTCRtpScriptTransform | null = null;\n\n /**\n * Initialize the extractor with a receiver and callbacks.\n * @param receiver - RTCRtpReceiver to extract data from\n * @param callbacks - Callbacks to receive extracted data\n * @internal\n */\n async initialize(\n receiver: RTCRtpReceiver,\n callbacks: AnimationTrackCallbacks\n ): Promise<void> {\n if (this.receiver || this.transform) {\n throw new Error('VP8Extractor already initialized');\n }\n\n this.receiver = receiver;\n this.callbacks = callbacks;\n\n // Check if transform is already set\n if (receiver.transform) {\n return;\n }\n\n // Create worker and transform\n const worker = new AnimationWorker();\n const onEvent = (evt: AnimationTransformEvent) => {\n this.handleTransformEvent(evt);\n };\n\n this.transform = createAnimationReceiverTransform(worker, onEvent);\n receiver.transform = this.transform;\n }\n\n /**\n * Handle events from the animation transform.\n * @internal\n */\n private handleTransformEvent(evt: AnimationTransformEvent): void {\n if (!this.callbacks) return;\n\n if (evt.type === 'metadata') {\n this.callbacks.onStreamStats({\n framesPerSec: evt.framesPerSec,\n totalFrames: evt.totalFrames ?? 0,\n framesSent: evt.framesSent ?? 0,\n framesLost: evt.framesLost ?? 0,\n framesRecovered: evt.framesRecovered ?? 0,\n framesDropped: evt.framesDropped ?? 0,\n framesOutOfOrder: evt.framesOutOfOrder ?? 0,\n framesDuplicate: evt.framesDuplicate ?? 0,\n lastRenderedSeq: evt.lastRenderedSeq ?? -1,\n });\n } else if (evt.type === 'transition') {\n this.callbacks.onTransition(evt.protobufData, DEFAULT_TRANSITION_START_FRAMES);\n } else if (evt.type === 'transitionEnd') {\n this.callbacks.onTransitionEnd(evt.protobufData, DEFAULT_TRANSITION_END_FRAMES);\n } else if (evt.type === 'animation') {\n if (!evt.isIdle) {\n this.callbacks.onAnimationData(evt.protobufData, {\n frameSeq: evt.frameSeq,\n isStart: evt.isStart,\n isEnd: evt.isEnd,\n isIdle: evt.isIdle,\n isRecovered: evt.isRecovered,\n });\n }\n } else if (evt.type === 'idleStart') {\n this.callbacks.onIdleStart();\n } else if (evt.type === 'error') {\n logger.error('VP8Extractor', 'Error:', evt.error);\n }\n }\n\n /**\n * Check if this extractor is connected to the given receiver.\n * @param receiver - RTCRtpReceiver to check\n * @returns true if connected to this receiver\n * @internal\n */\n isConnectedTo(receiver: RTCRtpReceiver): boolean {\n return this.receiver === receiver;\n }\n\n /**\n * Get the receiver this extractor is connected to.\n * @returns The connected RTCRtpReceiver or null\n * @internal\n */\n getReceiver(): RTCRtpReceiver | null {\n return this.receiver;\n }\n\n /**\n * Dispose the extractor and release resources.\n * @internal\n */\n dispose(): void {\n this.receiver = null;\n this.transform = null;\n this.callbacks = null;\n }\n}\n"],"names":["AnimationWorker"],"mappings":";;;;;;AAkBA,MAAM,kCAAkC;AACxC,MAAM,gCAAgC;AAU/B,MAAM,aAAa;AAAA,EAAnB;AAEG;AAAA,qCAA4C;AAE5C;AAAA,oCAAkC;AAElC;AAAA,qCAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlD,MAAM,WACJ,UACA,WACe;AACf,QAAI,KAAK,YAAY,KAAK,WAAW;AACnC,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAEA,SAAK,WAAW;AAChB,SAAK,YAAY;AAGjB,QAAI,SAAS,WAAW;AACtB;AAAA,IACF;AAGA,UAAM,SAAS,IAAIA,cAAA;AACnB,UAAM,UAAU,CAAC,QAAiC;AAChD,WAAK,qBAAqB,GAAG;AAAA,IAC/B;AAEA,SAAK,YAAY,iCAAiC,QAAQ,OAAO;AACjE,aAAS,YAAY,KAAK;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,qBAAqB,KAAoC;AAC/D,QAAI,CAAC,KAAK,UAAW;AAErB,QAAI,IAAI,SAAS,YAAY;AAC3B,WAAK,UAAU,cAAc;AAAA,QAC3B,cAAc,IAAI;AAAA,QAClB,aAAa,IAAI,eAAe;AAAA,QAChC,YAAY,IAAI,cAAc;AAAA,QAC9B,YAAY,IAAI,cAAc;AAAA,QAC9B,iBAAiB,IAAI,mBAAmB;AAAA,QACxC,eAAe,IAAI,iBAAiB;AAAA,QACpC,kBAAkB,IAAI,oBAAoB;AAAA,QAC1C,iBAAiB,IAAI,mBAAmB;AAAA,QACxC,iBAAiB,IAAI,mBAAmB;AAAA,MAAA,CACzC;AAAA,IACH,WAAW,IAAI,SAAS,cAAc;AACpC,WAAK,UAAU,aAAa,IAAI,cAAc,+BAA+B;AAAA,IAC/E,WAAW,IAAI,SAAS,iBAAiB;AACvC,WAAK,UAAU,gBAAgB,IAAI,cAAc,6BAA6B;AAAA,IAChF,WAAW,IAAI,SAAS,aAAa;AACnC,UAAI,CAAC,IAAI,QAAQ;AACf,aAAK,UAAU,gBAAgB,IAAI,cAAc;AAAA,UAC/C,UAAU,IAAI;AAAA,UACd,SAAS,IAAI;AAAA,UACb,OAAO,IAAI;AAAA,UACX,QAAQ,IAAI;AAAA,UACZ,aAAa,IAAI;AAAA,QAAA,CAClB;AAAA,MACH;AAAA,IACF,WAAW,IAAI,SAAS,aAAa;AACnC,WAAK,UAAU,YAAA;AAAA,IACjB,WAAW,IAAI,SAAS,SAAS;AAC/B,aAAO,MAAM,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAClD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,cAAc,UAAmC;AAC/C,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,cAAqC;AACnC,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAgB;AACd,SAAK,WAAW;AAChB,SAAK,YAAY;AACjB,SAAK,YAAY;AAAA,EACnB;AACF;"}
|
|
1
|
+
{"version":3,"file":"index10.js","sources":["../src/providers/agora/SEIExtractor.ts"],"sourcesContent":["/**\n * SEI Data Extractor for Agora.\n *\n * Extracts animation data from Agora's H.264 SEI events.\n *\n * SEI Packet Format:\n * ```\n * [1B flags][4B msgLen (LE)][msgLen bytes compressed data]\n * ```\n *\n * Packet Flags:\n * - 0x01: Idle (no payload)\n * - 0x02: Start (first frame of session)\n * - 0x04: End (last frame of session)\n * - 0x08: Gzipped (payload is zlib compressed)\n * - 0x10: Transition (transition from idle to animation)\n * - 0x20: TransitionEnd (transition from animation back to idle)\n *\n * Key differences from LiveKit VP8Extractor:\n * - No VP8 header parsing needed\n * - No ALR (Application-Level Redundancy) - Agora handles reliability\n * - Uses native SEI events instead of RTCRtpScriptTransform\n * - Requires EBSP to RBSP conversion (H.264 emulation prevention byte removal)\n *\n * @internal\n * @packageDocumentation\n */\n\nimport type { AnimationTrackCallbacks } from '../../core/types';\nimport type { StreamStats } from '../../types';\nimport { logger } from '../../utils';\n\n/**\n * SEI Packet Flags - must match backend animation_track.go\n * @internal\n */\nconst PacketFlags = {\n /** Idle packet - no payload */\n Idle: 0x01,\n /** First frame of animation session */\n Start: 0x02,\n /** Last frame of animation session */\n End: 0x04,\n /** Payload is zlib compressed */\n Gzipped: 0x08,\n /** Transition from idle to animation */\n Transition: 0x10,\n /** Transition from animation back to idle */\n TransitionEnd: 0x20,\n} as const;\n\n/** SEI header size: 1 byte flags + 4 bytes length */\nconst SEI_HEADER_SIZE = 5;\n\n/** Frame sequence prefix size (4 bytes) for normal animation frames */\nconst FRAME_SEQ_SIZE = 4;\n\n// Default transition frame counts (internal constants)\nconst DEFAULT_TRANSITION_START_FRAMES = 8;\nconst DEFAULT_TRANSITION_END_FRAMES = 12;\n\n/**\n * SEIExtractor - Extracts animation data from Agora SEI events.\n *\n * Handles SEI header parsing, EBSP conversion, decompression, and callback dispatch.\n *\n * @internal\n */\nexport class SEIExtractor {\n /** @internal */\n private callbacks: AnimationTrackCallbacks | null = null;\n\n // Session state tracking\n /** @internal */\n private lastWasIdle = true;\n\n // Transition state tracking (to handle consecutive packets)\n /** @internal */\n private isInStartTransition = false;\n /** @internal */\n private isInEndTransition = false;\n\n // Transition frame counts\n /** @internal */\n private transitionStartFrameCount: number;\n /** @internal */\n private transitionEndFrameCount: number;\n\n // Statistics tracking\n /** @internal */\n private totalFrameCount = 0;\n /** @internal */\n private intervalFrameCount = 0;\n /** @internal */\n private lastStatsTime = 0;\n /** @internal */\n private statsInterval: ReturnType<typeof setInterval> | null = null;\n\n // Debug logging\n /** @internal */\n private debugLogging = false;\n\n constructor() {\n this.transitionStartFrameCount = DEFAULT_TRANSITION_START_FRAMES;\n this.transitionEndFrameCount = DEFAULT_TRANSITION_END_FRAMES;\n }\n\n /**\n * Initialize the extractor with callbacks.\n * @param callbacks - Callbacks to receive extracted data\n * @internal\n */\n initialize(callbacks: AnimationTrackCallbacks): void {\n this.callbacks = callbacks;\n this.startStatsInterval();\n }\n\n /**\n * Enable or disable debug logging.\n * @param enabled - Whether to enable debug logging\n * @internal\n */\n setDebugLogging(enabled: boolean): void {\n this.debugLogging = enabled;\n }\n\n /**\n * Handle SEI data from Agora.\n * Wraps async processing to not block the event handler.\n * @param seiData - Raw SEI payload\n * @internal\n */\n handleSEIData(seiData: Uint8Array): void {\n this.processSEIData(seiData).catch((error) => {\n logger.error('SEIExtractor', 'Failed to process SEI data:', error);\n this.logDebugInfo(seiData);\n });\n }\n\n /**\n * Convert EBSP (Encapsulated Byte Sequence Payload) to RBSP (Raw Byte Sequence Payload).\n * This removes H.264 emulation prevention bytes (0x03) inserted after 00 00 sequences.\n *\n * H.264 spec: When encoding, 0x03 is inserted after 00 00 to prevent start code emulation:\n * - 00 00 00 → 00 00 03 00\n * - 00 00 01 → 00 00 03 01\n * - 00 00 02 → 00 00 03 02\n * - 00 00 03 → 00 00 03 03\n *\n * @param data - EBSP data\n * @returns RBSP data\n * @internal\n */\n private ebspToRbsp(data: Uint8Array): Uint8Array {\n if (data.length === 0) {\n return data;\n }\n\n const result: number[] = [];\n let zeroCount = 0;\n\n for (let i = 0; i < data.length; i++) {\n const byte = data[i];\n\n // Check for emulation prevention byte: 00 00 03 XX where XX <= 0x03\n if (zeroCount >= 2 && byte === 0x03) {\n if (i + 1 < data.length) {\n const nextByte = data[i + 1];\n if (nextByte <= 0x03) {\n // Skip the 0x03 emulation prevention byte\n zeroCount = 0;\n continue;\n }\n }\n }\n\n // Track consecutive zeros\n if (byte === 0x00) {\n zeroCount++;\n } else {\n zeroCount = 0;\n }\n\n result.push(byte);\n }\n\n return new Uint8Array(result);\n }\n\n /**\n * Unescape zero bytes that were escaped by the server.\n * Escape scheme: 0x00 0xFF -> 0x00, 0xFF 0xFF -> 0xFF\n * This reverses the escaping done to avoid H.264 emulation prevention issues.\n *\n * @param data - Escaped data\n * @returns Unescaped data\n * @internal\n */\n private unescapeZeroBytes(data: Uint8Array): Uint8Array {\n const result: number[] = [];\n let i = 0;\n while (i < data.length) {\n if (i + 1 < data.length && data[i] === 0x00 && data[i + 1] === 0xff) {\n // 00 FF -> 00\n result.push(0x00);\n i += 2;\n } else if (\n i + 1 < data.length &&\n data[i] === 0xff &&\n data[i + 1] === 0xff\n ) {\n // FF FF -> FF\n result.push(0xff);\n i += 2;\n } else {\n result.push(data[i]);\n i++;\n }\n }\n return new Uint8Array(result);\n }\n\n /**\n * Decompress zlib data using DecompressionStream API.\n * Uses 'deflate' format (not gzip) to avoid H.264 emulation prevention issues\n * with gzip's mtime field containing 00 00 00 00.\n *\n * @param data - Zlib compressed data\n * @returns Decompressed data\n * @internal\n */\n private async decompressZlib(data: Uint8Array): Promise<Uint8Array> {\n const ds = new DecompressionStream('deflate');\n const writer = ds.writable.getWriter();\n // Create a copy to ensure we have a plain ArrayBuffer\n const copy = new Uint8Array(data);\n writer.write(copy);\n writer.close();\n\n const reader = ds.readable.getReader();\n const chunks: Uint8Array[] = [];\n let totalLength = 0;\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n chunks.push(value);\n totalLength += value.length;\n }\n\n const result = new Uint8Array(totalLength);\n let offset = 0;\n for (const chunk of chunks) {\n result.set(chunk, offset);\n offset += chunk.length;\n }\n\n return result;\n }\n\n /**\n * Process SEI data asynchronously.\n * @param seiData - Raw SEI payload\n * @internal\n */\n private async processSEIData(seiData: Uint8Array): Promise<void> {\n if (!this.callbacks) {\n return;\n }\n\n this.totalFrameCount++;\n this.intervalFrameCount++;\n\n // Remove H.264 emulation prevention bytes using EBSP to RBSP conversion\n const cleanedData = this.ebspToRbsp(seiData);\n\n // Parse SEI header: [1B flags][4B msgLen (LE)][payload]\n if (cleanedData.length < SEI_HEADER_SIZE) {\n logger.warn('SEIExtractor', `SEI data too short: ${cleanedData.length}`);\n return;\n }\n\n const flags = cleanedData[0];\n const msgLen = new DataView(\n cleanedData.buffer,\n cleanedData.byteOffset + 1,\n 4\n ).getUint32(0, true);\n\n // Debug logging for first few packets\n if (\n this.debugLogging &&\n (this.totalFrameCount <= 5 || this.totalFrameCount % 50 === 0)\n ) {\n logger.info(\n 'SEIExtractor',\n `SEI packet #${this.totalFrameCount}: flags=0x${flags.toString(16)}, msgLen=${msgLen}, cleanedLen=${cleanedData.length}`\n );\n }\n\n // Check for idle packet (no payload)\n const isIdle = (flags & PacketFlags.Idle) !== 0;\n if (isIdle || msgLen === 0) {\n if (!this.lastWasIdle) {\n this.lastWasIdle = true;\n // Reset transition states when idle\n this.isInStartTransition = false;\n this.isInEndTransition = false;\n this.callbacks.onIdleStart();\n }\n return;\n }\n\n // Extract payload - use all remaining bytes after header instead of msgLen\n // This handles cases where EP removal changes the data length\n const rawPayload = cleanedData.slice(SEI_HEADER_SIZE);\n\n // Unescape zero bytes that were escaped by the server\n const compressedPayload = this.unescapeZeroBytes(rawPayload);\n\n // Decompress if compressed using zlib\n let payload: Uint8Array;\n if ((flags & PacketFlags.Gzipped) !== 0) {\n payload = await this.decompressZlib(compressedPayload);\n } else {\n payload = compressedPayload;\n }\n\n // Check packet type flags\n const isTransition = (flags & PacketFlags.Transition) !== 0;\n const isTransitionEnd = (flags & PacketFlags.TransitionEnd) !== 0;\n const isStart = (flags & PacketFlags.Start) !== 0;\n const isEnd = (flags & PacketFlags.End) !== 0;\n\n // Extract protobuf data\n // Transition frames don't have frame sequence prefix\n let protobufData: ArrayBuffer;\n let frameSeq: number | undefined;\n\n if (isTransition || isTransitionEnd) {\n // Create a copy to ensure we have a plain ArrayBuffer\n protobufData = new Uint8Array(payload).buffer;\n } else {\n // Normal animation frame: [4B frameSeq][protobuf]\n if (payload.length < FRAME_SEQ_SIZE) {\n logger.warn('SEIExtractor', 'Payload too short for frame sequence');\n return;\n }\n frameSeq = new DataView(payload.buffer, payload.byteOffset, 4).getUint32(\n 0,\n true\n );\n\n if (\n this.debugLogging &&\n (this.totalFrameCount <= 5 || this.totalFrameCount % 50 === 0)\n ) {\n logger.info('SEIExtractor', `Animation frame seq=${frameSeq}`);\n }\n\n // Create a copy of the protobuf data portion\n protobufData = new Uint8Array(\n payload.subarray(FRAME_SEQ_SIZE)\n ).buffer;\n }\n\n // Handle transition packets\n // Only trigger transition on first packet of consecutive transition packets\n if (isTransition) {\n if (!this.isInStartTransition) {\n this.isInStartTransition = true;\n this.isInEndTransition = false;\n if (this.debugLogging) {\n logger.info('SEIExtractor', 'Transition START (first packet)');\n }\n this.callbacks.onTransition(protobufData, this.transitionStartFrameCount);\n }\n return;\n }\n\n if (isTransitionEnd) {\n if (!this.isInEndTransition) {\n this.isInEndTransition = true;\n this.isInStartTransition = false;\n if (this.debugLogging) {\n logger.info('SEIExtractor', 'Transition END (first packet)');\n }\n this.callbacks.onTransitionEnd(protobufData, this.transitionEndFrameCount);\n }\n return;\n }\n\n // Normal animation frame - clear transition states\n this.isInStartTransition = false;\n this.isInEndTransition = false;\n\n // Normal animation frame\n const isFirstFrame = this.lastWasIdle || isStart;\n this.lastWasIdle = false;\n\n // Session start callback\n if (isFirstFrame) {\n if (this.debugLogging) {\n logger.info('SEIExtractor', 'Session start');\n }\n this.callbacks.onSessionStart?.();\n }\n\n // Call animation data callback\n this.callbacks.onAnimationData(protobufData, {\n frameSeq,\n isStart: isFirstFrame,\n isEnd,\n isIdle: false,\n isRecovered: false, // Agora handles reliability internally\n });\n\n // Session end callback\n if (isEnd) {\n if (this.debugLogging) {\n logger.info('SEIExtractor', 'Session end');\n }\n this.callbacks.onSessionEnd?.();\n }\n }\n\n /**\n * Log debug information for failed SEI processing.\n * @internal\n */\n private logDebugInfo(seiData: Uint8Array): void {\n const totalLen = seiData.length;\n logger.error('SEIExtractor', `Total SEI length: ${totalLen}`);\n if (seiData.length >= 20) {\n const hexBytes = Array.from(seiData.slice(0, 20))\n .map((b) => b.toString(16).padStart(2, '0'))\n .join(' ');\n logger.error('SEIExtractor', 'First 20 bytes of SEI:', hexBytes);\n }\n if (seiData.length >= SEI_HEADER_SIZE) {\n const flags = seiData[0];\n const msgLen = new DataView(\n seiData.buffer,\n seiData.byteOffset + 1,\n 4\n ).getUint32(0, true);\n logger.error(\n 'SEIExtractor',\n `SEI header: flags=0x${flags.toString(16)}, msgLen=${msgLen}`\n );\n }\n }\n\n /**\n * Start the statistics reporting interval.\n * @internal\n */\n private startStatsInterval(): void {\n this.lastStatsTime = Date.now();\n this.statsInterval = setInterval(() => {\n const now = Date.now();\n const elapsedSeconds = (now - this.lastStatsTime) / 1000;\n\n if (elapsedSeconds > 0 && this.callbacks) {\n const fps = this.intervalFrameCount / elapsedSeconds;\n\n const stats: StreamStats = {\n framesPerSec: Math.round(fps * 10) / 10,\n totalFrames: this.totalFrameCount,\n framesSent: this.totalFrameCount,\n framesLost: 0,\n framesRecovered: 0,\n framesDropped: 0,\n framesOutOfOrder: 0,\n framesDuplicate: 0,\n lastRenderedSeq: -1,\n };\n\n this.callbacks.onStreamStats(stats);\n }\n\n this.intervalFrameCount = 0;\n this.lastStatsTime = now;\n }, 1000);\n }\n\n /**\n * Stop the statistics reporting interval.\n * @internal\n */\n private stopStatsInterval(): void {\n if (this.statsInterval) {\n clearInterval(this.statsInterval);\n this.statsInterval = null;\n }\n }\n\n /**\n * Reset session state.\n * Call this when reconnecting or starting a new session.\n * @internal\n */\n reset(): void {\n this.lastWasIdle = true;\n this.isInStartTransition = false;\n this.isInEndTransition = false;\n this.totalFrameCount = 0;\n this.intervalFrameCount = 0;\n this.lastStatsTime = Date.now();\n }\n\n /**\n * Dispose the extractor and release resources.\n * @internal\n */\n dispose(): void {\n this.stopStatsInterval();\n this.callbacks = null;\n this.lastWasIdle = true;\n this.isInStartTransition = false;\n this.isInEndTransition = false;\n }\n}\n"],"names":[],"mappings":"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"}
|