@cloud-app-dev/vidc 3.2.18 → 3.2.19

package/es/Picture/index.d.ts

@@ -0,0 +1,18 @@
+import type { IPictureProps } from './interface';
+import './index.less';
+declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;
+declare namespace Picture {
+    var defaultProps: {
+        width: string;
+        height: string;
+        className: string;
+        minHeight: number;
+        disabledDrag: boolean;
+        isOpenSelect: boolean;
+        disabledDrawMenu: boolean;
+        menus: never[];
+        rects: never[];
+        hasTool: boolean;
+    };
+}
+export default Picture;

package/es/Picture/loadCaptureRectImage.d.ts

@@ -0,0 +1,8 @@
+import { ImageType } from './interface';
+export declare function loadCaptureRectImage(image: HTMLImageElement, rect: number[], imageType: ImageType): Promise<string>;
+export declare function getRectImagePath(sourceImage: HTMLImageElement, cuurentImage: HTMLImageElement, rect: number[], options?: {
+    scale: number;
+    rotate: number;
+    x: number;
+    y: number;
+}): string | null;

package/es/Picture/useDraw.d.ts

@@ -0,0 +1 @@
+export default function useDraw(dom: HTMLElement, open?: boolean): [number[], boolean];

package/es/Picture/utils.d.ts

@@ -0,0 +1,21 @@
+import { ImageType, RectType } from './interface';
+export declare function customContextMenu(e: any): boolean;
+export declare function cloneImageNode(image: HTMLImageElement): Promise<Node>;
+export declare function getCaptureRect(rect: number[], type: ImageType): number[];
+export declare function computedRectScale({ imageSource, domImg, rects }: {
+    imageSource: HTMLImageElement;
+    domImg: HTMLImageElement;
+    rects: RectType[];
+}): {
+    rect: any;
+    type: ImageType;
+    needExpand?: boolean | undefined;
+    imgId?: string | undefined;
+    area?: number | undefined;
+    tags?: import("./interface").TagItemType[] | undefined;
+    imgUrl?: string | undefined;
+    isDefault?: boolean | undefined;
+    dupId?: string | undefined;
+    lowQuality?: boolean | undefined;
+    base64?: string | undefined;
+}[];

package/es/Player/api/index.d.ts

@@ -0,0 +1,68 @@
+import Flvjs from '@cloud-app-dev/flv.js';
+import Hls, { HlsConfig } from 'hls.js';
+import type { FlvPlayerConfig } from '../player';
+declare class Api {
+    container: HTMLElement;
+    constructor(container: HTMLElement);
+    get video(): HTMLVideoElement | null;
+    play: () => void;
+    pause: () => void;
+    get paused(): boolean | undefined;
+    get muted(): boolean | undefined;
+    /**
+     * 设置currentTime实现seek
+     * @param {*} seconds
+     */
+    seekTo: (seconds: number) => void;
+    setVolume: (fraction: number) => void;
+    getVolume: () => number | undefined;
+    mute: () => void;
+    unmute: () => void;
+    /**
+     * 开启画中画功能
+     */
+    requestPictureInPicture: () => void;
+    /**
+     * 关闭画中画功能
+     */
+    exitPictureInPicture: () => void;
+    /**
+     * 设置播放速率
+     * @param {*} rate
+     */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * 获取视频总时长
+     */
+    getDuration: () => number | undefined;
+    /**
+     * 获取当前播放时间
+     */
+    getCurrentTime: () => number | undefined;
+    /**
+     * 获取缓存时间
+     */
+    getSecondsLoaded: () => number;
+    /**
+     * 获取当前视频缓存的起止时间
+     */
+    getBufferedTime: () => number[];
+    /**
+     * 视频截屏方法
+     */
+    snapshot: () => string;
+    unload: () => void;
+    reload: () => void;
+    toggleFit: () => void;
+    openFpsPlay: () => void;
+    closeFpsPlay: () => void;
+    destroy: () => void;
+}
+export declare type TypeAndPlay = {
+    type?: string;
+    flv?: Flvjs.Player;
+    hls?: Hls;
+};
+export declare function useTypeAndPlay(url?: string, type?: string, isLive?: boolean, container?: HTMLElement, segments?: Flvjs.MediaSegment[], flvConfig?: FlvPlayerConfig, hlsConfig?: HlsConfig): [string, Flvjs.Player, Hls];
+export declare function usePlayerApi(url?: string, type?: string, isLive?: boolean, container?: HTMLElement, segments?: Flvjs.MediaSegment[], flvConfig?: FlvPlayerConfig, hlsConfig?: HlsConfig): [Api | undefined, [string, Flvjs.Player, Hls]];
+export default Api;

package/es/Player/context.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type Api from './api';
+import type VideoEventInstance from './event';
+export interface IPlayerContextProps {
+    /**
+     * @description 用于获取微应用顶层的dom节点
+     */
+    container?: HTMLElement;
+    api?: Api;
+    event?: VideoEventInstance;
+    isLive?: boolean;
+    isFpsPlay: boolean;
+    children: React.ReactNode;
+}
+export declare const Context: React.Context<Omit<IPlayerContextProps, "children">>;
+export declare function Provider({ children, ...props }: IPlayerContextProps): JSX.Element;
+export declare namespace Provider {
+    var defaultProps: {
+        getContainer: () => HTMLElement;
+    };
+}

package/es/Player/contraller_bar/bar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IBarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    visibel?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Bar({ visibel, className, children, ...props }: IBarProps): JSX.Element | null;
+export default Bar;

package/es/Player/contraller_bar/contraller_event.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IContrallerEventProps {
+    children?: React.ReactNode;
+}
+declare function ContrallerEvent({ children }: IContrallerEventProps): JSX.Element;
+export default ContrallerEvent;

package/es/Player/contraller_bar/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import '../style/bar.less';
+interface IContrallerBarProps {
+    rightExtContents: React.ReactNode;
+    rightMidExtContents: React.ReactNode;
+    visibel?: boolean;
+    leftExtContents: React.ReactNode;
+    leftMidExtContents: React.ReactNode;
+    reload: () => void;
+    hideTimeProgress?: boolean;
+    oneFpsPlay?: boolean;
+}
+declare function ContrallerBar({ rightExtContents, rightMidExtContents, visibel, leftExtContents, leftMidExtContents, reload, hideTimeProgress, oneFpsPlay, }: IContrallerBarProps): JSX.Element;
+export default ContrallerBar;

package/es/Player/contraller_bar/left_bar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ILeftBarProps {
+    leftExtContents?: React.ReactNode;
+    leftMidExtContents?: React.ReactNode;
+    reload: () => void;
+    hideTimeProgress?: boolean;
+    oneFpsPlay?: boolean;
+}
+declare function LeftBar({ reload, leftExtContents, leftMidExtContents, hideTimeProgress, oneFpsPlay }: ILeftBarProps): JSX.Element;
+export default LeftBar;

package/es/Player/contraller_bar/right_bar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IRightBarProps {
+    visibel?: boolean;
+    rightExtContents: React.ReactNode;
+    rightMidExtContents: React.ReactNode;
+}
+declare function RightBar({ rightExtContents, rightMidExtContents }: IRightBarProps): JSX.Element;
+export default RightBar;

package/es/Player/contraller_bar/time.d.ts

@@ -0,0 +1,2 @@
+declare function Time(): JSX.Element;
+export default Time;

package/es/Player/contraller_bar/useBarStatus.d.ts

@@ -0,0 +1,2 @@
+declare function useBarStatus(): number;
+export default useBarStatus;

package/es/Player/contraller_bar/volume.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type Api from '../api';
+import '../style/volume.less';
+declare function Volume({ api, style }: {
+    api?: Api;
+    style?: React.CSSProperties;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Volume>;
+export default _default;

package/es/Player/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/Player/empty.d.ts

@@ -0,0 +1 @@
+export default function Empty(): JSX.Element;

package/es/Player/event/errorEvent.d.ts

@@ -0,0 +1,14 @@
+import Flvjs from '@cloud-app-dev/flv.js';
+import Hls from 'hls.js';
+import type VideoEventInstance from '.';
+interface IErrorEventProps {
+    event?: VideoEventInstance;
+    errorReloadTimer: number;
+    flv: Flvjs.Player;
+    hls: Hls;
+    reload: () => void;
+    unload: () => void;
+    errorHandleAdapter?: (errorInfo: any) => boolean;
+}
+declare function useErrorEvent({ event, reload, unload, errorReloadTimer, flv, hls, errorHandleAdapter }: IErrorEventProps): void;
+export default useErrorEvent;

package/es/Player/event/eventName.d.ts

@@ -0,0 +1,18 @@
+declare const Events: {
+    RELOAD: string;
+    RELOAD_FAIL: string;
+    RELOAD_SUCCESS: string;
+    ERROR: string;
+    ERROR_RELOAD: string;
+    HISTORY_PLAY_END: string;
+    PLAY_ENDED: string;
+    SEEK: string;
+    TRANSFORM: string;
+    CHANGE_PLAY_INDEX: string;
+    HIDE_CONTRALLER: string;
+    SHOW_CONTRALLER: string;
+    CLEAR_ERROR_TIMER: string;
+    CANVAS_PAUSE: string;
+    CANVAS_PLAY: string;
+};
+export default Events;

package/es/Player/event/index.d.ts

@@ -0,0 +1,24 @@
+import type { CustomEvent, EventInfo } from '../player';
+declare class VideoEventInstance {
+    video: HTMLVideoElement;
+    events: {
+        [key: string]: EventInfo;
+    };
+    playerEvents: {
+        [key: string]: (() => void)[];
+    };
+    constructor(video: HTMLVideoElement);
+    on(eventName: string, handle: () => void): void;
+    addEventListener(eventName: string, handle: () => void): void;
+    removeEventListener(eventName: string, handle: () => void): void;
+    emit(eventName: string, ...data: any): void;
+    off(eventName: string, handle: () => void): void;
+    destroy(): void;
+}
+declare type PlayEvent = VideoEventInstance;
+export declare function usePlayerEvent(video?: HTMLVideoElement): PlayEvent | undefined;
+export declare function useVideoEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
+export declare function useRegisterPlayerEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
+export declare function useVideoEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
+export declare function useRegisterPlayerEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
+export default VideoEventInstance;

package/es/Player/fps_play.d.ts

@@ -0,0 +1,10 @@
+import type Api from './api';
+import type VideoEventInstance from './event';
+interface IFPSPlay {
+    api?: Api;
+    event?: VideoEventInstance;
+    fpsDelay?: number;
+    fps?: number;
+}
+declare function FPSPlay({ api, event, fpsDelay, fps }: IFPSPlay): JSX.Element;
+export default FPSPlay;

package/es/Player/frontend_player.d.ts

@@ -0,0 +1,7 @@
+import type { IFrontendPlayerProps } from './player';
+/**
+ * @desc 主组件，负责片段整体逻辑控制
+ * @return JSX.Element
+ */
+declare function FrontendPlayer({ url, begin, end, onSeek, forwordRef, customTimeLine, onCanPlayerInit, ...props }: IFrontendPlayerProps): JSX.Element;
+export default FrontendPlayer;

package/es/Player/frontend_timeline.d.ts

@@ -0,0 +1,9 @@
+import './style/timeline.less';
+interface ITimeLineProps {
+    duration: number;
+    begin: number;
+    end: number;
+    onSeek?: (time: number) => void;
+}
+declare function FrontendTimeLine({ duration, begin, end, onSeek }: ITimeLineProps): JSX.Element;
+export default FrontendTimeLine;

package/es/Player/iconfont.d.ts

@@ -0,0 +1,4 @@
+import { IIconFontProps } from '../IconFont';
+import './style/iconfont.js';
+declare function IconFont({ className, ...props }: IIconFontProps): JSX.Element;
+export default IconFont;

package/es/Player/index.d.ts

@@ -0,0 +1,2 @@
+import SinglePlayer from './single_player';
+export default SinglePlayer;

package/es/Player/live_heart.d.ts

@@ -0,0 +1,8 @@
+import type Api from './api';
+import type VideoEventInstance from './event';
+declare function useLiveHeart({ api, event, isLive }: {
+    api?: Api;
+    event?: VideoEventInstance;
+    isLive?: boolean;
+}): void;
+export default useLiveHeart;

package/es/Player/message.d.ts

@@ -0,0 +1,4 @@
+import './style/message.less';
+declare function VideoMessage(): JSX.Element;
+export declare const NoSource: () => JSX.Element;
+export default VideoMessage;

package/es/Player/segment_player.d.ts

@@ -0,0 +1,8 @@
+import type { ISegmentPlayerProps } from './player';
+/**
+ * @desc 主组件，负责片段整体逻辑控制
+ * @param param0
+ * @returns
+ */
+declare function SegmentPlayer({ segments, begin, forwordRef, defaultIndex, onCanPlayerInit, customTimeLine, ...props }: ISegmentPlayerProps): JSX.Element;
+export default SegmentPlayer;

package/es/Player/segment_timeline.d.ts

@@ -0,0 +1,11 @@
+import type { ISegmentType } from './player';
+import './style/timeline.less';
+interface ITimeLineProps {
+    index: number;
+    segments: ISegmentType[];
+    duration: number;
+    begin: number;
+    seekTo: (time: number) => void;
+}
+declare function SegmentTimeLine({ index, segments, duration, begin, seekTo }: ITimeLineProps): JSX.Element;
+export default SegmentTimeLine;

package/es/Player/single_player.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ExportPlayerType, ISinglePlayerProps } from './player';
+import './style/index.less';
+declare const SinglePlayer: React.ForwardRefExoticComponent<ISinglePlayerProps & React.RefAttributes<ExportPlayerType>>;
+export default SinglePlayer;

package/es/Player/timeline.d.ts

@@ -0,0 +1,4 @@
+import './style/timeline.less';
+export declare function useTimes(): any[];
+declare function TimeLine(): JSX.Element;
+export default TimeLine;

package/es/Player/util.d.ts

@@ -0,0 +1,42 @@
+import Flvjs from '@cloud-app-dev/flv.js';
+import Hls, { HlsConfig } from 'hls.js';
+import type { FlvPlayerConfig } from './player';
+export declare function tryCatch(fn: () => void | Promise<any>): Promise<void>;
+/**
+ * 创建HLS对象
+ * @param {*} video
+ * @param {*} URL
+ */
+export declare function createHlsPlayer(video: HTMLVideoElement, url?: string, isLive?: boolean, hlsConfig?: HlsConfig): Hls | undefined;
+/**
+ * 创建FLV对象
+ * @param {*} video
+ * @param {*} options
+ */
+export declare function createFlvPlayer(video: HTMLVideoElement, url?: string, isLive?: boolean, flvConfig?: FlvPlayerConfig): Flvjs.Player | undefined;
+/**
+ * video unload
+ * @param video
+ * @param flv
+ * @param hls
+ * @returns
+ */
+export declare const playUnload: (video?: HTMLVideoElement, flv?: any, hls?: any) => void;
+/**
+ * reload
+ * @param video
+ * @param event
+ * @param flv
+ * @param hls
+ * @param url
+ */
+export declare const playReload: (video?: HTMLVideoElement, event?: any, flv?: any, hls?: any, url?: string) => undefined;
+/**
+ * 获取播放文件类型
+ * @param {*} url
+ */
+export declare function getVideoType(url?: string): "flv" | "native" | "hls";
+export declare function timeStamp(second: number): string;
+export declare function getRandom(): string;
+export declare const FMT = "YYYY-MM-DD HH:mm:ss";
+export declare function getDomStyleValue(dom: HTMLElement, styleKey: string): string;

package/es/PlayerExt/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/PlayerExt/index.d.ts

@@ -0,0 +1,47 @@
+import { ISegmentType } from "../Player/player";
+import './index.less';
+export declare type PlayModeType = 1 | 2;
+export interface IPluginProps {
+    url?: string;
+    children: JSX.Element;
+    /**
+     * @description 模式1浏览器模式，2插件模式
+     * @default 1
+     */
+    mode?: PlayModeType;
+    /**
+     * @description 插件下载地址
+     */
+    pluginDownloadUrl?: string;
+    /**
+     * @description 插件模式下传递的参数 ’&’开头
+     * @default ''
+     */
+    pluginParams?: string;
+    segments?: ISegmentType[];
+    /**
+     * 正在获取视频数据
+     */
+    loading?: boolean;
+}
+/**
+ * 客户端插件模式，随机端口
+ */
+export declare const LOCAL_PORT: string[];
+/**
+ * 随机获取端口号
+ * @returns
+ */
+export declare function getLocalPort(): string;
+/**
+ * @desc 转码插件模式下的url
+ * @param url
+ * @param params
+ * @returns
+ */
+export declare function getLocalPlayPath(url: string, params?: string): string;
+export declare function usePlugin(mode?: PlayModeType, key?: any): {
+    needInstall: boolean;
+};
+export declare function ExtModel({ url, children, mode, pluginDownloadUrl, pluginParams, loading, segments }: IPluginProps): JSX.Element;
+export { ExtModel as default };

package/es/Progress/index.d.ts

@@ -1,9 +1,11 @@
-import * as React from 'react';
-
-export interface ProgressInterface {
-  status: 'over' | 'error' | 'loading';
+import './index.less';
+interface IProgressComponentProps {
+    status: 'over' | 'error' | 'loading';
 }
-
-declare const Progress: React.FunctionComponent<ProgressInterface>;
-
-export default Progress;
+declare function ProgressComponent({ status }: IProgressComponentProps): JSX.Element;
+declare namespace ProgressComponent {
+    var defaultProps: {
+        status: string;
+    };
+}
+export default ProgressComponent;

package/es/ROI/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/ROI/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import './index.less';
+interface IRIOProps {
+    children?: React.ReactNode;
+    /**
+     * 调试模式，开启回绘制具体网格
+     */
+    debug?: boolean;
+    /**
+     * 绘制数据变化
+     */
+    onChange?: (rio: number[][], areas: [number, number][][]) => void;
+    /**
+     * 开启/关闭 标识
+     */
+    isOpen?: boolean;
+    /**
+     * key变化回清楚画布
+     */
+    renderKey?: React.Key;
+    /**
+     * rio共多少行
+     * @default 18
+     */
+    row?: number;
+    /**
+     * rio 一行有多少个位置
+     * @default 32
+     */
+    rowItems?: number;
+}
+declare function RIO({ children, debug, renderKey, onChange, isOpen, row, rowItems }: IRIOProps): JSX.Element;
+declare namespace RIO {
+    var defaultProps: {
+        row: number;
+        rowItems: number;
+    };
+}
+export default RIO;

package/es/ROI/utils.d.ts

@@ -0,0 +1 @@
+export declare function drawMark(ctx: CanvasRenderingContext2D, x: number, y: number): void;

package/es/ScreenPlayer/Live.d.ts

@@ -0,0 +1,9 @@
+import './index.less';
+import type { ILivePlayerProps } from './interface';
+declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;
+declare namespace LivePlayer {
+    var defaultProps: {
+        list: never[];
+    };
+}
+export default LivePlayer;

package/es/ScreenPlayer/LiveTools.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ExportPlayerType } from '../Player/player';
+import { PlayModeType } from '../PlayerExt';
+interface IToolsProps {
+    containerRef: React.RefObject<HTMLDivElement>;
+    updateState: (state: {
+        screenNum?: number;
+        mode?: PlayModeType;
+    }) => void;
+    screenNum: number;
+    mode?: PlayModeType;
+    getPlayerItem: () => ExportPlayerType | undefined;
+    fit?: string;
+    toggleFit?: () => void;
+    onClose?: () => void;
+    onCloseAll?: () => void;
+    snapshot?: (base64: string) => void;
+    /**
+     * 单窗口拓展工具条,左侧
+     */
+    oneWinExtTools?: JSX.Element;
+    /**
+     * 全局窗口工具条，右侧
+     */
+    allWinExtTools?: JSX.Element;
+    hasPlugin?: boolean;
+}
+declare function LiveTools({ containerRef, oneWinExtTools, allWinExtTools, screenNum, mode, fit, hasPlugin, ...props }: IToolsProps): JSX.Element;
+export default LiveTools;

package/es/ScreenPlayer/PlayerWithExt.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { ExportPlayerType, ISegmentType, ISinglePlayerProps } from '../Player/player';
+import type { PlayModeType } from '../PlayerExt';
+interface ILivePlayerWithExtProps extends ISinglePlayerProps {
+    mode?: PlayModeType;
+    style: React.CSSProperties;
+    onClick?: () => void;
+    updatePlayer: (obj: React.MutableRefObject<ExportPlayerType>) => void;
+    pluginDownloadUrl?: string;
+}
+export declare function LivePlayerWithExt({ mode, url, type, style, className, updatePlayer, onClick, pluginDownloadUrl, ...props }: ILivePlayerWithExtProps): JSX.Element;
+interface ISegmentPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
+    segments?: ISegmentType[];
+    begin?: number;
+    fpsDelay?: number;
+    fps?: number;
+    httpLoading: boolean;
+    screenIndex?: number;
+}
+export declare function SegmentPlayerWithExt({ begin, style, className, segments, mode, fpsDelay, fps, httpLoading, ...props }: ISegmentPlayerWithExtProps): JSX.Element;
+interface IFrontendPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
+    segments?: ISegmentType[];
+    begin?: number;
+    httpLoading: boolean;
+    getLocalRecordUrl?: (options: {
+        url: URL;
+        begin: number;
+        end: number;
+        screenIndex: number;
+    }) => Promise<string>;
+    screenIndex: number;
+}
+export declare function FrontendPlayerWithExt({ mode, style, className, segments, pluginDownloadUrl, screenIndex, httpLoading, ...props }: IFrontendPlayerWithExtProps): JSX.Element;
+export {};

package/es/ScreenPlayer/RatePick.d.ts

@@ -0,0 +1,6 @@
+interface IRatePick {
+    onChange: (rate: number) => void;
+    value: number;
+}
+declare function RatePick({ onChange, value }: IRatePick): JSX.Element;
+export default RatePick;

package/es/ScreenPlayer/Record.d.ts

@@ -0,0 +1,9 @@
+import './index.less';
+import type { IRecordPlayerProps } from './interface';
+/**
+ * @desc 录像设计的时间全部需要到毫秒
+ * @param param0
+ * @returns
+ */
+declare function RecordPlayer({ list, children, oneWinExtTools, allWinExtTools, fpsDelay, fps, seekLoading, ...props }: IRecordPlayerProps): JSX.Element;
+export default RecordPlayer;