yjz-web-sdk 1.0.0 → 1.0.2-beta.0

package/lib/components/RemotePlayer/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/composables/useCursorStyle.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export default function useCursorStyle(cursorType: Ref<number>): any;

package/lib/composables/useDeviceMode.d.ts

@@ -0,0 +1,6 @@
+export default function useDeviceMode(): {
+    isMobile: any;
+    checkDeviceMode: () => void;
+    checkTouchSupport: () => void;
+    handleUp: () => void;
+};

package/lib/composables/useKeyboardControl.d.ts

@@ -0,0 +1,6 @@
+import { ChannelDataType } from "../core/data/WebrtcDataType.ts";
+import { type Ref } from "vue";
+export default function useKeyboardControl(disabled: Ref<boolean>, emit: (event: 'channelEvent', payload: ChannelDataType, data: any) => void): {
+    startListening: () => void;
+    stopListening: () => void;
+};

package/lib/composables/useMouseTouchControl.d.ts

@@ -0,0 +1,25 @@
+import type { Ref } from 'vue';
+import { ChannelDataType } from "../core/data/WebrtcDataType.ts";
+import type { Dimension } from "../components/RemotePlayer/index.ts";
+interface MouseTouchControlOptions {
+    isMobile: Ref<boolean>;
+    remoteVideoElement: Ref<HTMLVideoElement | null>;
+    cloudDeviceSize: Ref<Dimension>;
+    streamAngle: Ref<number>;
+    videoAngle: Ref<number>;
+    widthRadio: Ref<number>;
+    emit: (event: 'channelEvent', payload: ChannelDataType, data: any) => void;
+}
+export default function useMouseTouchControl(options: MouseTouchControlOptions): {
+    isPointerDown: any;
+    onTouchStart: (e: TouchEvent) => void;
+    onTouchMove: (e: TouchEvent) => void;
+    onTouchEnd: (e: TouchEvent) => void;
+    handleMouseDown: (event: PointerEvent) => void;
+    handleMouseMove: (event: PointerEvent) => void;
+    handleMouseEnter: (event: PointerEvent) => void;
+    handleMouseUp: (event: PointerEvent) => void;
+    handleMouseLeave: (event: PointerEvent) => void;
+    handleWheel: (e: WheelEvent) => void;
+};
+export {};

package/lib/composables/useRemoteVideo.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export default function useRemoteVideo(videoContainer: Ref<HTMLElement | null>, remoteVideoElement: Ref<HTMLVideoElement | null>, videoAngle: Ref<number>): {
+    videoSize: any;
+    remoteVideo: any;
+    dimensions: any;
+    widthRadio: any;
+    heightRadio: any;
+    screenStatus: any;
+    initVideoContainer: () => void;
+    startPlay: (track: MediaStreamTrack) => void;
+    stopPlay: () => void;
+};

package/lib/composables/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+import type { Ref } from 'vue';
+import type { Dimension } from "../components/RemotePlayer/index.ts";
+export default function useResizeObserver(target: Ref<HTMLElement | null>, dimension: Ref<Dimension>): void;

package/lib/core/data/WebRtcError.d.ts

@@ -34,5 +34,6 @@ export declare enum EmitType {
     streamTrack = "streamTrack",
     iceConnectionState = "iceConnectionState",
     cloudStatusChanged = "cloudStatusChanged",
-    statisticInfo = "statisticInfo"
+    statisticInfo = "statisticInfo",
+    cloudClipData = "cloudClipData"
 }

package/lib/core/data/{WebRTCDataType.d.ts → WebrtcDataType.d.ts}

@@ -5,13 +5,43 @@ export declare enum ChannelDataType {
     ActionInput = "ActionInput",
     ActionChinese = "ActionChinese",
     ActionRequestCloudDeviceInfo = "ActionRequestCloudDeviceInfo",
-    ActionClarity = "ActionClarity"
+    ActionClarity = "ActionClarity",
+    ActionWheel = "ActionWheel",
+    CloudClipData = "CloudClipData",
+    ActionCommandEvent = "ActionCommandEvent",
+    ActionUpdateCloudStatus = "ActionUpdateCloudStatus",
+    ActionGesture = "ActionGesture"
 }
-export declare const ActionType: Readonly<{
-    ACTION_DOWN: 0;
-    ACTION_MOVE: 2;
-    ACTION_UP: 1;
-}>;
+export declare enum ActionCommandType {
+    /**
+     * 执行云机back
+     */
+    ActionBack = "ActionBack",
+    /**
+     * 执行云机Home
+     */
+    ActionHome = "ActionHome",
+    /**
+     * 执行云机Recent
+     */
+    ActionRecent = "ActionRecent",
+    /**
+     * 切换到虚拟按键模式
+     */
+    ActionSwitchNavButtons = "ActionSwitchNavButtons",
+    /**
+     * 切换到手势模式
+     */
+    ActionSwitchNavGestural = "ActionSwitchNavGestural"
+}
+export interface ActionCommand {
+    type: ActionCommandType;
+}
+export declare const ActionType: {
+    readonly ACTION_DOWN: 0;
+    readonly ACTION_MOVE: 2;
+    readonly ACTION_UP: 1;
+};
 export type ActionType = typeof ActionType[keyof typeof ActionType];
 export declare const StreamRotation: {
     readonly ROTATION_0: 0;
@@ -44,6 +74,13 @@ export declare class InputData {
     text: string;
     constructor(text: string);
 }
+/**
+ * WheelData - 鼠标滚动事件
+ */
+export declare class WheelData {
+    axis: number;
+    constructor(axis: number);
+}
 /**
  * KeyEventData - 键盘事件数据类，包含键码及修饰状态
  */
@@ -52,6 +89,13 @@ export declare class KeyEventData {
     meta: number;
     constructor(keyCode: number, meta: number);
 }
+/**
+ * GestureData - 导航模式
+ */
+export declare class GestureData {
+    mode: number;
+    constructor(mode: number);
+}
 export declare class ChannelData {
     type: ChannelDataType;
     data: string | null;
@@ -68,22 +112,33 @@ export declare class ChannelData {
      * 生成点击数据
      * @param touchData 触摸数据，可以是任意类型
      */
-    static click(touchData: unknown): ChannelData;
+    static click(touchData: any): ChannelData;
+    static action(actionData: any): ChannelData;
     /**
      * 生成剪贴板数据
      * @param data 剪贴板数据，可以是字符串或其他类型
      */
-    static clipboard(data: unknown): ChannelData;
+    static clipboard(data: any): ChannelData;
     /**
      * 生成输入数据
      * @param data 输入数据对象
      */
-    static input(data: unknown): ChannelData;
+    static input(data: any): ChannelData;
+    /**
+     * 生成鼠标滚动数据
+     * @param data 输入数据对象
+     */
+    static wheel(data: any): ChannelData;
+    /**
+     * 切换手势模式数据
+     * @param data 输入数据对象
+     */
+    static gesture(data: any): ChannelData;
     /**
      * 生成中文输入数据
      * @param data 中文输入数据
      */
-    static chinese(data: unknown): ChannelData;
+    static chinese(data: any): ChannelData;
     /**
      * 生成请求云设备信息数据
      */
@@ -92,7 +147,7 @@ export declare class ChannelData {
      * 生成清晰度数据（clarity）
      * @param data 清晰度数据
      */
-    static clarity(data: unknown): ChannelData;
+    static clarity(data: any): ChannelData;
 }
 export interface RTCStatsReportExtended extends RTCStatsReport {
     get(id: string): RTCStats | undefined;
@@ -110,4 +165,5 @@ export interface CloudStatusPayload {
     direction: number;
     screenWidth: number;
     screenHeight: number;
+    gestureMode: number;
 }

package/lib/core/rtc/WebRTCClient.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from 'eventemitter3';
-import { ChannelDataType } from '../data/WebRTCDataType';
 import type { WebRTCConfig } from "./WebRTCConfig.ts";
+import { ChannelDataType } from "../data/WebrtcDataType.ts";
 export declare class WebRTCClient extends EventEmitter {
-    private config;
+    private readonly config;
     private peerConnection;
     private localStream;
     private isPushingStream;
@@ -14,16 +14,15 @@ export declare class WebRTCClient extends EventEmitter {
     private lastPacketsReceived;
     private lostPacketCount;
     private maxLostRate;
-    private decodedCount;
     private lastSecondDecodedCount;
     constructor(config: WebRTCConfig);
     startPush(): Promise<void>;
-    handleOffer(offerSdp: RTCSessionDescriptionInit): void;
-    handleAnswer(answerSdp: RTCSessionDescriptionInit): void;
+    handleOffer(offerSdp: string): void;
+    handleAnswer(answerSdp: string): void;
     handleIceCandidate(candidate: RTCIceCandidateInit): void;
     sendChannelData(type: ChannelDataType, data: any): void;
     closeConnection(): void;
-    private readyCapture;
+    readyCapture(): Promise<void>;
     private getRotatedStream;
     private setVideoParams;
     stopPush(): void;

package/lib/core/util/KeyCodeUtil.d.ts

@@ -5,8 +5,8 @@
  */
 export declare const computeAndroidMetaState: (event: KeyboardEvent) => number;
 export interface KeyEventData {
-    androidKeyCode: number;
-    metaState: number;
+    keyCode: number;
+    meta: number;
 }
 /**
  * 根据 KeyboardEvent 生成 Android 平台下的按键数据

package/lib/index.d.ts

@@ -1,6 +1,7 @@
-import { WebRTCSdk } from './core/WebRTCSdk.ts';
-import { getKeyEventData } from "./core/util/KeyCodeUtil.ts";
-import { transformCoordinate, valueToPercentage } from "./core/util/ScreenControlUtil.ts";
-import { ActionType, ChannelDataType, ContainerDirection, InputData, KeyEventData, TouchData } from "./core/data/WebrtcDataType.ts";
-import { EmitType } from "./core/data/WebRtcError.ts";
-export { WebRTCSdk, getKeyEventData, transformCoordinate, valueToPercentage, ActionType, ChannelDataType, InputData, KeyEventData, TouchData, ContainerDirection, EmitType };
+import { WebRTCSdk } from './core/WebRTCSdk';
+import { getKeyEventData } from "./core/util/KeyCodeUtil";
+import { transformCoordinate, valueToPercentage } from "./core/util/ScreenControlUtil";
+import { ActionType, ChannelDataType, ContainerDirection, InputData, KeyEventData, TouchData, WheelData, GestureData, type ActionCommand, ActionCommandType } from "./core/data/WebrtcDataType";
+import { EmitType } from "./core/data/WebRtcError";
+import RemotePlayer from './components/RemotePlayer/index.vue';
+export { WebRTCSdk, getKeyEventData, transformCoordinate, valueToPercentage, ActionType, ChannelDataType, InputData, KeyEventData, TouchData, ContainerDirection, EmitType, WheelData, GestureData, type ActionCommand, ActionCommandType, RemotePlayer };

package/lib/yjz-web-sdk.css

@@ -0,0 +1 @@
+.vContainer[data-v-7587342f]{transition:transform .2s linear}.flex[data-v-7587342f]{display:flex}.flex-1[data-v-7587342f]{flex:1 1 0}.items-center[data-v-7587342f]{align-items:center}.justify-center[data-v-7587342f]{justify-content:center}.video-control[data-v-7587342f]{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.circle-cursor[data-v-7587342f]{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23fff'%20opacity='.6'/%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%23000'%20opacity='.6'/%3e%3c/svg%3e") 12 12,auto}.triangle-cursor[data-v-7587342f]{cursor:url("data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%3e%3cpath%20d='M143.832313%205.834982H143.686438A108.676545%20108.676545%200%200%200%205.834982%20143.686438l34.499333-11.815839-34.499333%2011.815839%200.072938%200.218812%200.145874%200.437624%200.583498%201.750494%202.333993%206.71023%208.752474%2025.528047L49.232663%20269.867929a2254749.467572%202254749.467572%200%200%201%20223.917444%20652.351017l9.335972%2027.205605%202.552804%207.585476%200.729373%202.188119a72.572592%2072.572592%200%200%200%20126.181491%2040.844876%2072.134968%2072.134968%200%200%200%2014.076895-18.963693c3.282178-6.41848%205.689108-13.639271%208.023101-20.3495l0.072937-0.291749%2072.572592-209.329989%2047.409231-136.830334%2015.53564-44.710551%200.145874-0.364687%200.510561-0.145874%2045.002301-15.900327%20137.486769-48.649165c99.340573-35.228705%20202.984445-71.989094%20209.913487-74.906584l3.355115-1.312871c8.023101-3.136303%2022.391744-8.606599%2033.915834-20.130689a72.499655%2072.499655%200%200%200%200-102.549813L999.240712%20304.877823c-1.823432-1.969307-7.293728-7.731351-13.274585-11.961714a89.056417%2089.056417%200%200%200-27.205605-12.3264h-0.145874l-2.552805-0.875247L948.184617%20277.161657l-27.86204-9.263034-94.672588-31.800653A405018.007245%20405018.007245%200%200%201%20268.919745%2048.138604L178.039896%2017.504947%20152.657723%208.752473%20145.874556%206.637292%20144.196999%205.90792%20143.832313%205.834982z'%20fill='%23000000'%20opacity='.7'%3e%3c/path%3e%3c/svg%3e") 1 1,auto}.default-cursor[data-v-7587342f]{cursor:default}.no-events[data-v-7587342f]{pointer-events:none!important}