@yume-chan/scrcpy 0.0.11 → 0.0.14

package/esm/options/1_24.d.ts

@@ -0,0 +1,9 @@
+import { ScrcpyOptions1_23, type ScrcpyOptionsInit1_23 } from './1_23.js';
+export interface ScrcpyOptionsInit1_24 extends ScrcpyOptionsInit1_23 {
+    powerOn: boolean;
+}
+export declare class ScrcpyOptions1_24<T extends ScrcpyOptionsInit1_24 = ScrcpyOptionsInit1_24> extends ScrcpyOptions1_23<T> {
+    constructor(init: Partial<ScrcpyOptionsInit1_24>);
+    protected getDefaultValue(): T;
+}
+//# sourceMappingURL=1_24.d.ts.map

package/esm/options/1_24.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"1_24.d.ts","sourceRoot":"","sources":["../../src/options/1_24.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAChE,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,iBAAiB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;gBAC7F,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC;cAIpC,eAAe,IAAI,CAAC;CAM1C"}

package/esm/options/1_24.js

@@ -0,0 +1,10 @@
+import { ScrcpyOptions1_23 } from './1_23.js';
+export class ScrcpyOptions1_24 extends ScrcpyOptions1_23 {
+    constructor(init) {
+        super(init);
+    }
+    getDefaultValue() {
+        return Object.assign(Object.assign({}, super.getDefaultValue()), { powerOn: true });
+    }
+}
+//# sourceMappingURL=1_24.js.map

package/esm/options/1_24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1_24.js","sourceRoot":"","sources":["../../src/options/1_24.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,WAAW,CAAC;AAM1E,MAAM,OAAO,iBAA2E,SAAQ,iBAAoB;IAChH,YAAmB,IAAoC;QACnD,KAAK,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAEkB,eAAe;QAC9B,uCACO,KAAK,CAAC,eAAe,EAAE,KAC1B,OAAO,EAAE,IAAI,IACf;IACN,CAAC;CACJ"}

package/esm/options/common.d.ts

@@ -1,4 +1,4 @@
-import type { Adb, AdbBufferedStream, ReadableStream } from "@yume-chan/adb";
+import type { Adb, TransformStream } from "@yume-chan/adb";
 import type { ScrcpyClientConnection } from "../connection.js";
 import type { H264Configuration } from "../decoder/index.js";
 import type { ScrcpyBackOrScreenOnEvent1_18 } from "./1_18.js";
@@ -15,6 +15,8 @@ export interface VideoStreamConfigurationPacket {
 }
 export interface VideoStreamFramePacket {
     type: 'frame';
+    keyframe?: boolean | undefined;
+    pts?: bigint | undefined;
     data: Uint8Array;
 }
 export declare type VideoStreamPacket = VideoStreamConfigurationPacket | VideoStreamFramePacket;
@@ -23,7 +25,7 @@ export interface ScrcpyOptions<T> {
     formatServerArguments(): string[];
     getOutputEncoderNameRegex(): RegExp;
     createConnection(adb: Adb): ScrcpyClientConnection;
-    parseVideoStream(stream: AdbBufferedStream): ReadableStream<VideoStreamPacket>;
+    createVideoStreamTransformer(): TransformStream<Uint8Array, VideoStreamPacket>;
     serializeBackOrScreenOnControlMessage(message: ScrcpyBackOrScreenOnEvent1_18): Uint8Array | undefined;
     serializeInjectScrollControlMessage(message: ScrcpyInjectScrollControlMessage1_22): Uint8Array;
 }

package/esm/options/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/options/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,WAAW,CAAC;AAEtE,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAC9B,aAAa,IAAI,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,iBAAiB,CAI1E;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,CAUvE;AAED,MAAM,WAAW,8BAA8B;IAC3C,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CACpB;AAED,oBAAY,iBAAiB,GAAG,8BAA8B,GAAG,sBAAsB,CAAC;AAExF,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAElB,qBAAqB,IAAI,MAAM,EAAE,CAAC;IAElC,yBAAyB,IAAI,MAAM,CAAC;IAEpC,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,sBAAsB,CAAC;IAEnD,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAE/E,qCAAqC,CACjC,OAAO,EAAE,6BAA6B,GACvC,UAAU,GAAG,SAAS,CAAC;IAE1B,mCAAmC,CAC/B,OAAO,EAAE,oCAAoC,GAC9C,UAAU,CAAC;CACjB"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/options/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,WAAW,CAAC;AAEtE,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAC9B,aAAa,IAAI,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,iBAAiB,CAI1E;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,CAUvE;AAED,MAAM,WAAW,8BAA8B;IAC3C,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC;CACpB;AAED,oBAAY,iBAAiB,GAAG,8BAA8B,GAAG,sBAAsB,CAAC;AAExF,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAElB,qBAAqB,IAAI,MAAM,EAAE,CAAC;IAElC,yBAAyB,IAAI,MAAM,CAAC;IAEpC,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,sBAAsB,CAAC;IAEnD,4BAA4B,IAAI,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAE/E,qCAAqC,CACjC,OAAO,EAAE,6BAA6B,GACvC,UAAU,GAAG,SAAS,CAAC;IAE1B,mCAAmC,CAC/B,OAAO,EAAE,oCAAoC,GAC9C,UAAU,CAAC;CACjB"}

package/esm/options/index.d.ts

@@ -2,5 +2,7 @@ export * from './1_16/index.js';
 export * from './1_18.js';
 export * from './1_21.js';
 export * from './1_22.js';
+export * from './1_23.js';
+export * from './1_24.js';
 export * from './common.js';
 //# sourceMappingURL=index.d.ts.map

package/esm/options/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/esm/options/index.js

@@ -2,5 +2,7 @@ export * from './1_16/index.js';
 export * from './1_18.js';
 export * from './1_21.js';
 export * from './1_22.js';
+export * from './1_23.js';
+export * from './1_24.js';
 export * from './common.js';
 //# sourceMappingURL=index.js.map

package/esm/options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/esm/push-server.d.ts

@@ -1,6 +1,6 @@
-import { Adb, AdbSync, WrapWritableStream, WritableStream } from "@yume-chan/adb";
+import { WrapWritableStream, type Adb } from "@yume-chan/adb";
 export interface PushServerOptions {
     path?: string;
 }
-export declare function pushServer(device: Adb, options?: PushServerOptions): WrapWritableStream<Uint8Array, WritableStream<Uint8Array>, AdbSync>;
+export declare function pushServer(device: Adb, options?: PushServerOptions): WrapWritableStream<Uint8Array>;
 //# sourceMappingURL=push-server.d.ts.map

package/esm/push-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"push-server.d.ts","sourceRoot":"","sources":["../src/push-server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGlF,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CACtB,MAAM,EAAE,GAAG,EACX,OAAO,GAAE,iBAAsB,uEAgBlC"}
+{"version":3,"file":"push-server.d.ts","sourceRoot":"","sources":["../src/push-server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,GAAG,EAAgB,MAAM,gBAAgB,CAAC;AAG5E,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CACtB,MAAM,EAAE,GAAG,EACX,OAAO,GAAE,iBAAsB,kCAclC"}

package/esm/push-server.js

@@ -3,17 +3,15 @@ import { WrapWritableStream } from "@yume-chan/adb";
 import { DEFAULT_SERVER_PATH } from "./options/index.js";
 export function pushServer(device, options = {}) {
     const { path = DEFAULT_SERVER_PATH } = options;
+    let sync;
     return new WrapWritableStream({
         start() {
             return __awaiter(this, void 0, void 0, function* () {
-                const sync = yield device.sync();
-                return {
-                    writable: sync.write(path),
-                    state: sync,
-                };
+                sync = yield device.sync();
+                return sync.write(path);
             });
         },
-        close(sync) {
+        close() {
             return __awaiter(this, void 0, void 0, function* () {
                 yield sync.dispose();
             });

package/esm/push-server.js.map

@@ -1 +1 @@
-{"version":3,"file":"push-server.js","sourceRoot":"","sources":["../src/push-server.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,kBAAkB,EAAkB,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAMzD,MAAM,UAAU,UAAU,CACtB,MAAW,EACX,UAA6B,EAAE;IAE/B,MAAM,EAAE,IAAI,GAAG,mBAAmB,EAAE,GAAG,OAAO,CAAC;IAE/C,OAAO,IAAI,kBAAkB,CAAkD;QACrE,KAAK;;gBACP,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC;gBACjC,OAAO;oBACH,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;oBAC1B,KAAK,EAAE,IAAI;iBACd,CAAC;YACN,CAAC;SAAA;QACK,KAAK,CAAC,IAAI;;gBACZ,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACzB,CAAC;SAAA;KACJ,CAAC,CAAC;AACP,CAAC"}
+{"version":3,"file":"push-server.js","sourceRoot":"","sources":["../src/push-server.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAA0B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAMzD,MAAM,UAAU,UAAU,CACtB,MAAW,EACX,UAA6B,EAAE;IAE/B,MAAM,EAAE,IAAI,GAAG,mBAAmB,EAAE,GAAG,OAAO,CAAC;IAE/C,IAAI,IAAc,CAAC;IACnB,OAAO,IAAI,kBAAkB,CAAa;QAChC,KAAK;;gBACP,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC;gBAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;SAAA;QACK,KAAK;;gBACP,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACzB,CAAC;SAAA;KACJ,CAAC,CAAC;AACP,CAAC"}

package/esm/utils.d.ts

@@ -1,4 +1,2 @@
 export declare function delay(time: number): Promise<void>;
-export declare function encodeUtf8(input: string): ArrayBuffer;
-export declare function decodeUtf8(buffer: ArrayBuffer): string;
 //# sourceMappingURL=utils.d.ts.map

package/esm/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIjD;AAKD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAErD;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEtD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIjD"}

package/esm/utils.js

@@ -3,12 +3,4 @@ export function delay(time) {
         globalThis.setTimeout(resolve, time);
     });
 }
-const Utf8Encoder = new TextEncoder();
-const Utf8Decoder = new TextDecoder();
-export function encodeUtf8(input) {
-    return Utf8Encoder.encode(input).buffer;
-}
-export function decodeUtf8(buffer) {
-    return Utf8Decoder.decode(buffer);
-}
 //# sourceMappingURL=utils.js.map

package/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,KAAK,CAAC,IAAY;IAC9B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACxB,UAAkB,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AACtC,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,MAAM,UAAU,UAAU,CAAC,KAAa;IACpC,OAAO,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAmB;IAC1C,OAAO,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,KAAK,CAAC,IAAY;IAC9B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACxB,UAAkB,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yume-chan/scrcpy",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "description": "TypeScript implementation of Scrcpy.",
   "keywords": [
     "adb",
@@ -29,10 +29,10 @@
   "main": "esm/index.js",
   "types": "esm/index.d.ts",
   "dependencies": {
-    "@yume-chan/adb": "^0.0.11",
+    "@yume-chan/adb": "^0.0.14",
     "@yume-chan/async": "^2.1.4",
-    "@yume-chan/event": "^0.0.10",
-    "@yume-chan/struct": "^0.0.10",
+    "@yume-chan/event": "^0.0.14",
+    "@yume-chan/struct": "^0.0.14",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
@@ -42,7 +42,7 @@
     "gh-release-fetch": "^2.0.4",
     "jest": "^27.5.1",
     "tinyh264": "^0.0.7",
-    "typescript": "next",
+    "typescript": "4.7.0-beta",
     "yuv-buffer": "^1.0.0",
     "yuv-canvas": "^1.2.7"
   },
@@ -57,5 +57,5 @@
     "build:watch": "build-ts-package --incremental",
     "test": "jest --coverage"
   },
-  "readme": "# @yume-chan/scrcpy\r\n\r\nTypeScript implementation of [Scrcpy](https://github.com/Genymobile/scrcpy) client.\r\n\r\nIt uses the official Scrcpy server releases.\r\n\r\n**WARNING:** The public API is UNSTABLE. If you have any questions, please open an issue.\r\n\r\n## Download Server Binary\r\n\r\nThis package has a script `fetch-scrcpy-server` to help you download the official server binary.\r\n\r\nThe server binary is subject to [Apache License 2.0](https://github.com/Genymobile/scrcpy/blob/master/LICENSE).\r\n\r\nUsage:\r\n\r\n```\r\n$ npx fetch-scrcpy-server <version>\r\n```\r\n\r\nFor example:\r\n\r\n```\r\n$ npx fetch-scrcpy-server 1.21\r\n```\r\n\r\nYou can also add it to the `postinstall` script of your `package.json` so it will run automatically when you do `npm install`:\r\n\r\n```json\r\n\"scripts\": {\r\n    \"postinstall\": \"fetch-scrcpy-server 1.21\",\r\n},\r\n```\r\n\r\nIt will download the binary to `bin/scrcpy` and write the version string to `bin/version.js`. You can import the version string with\r\n\r\n```js\r\nimport SCRCPY_SERVER_VERSION from '@yume-chan/scrcpy/bin/version';\r\n```\r\n\r\nAnd import the server binary with [file-loader](https://v4.webpack.js.org/loaders/file-loader/) (Webpack 4) or [Asset Modules](https://webpack.js.org/guides/asset-modules/) (Webpack 5).\r\n\r\n## Option versions\r\n\r\nScrcpy server has no backward compatibility on options input format. Currently the following versions are supported:\r\n\r\n| versions  | type                |\r\n| --------- | ------------------- |\r\n| 1.16~1.17 | `ScrcpyOptions1_16` |\r\n| 1.18~1.20 | `ScrcpyOptions1_18` |\r\n| 1.21      | `ScrcpyOptions1_21` |\r\n| 1.22      | `ScrcpyOptions1_22` |\r\n\r\nYou must use the correct type according to the server version.\r\n\r\n## Video stream\r\n\r\nThe data from `onVideoData` event is a raw H.264 stream. You can process it as you want, or use the following built-in decoders to render it in browsers:\r\n\r\n* WebCodecs decoder: Uses the [WebCodecs API](https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API). The video stream will be decoded into `VideoFrame`s and drawn on a 2D canvas.\r\n* TinyH264 decoder: TinyH264 compiles the old Android H.264 software decoder (now deprecated and removed) into WebAssembly, and wrap it in Web Worker to prevent blocking the main thread. The video stream will be decoded into YUV frames, then converted to RGB using a WebGL shader.\r\n\r\n| Name              | Chrome | Firefox | Safari | Performance                     | Supported H.264 profile/level |\r\n| ----------------- | ------ | ------- | ------ | ------------------------------- | ----------------------------- |\r\n| WebCodecs decoder | 94     | No      | No     | High with Hardware acceleration | High level 5                  |\r\n| TinyH264 decoder  | 57     | 52      | 11     | Poor                            | Baseline level 4              |\r\n\r\nTinyH264 decoder needs some extra setup:\r\n\r\n1. `tinyh264`, `yuv-buffer` and `yuv-canvas` packages are peer dependencies. You must install them separately.\r\n2. The bundler you use must support the `new Worker(new URL('./worker.js', import.meta.url))` syntax. It's known to work with Webpack 5.\r\n\r\nExample usage:\r\n\r\n```ts\r\nconst client = new ScrcpyClient(adb);\r\nconst decoder = new WebCodecsDecoder(); // Or `new TinyH264Decoder()`\r\nclient.onSizeChanged(size => decoder.setSize(size));\r\nclient.onVideoData(data => decoder.feed(data));\r\nclient.start(serverPath, serverVersion, new ScrcpyOptionsX_XX({\r\n    ...options,\r\n    codecOptions: new CodecOptions({\r\n        profile: decoder.maxProfile,\r\n        level: decoder.maxLevel,\r\n    }),\r\n}));\r\ndocument.body.appendChild(decoder.element);\r\n```\r\n"
+  "readme": "# @yume-chan/scrcpy\r\n\r\nTypeScript implementation of [Scrcpy](https://github.com/Genymobile/scrcpy) client.\r\n\r\nIt uses the official Scrcpy server releases.\r\n\r\n**WARNING:** The public API is UNSTABLE. If you have any questions, please open an issue.\r\n\r\n## Download Server Binary\r\n\r\nThis package has a script `fetch-scrcpy-server` to help you download the official server binary.\r\n\r\nThe server binary is subject to [Apache License 2.0](https://github.com/Genymobile/scrcpy/blob/master/LICENSE).\r\n\r\nUsage:\r\n\r\n```\r\n$ npx fetch-scrcpy-server <version>\r\n```\r\n\r\nFor example:\r\n\r\n```\r\n$ npx fetch-scrcpy-server 1.21\r\n```\r\n\r\nYou can also add it to the `postinstall` script of your `package.json` so it will run automatically when you do `npm install`:\r\n\r\n```json\r\n\"scripts\": {\r\n    \"postinstall\": \"fetch-scrcpy-server 1.21\",\r\n},\r\n```\r\n\r\nIt will download the binary to `bin/scrcpy` and write the version string to `bin/version.js`. You can import the version string with\r\n\r\n```js\r\nimport SCRCPY_SERVER_VERSION from '@yume-chan/scrcpy/bin/version';\r\n```\r\n\r\nAnd import the server binary with [file-loader](https://v4.webpack.js.org/loaders/file-loader/) (Webpack 4) or [Asset Modules](https://webpack.js.org/guides/asset-modules/) (Webpack 5).\r\n\r\n## Option versions\r\n\r\nScrcpy server has no backward compatibility on options input format. Currently the following versions are supported:\r\n\r\n| versions  | type                |\r\n| --------- | ------------------- |\r\n| 1.16~1.17 | `ScrcpyOptions1_16` |\r\n| 1.18~1.20 | `ScrcpyOptions1_18` |\r\n| 1.21      | `ScrcpyOptions1_21` |\r\n| 1.22      | `ScrcpyOptions1_22` |\r\n| 1.23      | `ScrcpyOptions1_23` |\r\n\r\nYou must use the correct type according to the server version.\r\n\r\n## Video stream\r\n\r\nThe data from `onVideoData` event is a raw H.264 stream. You can process it as you want, or use the following built-in decoders to render it in browsers:\r\n\r\n* WebCodecs decoder: Uses the [WebCodecs API](https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API). The video stream will be decoded into `VideoFrame`s and drawn on a 2D canvas.\r\n* TinyH264 decoder: TinyH264 compiles the old Android H.264 software decoder (now deprecated and removed) into WebAssembly, and wrap it in Web Worker to prevent blocking the main thread. The video stream will be decoded into YUV frames, then converted to RGB using a WebGL shader.\r\n\r\n| Name              | Chrome | Firefox | Safari | Performance                     | Supported H.264 profile/level |\r\n| ----------------- | ------ | ------- | ------ | ------------------------------- | ----------------------------- |\r\n| WebCodecs decoder | 94     | No      | No     | High with Hardware acceleration | High level 5                  |\r\n| TinyH264 decoder  | 57     | 52      | 11     | Poor                            | Baseline level 4              |\r\n\r\nTinyH264 decoder needs some extra setup:\r\n\r\n1. `tinyh264`, `yuv-buffer` and `yuv-canvas` packages are peer dependencies. You must install them separately.\r\n2. The bundler you use must support the `new Worker(new URL('./worker.js', import.meta.url))` syntax. It's known to work with Webpack 5.\r\n\r\nExample usage:\r\n\r\n```ts\r\nconst client = new ScrcpyClient(adb);\r\nconst decoder = new WebCodecsDecoder(); // Or `new TinyH264Decoder()`\r\nclient.onSizeChanged(size => decoder.setSize(size));\r\nclient.onVideoData(data => decoder.feed(data));\r\nclient.start(serverPath, serverVersion, new ScrcpyOptionsX_XX({\r\n    ...options,\r\n    codecOptions: new CodecOptions({\r\n        profile: decoder.maxProfile,\r\n        level: decoder.maxLevel,\r\n    }),\r\n}));\r\ndocument.body.appendChild(decoder.element);\r\n```\r\n"
 }

package/src/client.ts

@@ -1,4 +1,4 @@
-import { AdbBufferedStream, AdbNoneSubprocessProtocol, DecodeUtf8Stream, InspectStream, TransformStream, WritableStream, type Adb, type AdbSocket, type AdbSubprocessProtocol, type ReadableStream, type WritableStreamDefaultWriter } from '@yume-chan/adb';
+import { AdbBufferedStream, AdbSubprocessNoneProtocol, DecodeUtf8Stream, InspectStream, TransformStream, WritableStream, type Adb, type AdbSocket, type AdbSubprocessProtocol, type ReadableStream, type WritableStreamDefaultWriter } from '@yume-chan/adb';
 import { EventEmitter } from '@yume-chan/event';
 import Struct from '@yume-chan/struct';
 import { AndroidMotionEventAction, ScrcpyControlMessageType, ScrcpyInjectKeyCodeControlMessage, ScrcpyInjectTextControlMessage, ScrcpyInjectTouchControlMessage, type AndroidKeyEventAction } from './message.js';
@@ -81,7 +81,7 @@ export class ScrcpyClient {
                 {
                     // Scrcpy server doesn't split stdout and stderr,
                     // so disable Shell Protocol to simplify processing
-                    protocols: [AdbNoneSubprocessProtocol],
+                    protocols: [AdbSubprocessNoneProtocol],
                 }
             );
 
@@ -135,7 +135,7 @@ export class ScrcpyClient {
         adb: Adb,
         options: ScrcpyOptions<any>,
         process: AdbSubprocessProtocol,
-        videoStream: AdbBufferedStream,
+        videoStream: AdbSocket,
         controlStream: AdbSocket | undefined,
     ) {
         this._adb = adb;
@@ -155,8 +155,8 @@ export class ScrcpyClient {
                 },
             }));
 
-        this._videoStream = options
-            .parseVideoStream(videoStream)
+        this._videoStream = videoStream.readable
+            .pipeThrough(options.createVideoStreamTransformer())
             .pipeThrough(new InspectStream(packet => {
                 if (packet.type === 'configuration') {
                     this._screenWidth = packet.data.croppedWidth;

package/src/connection.ts

@@ -1,4 +1,4 @@
-import { Adb, AdbBufferedStream, AdbSocket } from "@yume-chan/adb";
+import type { Adb, AdbSocket } from "@yume-chan/adb";
 import type { Disposable } from "@yume-chan/event";
 import type { ValueOrPromise } from "@yume-chan/struct";
 import { delay } from "./utils.js";
@@ -29,7 +29,7 @@ export abstract class ScrcpyClientConnection implements Disposable {
 
     public initialize(): ValueOrPromise<void> { }
 
-    public abstract getStreams(): ValueOrPromise<[videoSteam: AdbBufferedStream, controlStream: AdbSocket | undefined]>;
+    public abstract getStreams(): ValueOrPromise<[videoSteam: AdbSocket, controlStream: AdbSocket | undefined]>;
 
     public dispose(): void { }
 }
@@ -50,26 +50,39 @@ export class ScrcpyClientForwardConnection extends ScrcpyClientConnection {
         throw new Error(`Can't connect to server after 100 retries`);
     }
 
-    private async connectVideoStream(): Promise<AdbBufferedStream> {
-        const socket = await this.connectAndRetry();
-        const stream = new AdbBufferedStream(socket);
+    private async connectVideoStream(): Promise<AdbSocket> {
+        const stream = await this.connectAndRetry();
         if (this.options.sendDummyByte) {
+            const reader = stream.readable.getReader();
+            const { done, value } = await reader.read();
             // server will write a `0` to signal connection success
-            await stream.read(1);
+            if (done || value.byteLength !== 1 || value[0] !== 0) {
+                throw new Error('Unexpected response from server');
+            }
+            reader.releaseLock();
         }
         return stream;
     }
 
-    public async getStreams(): Promise<[videoSteam: AdbBufferedStream, controlStream: AdbSocket | undefined]> {
+    public async getStreams(): Promise<[videoSteam: AdbSocket, controlStream: AdbSocket | undefined]> {
         const videoStream = await this.connectVideoStream();
+
         let controlStream: AdbSocket | undefined;
         if (this.options.control) {
             controlStream = await this.connectAndRetry();
         }
+
+        // Server only writes device meta after control socket is connected (if enabled)
         if (this.options.sendDeviceMeta) {
+            const reader = videoStream.readable.getReader();
+            const { done, value } = await reader.read();
             // 64 bytes device name + 2 bytes video width + 2 bytes video height
-            await videoStream.read(64 + 2 + 2);
+            if (done || value.byteLength !== 64 + 2 + 2) {
+                throw new Error('Unexpected response from server');
+            }
+            reader.releaseLock();
         }
+
         return [videoStream, controlStream];
     }
 }
@@ -90,27 +103,39 @@ export class ScrcpyClientReverseConnection extends ScrcpyClientConnection {
         const queue = new TransformStream<AdbSocket>();
         this.streams = queue.readable.getReader();
         const writer = queue.writable.getWriter();
-        this.address = await this.device.reverse.add('localabstract:scrcpy', 27183, {
-            onSocket: (packet, stream) => {
-                writer.write(stream);
+        this.address = await this.device.reverse.add(
+            'localabstract:scrcpy',
+            27183,
+            socket => {
+                writer.write(socket);
+                return true;
             },
-        });
+        );
     }
 
     private async accept(): Promise<AdbSocket> {
         return (await this.streams.read()).value!;
     }
 
-    public async getStreams(): Promise<[videoSteam: AdbBufferedStream, controlStream: AdbSocket | undefined]> {
-        const videoStream = new AdbBufferedStream(await this.accept());
+    public async getStreams(): Promise<[videoSteam: AdbSocket, controlStream: AdbSocket | undefined]> {
+        const videoStream = await this.accept();
+
         let controlStream: AdbSocket | undefined;
         if (this.options.control) {
             controlStream = await this.accept();
         }
+
+        // Server only writes device meta after control socket is connected (if enabled)
         if (this.options.sendDeviceMeta) {
+            const reader = videoStream.readable.getReader();
+            const { done, value } = await reader.read();
             // 64 bytes device name + 2 bytes video width + 2 bytes video height
-            await videoStream.read(64 + 2 + 2);
+            if (done || value.byteLength !== 64 + 2 + 2) {
+                throw new Error('Unexpected response from server');
+            }
+            reader.releaseLock();
         }
+
         return [videoStream, controlStream];
     }
 

package/src/decoder/web-codecs/index.ts

@@ -55,7 +55,8 @@ export class WebCodecsDecoder implements H264Decoder {
                         break;
                     case 'frame':
                         this.decoder.decode(new EncodedVideoChunk({
-                            type: 'key',
+                            // Treat `undefined` as `key`, otherwise won't decode.
+                            type: packet.keyframe === false ? 'delta' : 'key',
                             timestamp: 0,
                             data: packet.data,
                         }));

package/src/options/1_16/index.ts

@@ -1,4 +1,4 @@
-import { BufferedStreamEndedError, ReadableStream, TransformStream, type Adb, type AdbBufferedStream } from "@yume-chan/adb";
+import { StructDeserializeStream, TransformStream, type Adb } from "@yume-chan/adb";
 import Struct, { placeholder } from "@yume-chan/struct";
 import type { AndroidCodecLevel, AndroidCodecProfile } from "../../codec.js";
 import { ScrcpyClientConnection, ScrcpyClientForwardConnection, ScrcpyClientReverseConnection, type ScrcpyClientConnectionOptions } from "../../connection.js";
@@ -112,11 +112,11 @@ export interface ScrcpyOptionsInit1_16 {
 
 export const VideoPacket =
     new Struct()
-        .int64('pts')
+        .uint64('pts')
         .uint32('size')
         .uint8Array('data', { lengthField: 'size' });
 
-export const NoPts = BigInt(-1);
+export const NO_PTS = BigInt(1) << BigInt(63);
 
 export const ScrcpyBackOrScreenOnEvent1_16 =
     new Struct()
@@ -211,29 +211,28 @@ export class ScrcpyOptions1_16<T extends ScrcpyOptionsInit1_16 = ScrcpyOptionsIn
         return /\s+scrcpy --encoder-name '(.*?)'/;
     }
 
-    public parseVideoStream(stream: AdbBufferedStream): ReadableStream<VideoStreamPacket> {
+    public createVideoStreamTransformer(): TransformStream<Uint8Array, VideoStreamPacket> {
         // Optimized path for video frames only
         if (this.value.sendFrameMeta === false) {
-            return stream
-                .release()
-                .pipeThrough(new TransformStream<Uint8Array, VideoStreamPacket>({
-                    transform(chunk, controller) {
-                        controller.enqueue({
-                            type: 'frame',
-                            data: chunk,
-                        });
-                    },
-                }));
+            return new TransformStream({
+                transform(chunk, controller) {
+                    controller.enqueue({
+                        type: 'frame',
+                        data: chunk,
+                    });
+                },
+            });
         }
 
         let header: Uint8Array | undefined;
 
-        return new ReadableStream<VideoStreamPacket>({
-            async pull(controller) {
-                try {
-                    const { pts, data } = await VideoPacket.deserialize(stream);
-                    if (pts === NoPts) {
-                        const sequenceParameterSet = parse_sequence_parameter_set(data.slice().buffer);
+        let deserializeStream = new StructDeserializeStream(VideoPacket);
+        return {
+            writable: deserializeStream.writable,
+            readable: deserializeStream.readable.pipeThrough(new TransformStream({
+                transform(packet, controller) {
+                    if (packet.pts === NO_PTS) {
+                        const sequenceParameterSet = parse_sequence_parameter_set(packet.data.slice().buffer);
 
                         const {
                             profile_idc: profileIndex,
@@ -258,7 +257,7 @@ export class ScrcpyOptions1_16<T extends ScrcpyOptionsInit1_16 = ScrcpyOptionsIn
                         const croppedWidth = encodedWidth - cropLeft - cropRight;
                         const croppedHeight = encodedHeight - cropTop - cropBottom;
 
-                        header = data;
+                        header = packet.data;
                         controller.enqueue({
                             type: 'configuration',
                             data: {
@@ -280,28 +279,22 @@ export class ScrcpyOptions1_16<T extends ScrcpyOptionsInit1_16 = ScrcpyOptionsIn
 
                     let frameData: Uint8Array;
                     if (header) {
-                        frameData = new Uint8Array(header.byteLength + data.byteLength);
+                        frameData = new Uint8Array(header.byteLength + packet.data.byteLength);
                         frameData.set(header);
-                        frameData.set(data!, header.byteLength);
+                        frameData.set(packet.data, header.byteLength);
                         header = undefined;
                     } else {
-                        frameData = data;
+                        frameData = packet.data;
                     }
 
                     controller.enqueue({
                         type: 'frame',
+                        pts: packet.pts,
                         data: frameData,
                     });
-                } catch (e) {
-                    if (e instanceof BufferedStreamEndedError) {
-                        controller.close();
-                        return;
-                    }
-
-                    throw e;
                 }
-            }
-        });
+            }))
+        };
     }
 
     public serializeBackOrScreenOnControlMessage(

package/src/options/1_23.ts

@@ -0,0 +1,44 @@
+import { TransformStream } from "@yume-chan/adb";
+import { ScrcpyOptions1_22, type ScrcpyOptionsInit1_22 } from './1_22.js';
+import type { VideoStreamPacket } from "./common.js";
+
+export interface ScrcpyOptionsInit1_23 extends ScrcpyOptionsInit1_22 {
+    cleanup: boolean;
+}
+
+const KEYFRAME_PTS = BigInt(1) << BigInt(62);
+
+export class ScrcpyOptions1_23<T extends ScrcpyOptionsInit1_23 = ScrcpyOptionsInit1_23> extends ScrcpyOptions1_22<T> {
+    public constructor(init: Partial<ScrcpyOptionsInit1_23>) {
+        super(init);
+    }
+
+    protected override getDefaultValue(): T {
+        return {
+            ...super.getDefaultValue(),
+            cleanup: true,
+        };
+    }
+
+    public override createVideoStreamTransformer(): TransformStream<Uint8Array, VideoStreamPacket> {
+        const superStream = super.createVideoStreamTransformer();
+        return {
+            writable: superStream.writable,
+            readable: superStream.readable.pipeThrough(new TransformStream({
+                transform(packet, controller): void {
+                    if (packet.type !== 'frame') {
+                        controller.enqueue(packet);
+                        return;
+                    }
+
+                    if (packet.pts !== undefined && packet.pts & KEYFRAME_PTS) {
+                        packet.keyframe = true;
+                        packet.pts &= ~KEYFRAME_PTS;
+                    }
+
+                    controller.enqueue(packet);
+                }
+            }))
+        };
+    }
+}

package/src/options/1_24.ts

@@ -0,0 +1,18 @@
+import { ScrcpyOptions1_23, type ScrcpyOptionsInit1_23 } from './1_23.js';
+
+export interface ScrcpyOptionsInit1_24 extends ScrcpyOptionsInit1_23 {
+    powerOn: boolean;
+}
+
+export class ScrcpyOptions1_24<T extends ScrcpyOptionsInit1_24 = ScrcpyOptionsInit1_24> extends ScrcpyOptions1_23<T> {
+    public constructor(init: Partial<ScrcpyOptionsInit1_24>) {
+        super(init);
+    }
+
+    protected override getDefaultValue(): T {
+        return {
+            ...super.getDefaultValue(),
+            powerOn: true,
+        };
+    }
+}

package/src/options/common.ts

@@ -1,4 +1,4 @@
-import type { Adb, AdbBufferedStream, ReadableStream } from "@yume-chan/adb";
+import type { Adb, TransformStream } from "@yume-chan/adb";
 import type { ScrcpyClientConnection } from "../connection.js";
 import type { H264Configuration } from "../decoder/index.js";
 import type { ScrcpyBackOrScreenOnEvent1_18 } from "./1_18.js";
@@ -35,6 +35,8 @@ export interface VideoStreamConfigurationPacket {
 
 export interface VideoStreamFramePacket {
     type: 'frame';
+    keyframe?: boolean | undefined;
+    pts?: bigint | undefined;
     data: Uint8Array;
 }
 
@@ -49,7 +51,7 @@ export interface ScrcpyOptions<T> {
 
     createConnection(adb: Adb): ScrcpyClientConnection;
 
-    parseVideoStream(stream: AdbBufferedStream): ReadableStream<VideoStreamPacket>;
+    createVideoStreamTransformer(): TransformStream<Uint8Array, VideoStreamPacket>;
 
     serializeBackOrScreenOnControlMessage(
         message: ScrcpyBackOrScreenOnEvent1_18,

package/src/options/index.ts

@@ -2,4 +2,6 @@ export * from './1_16/index.js';
 export * from './1_18.js';
 export * from './1_21.js';
 export * from './1_22.js';
+export * from './1_23.js';
+export * from './1_24.js';
 export * from './common.js';

package/src/push-server.ts

@@ -1,4 +1,4 @@
-import { Adb, AdbSync, WrapWritableStream, WritableStream } from "@yume-chan/adb";
+import { WrapWritableStream, type Adb, type AdbSync } from "@yume-chan/adb";
 import { DEFAULT_SERVER_PATH } from "./options/index.js";
 
 export interface PushServerOptions {
@@ -11,15 +11,13 @@ export function pushServer(
 ) {
     const { path = DEFAULT_SERVER_PATH } = options;
 
-    return new WrapWritableStream<Uint8Array, WritableStream<Uint8Array>, AdbSync>({
+    let sync!: AdbSync;
+    return new WrapWritableStream<Uint8Array>({
         async start() {
-            const sync = await device.sync();
-            return {
-                writable: sync.write(path),
-                state: sync,
-            };
+            sync = await device.sync();
+            return sync.write(path);
         },
-        async close(sync) {
+        async close() {
             await sync.dispose();
         },
     });

package/src/utils.ts

@@ -3,14 +3,3 @@ export function delay(time: number): Promise<void> {
         (globalThis as any).setTimeout(resolve, time);
     });
 }
-
-const Utf8Encoder = new TextEncoder();
-const Utf8Decoder = new TextDecoder();
-
-export function encodeUtf8(input: string): ArrayBuffer {
-    return Utf8Encoder.encode(input).buffer;
-}
-
-export function decodeUtf8(buffer: ArrayBuffer): string {
-    return Utf8Decoder.decode(buffer);
-}