@vtx/player 0.0.5 → 0.0.8

package/dist/types/components/live-control/index.d.ts

@@ -1,37 +1,35 @@
-/// <reference types="react" />
-import './index.less';
-export declare type LiveControlHandle = {
-    /** 加载视频 */
-    load: (channel: ChannelType) => void;
-    /** 卸载视频，参数为通道编号 */
-    unLoad: (channelNum: string) => void;
-    /** 一次加载多个视频，适用于初始化 */
-    multiLoad: (channels: ChannelType[]) => void;
-};
-interface LiveControlProps {
-    /** 展开/收缩按钮回调 */
-    onExpandChange?: (expand: boolean) => void;
-    /** 视频关闭回调，参数为通道编号数组 */
-    onChannelChange?: (channelSNum: string[]) => void;
-    /** 宽度 */
-    width?: number | string;
-    /** 高度 */
-    height?: number | string;
-    /** 轮询频率 */
-    polling?: number;
-}
-export declare type ChannelType = {
-    /** 通道号 */
-    channelNum: string;
-    /** 设备ID */
-    deviceId?: string;
-    /** 租户ID */
-    tenantId?: string;
-    /** 协议 */
-    protocol?: string;
-};
-/**
- * 实时分屏组件
- */
-declare const LiveControl: import("react").ForwardRefExoticComponent<LiveControlProps & import("react").RefAttributes<LiveControlHandle>>;
-export default LiveControl;
+/// <reference types="react" />
+import './index.less';
+export declare type LiveControlHandle = {
+    /** 加载视频 */
+    load: (channel: ChannelType) => void;
+    /** 卸载视频，参数为通道编号 */
+    unLoad: (channelNum: string) => void;
+    /** 一次加载多个视频，适用于初始化 */
+    multiLoad: (channels: ChannelType[]) => void;
+};
+interface LiveControlProps {
+    /** 展开/收缩按钮回调 */
+    onExpandChange?: (expand: boolean) => void;
+    /** 视频关闭回调，参数为通道编号数组 */
+    onChannelChange?: (channelSNum: string[]) => void;
+    /** 宽度 */
+    width?: number | string;
+    /** 高度 */
+    height?: number | string;
+    /** 轮询频率 */
+    polling?: number | undefined;
+}
+export declare type ChannelType = {
+    /** 通道号 */
+    channelNum: string;
+    /** 设备ID */
+    deviceId?: string;
+    /** 协议 */
+    protocol?: string;
+};
+/**
+ * 实时分屏组件
+ */
+declare const LiveControl: import("react").ForwardRefExoticComponent<LiveControlProps & import("react").RefAttributes<LiveControlHandle>>;
+export default LiveControl;

package/dist/types/components/live-player/index.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import './index.less';
-import { CloudControlPanelProps } from '@/components/controls';
-import { VideoType } from '@/components/player';
-interface VtxPlayerProps {
-    /** 视频流地址 */
-    url: string;
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-    /** 视频流格式，如果为空则根据url自行判断 */
-    type?: VideoType;
-    /** 截图文件名 */
-    captureName?: string;
-    /** 对讲地址 */
-    talkUrl?: string;
-    /** 云台控制 */
-    cloudParams?: CloudControlPanelProps;
-}
-export declare const LivePlayer: (props: VtxPlayerProps) => JSX.Element;
-export default LivePlayer;
+/// <reference types="react" />
+import './index.less';
+import { CloudControlPanelProps } from '@/components/controls';
+import { VideoType } from '@/components/player';
+interface VtxPlayerProps {
+    /** 视频流地址 */
+    url: string;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 视频流格式，如果为空则根据url自行判断 */
+    type?: VideoType;
+    /** 截图文件名 */
+    captureName?: string;
+    /** 对讲地址 */
+    talkUrl?: string;
+    /** 云台控制 */
+    cloudParams?: CloudControlPanelProps;
+}
+export declare const LivePlayer: (props: VtxPlayerProps) => JSX.Element;
+export default LivePlayer;

package/dist/types/components/player/index.d.ts

@@ -1,84 +1,84 @@
-import moment from 'moment';
-/** 视频流格式 */
-export declare type VideoType = 'flv' | 'hls' | 'hk_ws';
-interface ConstructorParams {
-    url: string;
-    /** 渲染容器 */
-    container: HTMLDivElement;
-    /** 是否直播，flv.js需要 */
-    live?: boolean;
-    /** 视频流格式 */
-    type?: VideoType;
-    /** 开始时间，历史回放需要 */
-    startTime?: moment.MomentInput;
-    /** 结束时间，历史回放需要 */
-    endTime?: moment.MomentInput;
-}
-/**
- * 视频播放核心类
- */
-declare class Player {
-    /** 视频地址 */
-    url: string;
-    /** 视频流格式 */
-    type: VideoType;
-    private player;
-    private video;
-    /** 开始时间，历史回放需要 */
-    private startTime?;
-    /** 结束时间，历史回放需要 */
-    private endTime?;
-    /** 跳转时间，用于处理进度条位置 */
-    private seekTime?;
-    /** 之前的视频播放速度，用于处理海康音量控制 */
-    private preSpeed;
-    constructor(params: ConstructorParams);
-    /** 播放 */
-    play(): Promise<void>;
-    /** 回放 */
-    playBack(): Promise<void>;
-    /** 销毁 */
-    destroy(): void;
-    /** 截图 */
-    capture(captureName?: string, time?: boolean): void;
-    /** 尺寸重置 */
-    resize(): void;
-    /**
-     * 设置音量
-     * @param value
-     */
-    setVolume(value: number): void;
-    /**
-     * 设置播放速度
-     * @param speed
-     */
-    setSpeed(speed: 0.5 | 1 | 2): void;
-    /**
-     * 时间更新事件
-     * @param callback 回调函数
-     */
-    onTimeUpdate(callback: (currentTime: number) => void): void;
-    /** 跳转到 */
-    seekTo(time: number): Promise<void>;
-    /**
-     * 暂停播放
-     * @param callback 回调函数
-     */
-    pause(callback?: () => void): void;
-    /**
-     * 恢复播放
-     * @param callback 回调函数
-     */
-    resume(callback?: () => void): void;
-    /**
-     * 开始对讲
-     * @param url 对讲地址
-     */
-    startTalk(url: string): Promise<void>;
-    /**
-     * 开始对讲
-     * @param state 状态
-     */
-    stopTalk(): Promise<void>;
-}
-export default Player;
+import moment from 'moment';
+/** 视频流格式 */
+export declare type VideoType = 'flv' | 'hls' | 'hk_ws';
+interface ConstructorParams {
+    url: string;
+    /** 渲染容器 */
+    container: HTMLDivElement;
+    /** 是否直播，flv.js需要 */
+    live?: boolean;
+    /** 视频流格式 */
+    type?: VideoType;
+    /** 开始时间，历史回放需要 */
+    startTime?: moment.MomentInput;
+    /** 结束时间，历史回放需要 */
+    endTime?: moment.MomentInput;
+}
+/**
+ * 视频播放核心类
+ */
+declare class Player {
+    /** 视频地址 */
+    url: string;
+    /** 视频流格式 */
+    type: VideoType;
+    private player;
+    private video;
+    /** 开始时间，历史回放需要 */
+    private startTime?;
+    /** 结束时间，历史回放需要 */
+    private endTime?;
+    /** 跳转时间，用于处理进度条位置 */
+    private seekTime?;
+    /** 之前的视频播放速度，用于处理海康音量控制 */
+    private preSpeed;
+    constructor(params: ConstructorParams);
+    /** 播放 */
+    play(): Promise<void>;
+    /** 回放 */
+    playBack(): Promise<void>;
+    /** 销毁 */
+    destroy(): void;
+    /** 截图 */
+    capture(captureName?: string, time?: boolean): void;
+    /** 尺寸重置 */
+    resize(): void;
+    /**
+     * 设置音量
+     * @param value
+     */
+    setVolume(value: number): void;
+    /**
+     * 设置播放速度
+     * @param speed
+     */
+    setSpeed(speed: 0.5 | 1 | 2 | 4 | 8): void;
+    /**
+     * 时间更新事件
+     * @param callback 回调函数
+     */
+    onTimeUpdate(callback: (currentTime: number, speed: number) => void): void;
+    /** 跳转到 */
+    seekTo(time: number): Promise<void>;
+    /**
+     * 暂停播放
+     * @param callback 回调函数
+     */
+    pause(callback?: () => void): void;
+    /**
+     * 恢复播放
+     * @param callback 回调函数
+     */
+    resume(callback?: () => void): void;
+    /**
+     * 开始对讲
+     * @param url 对讲地址
+     */
+    startTalk(url: string): Promise<void>;
+    /**
+     * 开始对讲
+     * @param state 状态
+     */
+    stopTalk(): Promise<void>;
+}
+export default Player;

package/dist/types/context/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export declare const PlayerThemeContext: React.Context<Context>;
-interface Context {
-    /** 主题 */
-    theme: 'light' | 'dark';
-}
-declare const PlayerThemeProvider: React.Provider<Context>;
-export default PlayerThemeProvider;
+import React from 'react';
+export declare const PlayerThemeContext: React.Context<Context>;
+interface Context {
+    /** 主题 */
+    theme: 'light' | 'dark';
+}
+declare const PlayerThemeProvider: React.Provider<Context>;
+export default PlayerThemeProvider;

package/dist/types/hooks/useSettings.d.ts

@@ -1,9 +1,9 @@
-/**
- * 获取配置信息
- * @returns
- */
-declare const useSettings: () => {
-    theme: "light" | "dark";
-    isDark: boolean;
-};
-export default useSettings;
+/**
+ * 获取配置信息
+ * @returns
+ */
+declare const useSettings: () => {
+    theme: "light" | "dark";
+    isDark: boolean;
+};
+export default useSettings;

package/dist/types/icons/index.d.ts

@@ -1,54 +1,54 @@
-import './index.less';
-import { MouseEventHandler } from 'react';
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-interface IconProps extends Partial<CustomIconComponentProps> {
-    onClick?: MouseEventHandler<HTMLSpanElement>;
-}
-interface ActiveIconProps extends IconProps {
-    active?: boolean;
-}
-/** 暂停Icon */
-export declare const PauseIcon: (props: IconProps) => JSX.Element;
-/** 播放Icon */
-export declare const PlayIcon: (props: IconProps) => JSX.Element;
-/** 截图Icon */
-export declare const CaptureIcon: (props: IconProps) => JSX.Element;
-/** 全屏Icon */
-export declare const FullScreenIcon: (props: IconProps) => JSX.Element;
-/** 退出全屏Icon */
-export declare const ExitFullScreenIcon: (props: IconProps) => JSX.Element;
-/** 音量低Icon */
-export declare const VolumeSmallIcon: (props: IconProps) => JSX.Element;
-/** 音量高Icon */
-export declare const VolumeLargeIcon: (props: IconProps) => JSX.Element;
-/** 静音Icon */
-export declare const VolumeMutedIcon: (props: IconProps) => JSX.Element;
-/** 设置Icon */
-export declare const SettingsIcon: (props: IconProps) => JSX.Element;
-/** 关闭全部Icon */
-export declare const CloseAllIcon: (props: IconProps) => JSX.Element;
-/** 展开Icon */
-export declare const ExpandIcon: (props: IconProps) => JSX.Element;
-/** 收缩Icon */
-export declare const FoldIcon: (props: IconProps) => JSX.Element;
-/** 停止对讲Icon */
-export declare const TalkDisableIcon: (props: ActiveIconProps) => JSX.Element;
-/** 对讲Icon */
-export declare const TalkIcon: (props: ActiveIconProps) => JSX.Element;
-/** 云台控制 */
-export declare const CloudControlIcon: (props: ActiveIconProps) => JSX.Element;
-/** 1x1网格Icon */
-export declare const Grid1x1Icon: (props: ActiveIconProps) => JSX.Element;
-/** 2x2网格Icon */
-export declare const Grid2x2Icon: (props: ActiveIconProps) => JSX.Element;
-/** 3x3网格Icon */
-export declare const Grid3x3Icon: (props: ActiveIconProps) => JSX.Element;
-/** 关闭Icon */
-export declare const CloseIcon: (props: IconProps) => JSX.Element;
-/** 视频播放Icon */
-export declare const VideoPlayIcon: (props: ActiveIconProps) => JSX.Element;
-/** 视频关闭Icon */
-export declare const VideoCloseIcon: (props: ActiveIconProps) => JSX.Element;
-/** 时间刻度Icon */
-export declare const TimePositionIcon: (props: IconProps) => JSX.Element;
-export {};
+import './index.less';
+import { MouseEventHandler } from 'react';
+import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+interface IconProps extends Partial<CustomIconComponentProps> {
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+}
+interface ActiveIconProps extends IconProps {
+    active?: boolean;
+}
+/** 暂停Icon */
+export declare const PauseIcon: (props: IconProps) => JSX.Element;
+/** 播放Icon */
+export declare const PlayIcon: (props: IconProps) => JSX.Element;
+/** 截图Icon */
+export declare const CaptureIcon: (props: IconProps) => JSX.Element;
+/** 全屏Icon */
+export declare const FullScreenIcon: (props: IconProps) => JSX.Element;
+/** 退出全屏Icon */
+export declare const ExitFullScreenIcon: (props: IconProps) => JSX.Element;
+/** 音量低Icon */
+export declare const VolumeSmallIcon: (props: IconProps) => JSX.Element;
+/** 音量高Icon */
+export declare const VolumeLargeIcon: (props: IconProps) => JSX.Element;
+/** 静音Icon */
+export declare const VolumeMutedIcon: (props: IconProps) => JSX.Element;
+/** 设置Icon */
+export declare const SettingsIcon: (props: IconProps) => JSX.Element;
+/** 关闭全部Icon */
+export declare const CloseAllIcon: (props: IconProps) => JSX.Element;
+/** 展开Icon */
+export declare const ExpandIcon: (props: IconProps) => JSX.Element;
+/** 收缩Icon */
+export declare const FoldIcon: (props: IconProps) => JSX.Element;
+/** 停止对讲Icon */
+export declare const TalkDisableIcon: (props: ActiveIconProps) => JSX.Element;
+/** 对讲Icon */
+export declare const TalkIcon: (props: ActiveIconProps) => JSX.Element;
+/** 云台控制 */
+export declare const CloudControlIcon: (props: ActiveIconProps) => JSX.Element;
+/** 1x1网格Icon */
+export declare const Grid1x1Icon: (props: ActiveIconProps) => JSX.Element;
+/** 2x2网格Icon */
+export declare const Grid2x2Icon: (props: ActiveIconProps) => JSX.Element;
+/** 3x3网格Icon */
+export declare const Grid3x3Icon: (props: ActiveIconProps) => JSX.Element;
+/** 关闭Icon */
+export declare const CloseIcon: (props: IconProps) => JSX.Element;
+/** 视频播放Icon */
+export declare const VideoPlayIcon: (props: ActiveIconProps) => JSX.Element;
+/** 视频关闭Icon */
+export declare const VideoCloseIcon: (props: ActiveIconProps) => JSX.Element;
+/** 时间刻度Icon */
+export declare const TimePositionIcon: (props: IconProps) => JSX.Element;
+export {};

package/dist/types/main.d.ts

@@ -1,8 +1,8 @@
-import 'antd/dist/antd.css';
-export { default as Player } from './components/player';
-export { default as LivePlayer } from './components/live-player';
-export { default as HistoryPlayer } from './components/history-player';
-export { default as LiveControl } from './components/live-control';
-export { default as HistoryControl } from './components/history-control';
-export { default as BillPlayer } from './components/bill-player';
-export { default as LiveChannelPlayer } from './components/live-channel-player';
+import 'antd/dist/antd.css';
+export { default as Player } from './components/player';
+export { default as LivePlayer } from './components/live-player';
+export { default as HistoryPlayer } from './components/history-player';
+export { default as LiveControl } from './components/live-control';
+export { default as HistoryControl } from './components/history-control';
+export { default as BillPlayer } from './components/bill-player';
+export { default as LiveChannelPlayer } from './components/live-channel-player';

package/dist/types/utils/index.d.ts

@@ -1,60 +1,67 @@
-import moment from 'moment';
-import { GetHistoryUrlResp } from '@/api/types';
-import { UrlsTableItemType } from '@/components/history-control';
-import { VideoType } from '@/components/player';
-/** 时间格式枚举 */
-export declare enum TimeFormat {
-    default = "YYYY-MM-DDTHH:mm:ss",
-    params = "YYYY-MM-DD HH:mm:ss",
-    url = "YYYYMMDDTHHmmss"
-}
-/** 生成随机ID */
-export declare const guidGenerator: () => string;
-declare type PlayerParams = {
-    /** 视频流地址 */
-    url: string;
-    /** 视频流格式 */
-    type: VideoType;
-};
-/**
- * 获取视频直播地址及格式
- * @param url
- * @returns
- */
-export declare const getPlayerParams: (url: string, live: boolean, startTime?: moment.MomentInput, endTime?: moment.MomentInput) => PlayerParams;
-/**
- * 获取历史回放表格数据
- * @param data
- * @returns
- */
-export declare const getUrlTableData: (data: GetHistoryUrlResp) => UrlsTableItemType[];
-/**
- * 秒数=>00:00:00
- * @param total
- * @returns
- */
-export declare const secondsToTime: (total: number) => string;
-/**
- * 获取海康时间参数
- * @param time 时间
- * @returns
- */
-export declare const getHKTimeString: (time: moment.MomentInput) => string;
-/**
- * 获取海康分段播放地址
- * @param totalUrl 总播放地址
- * @param startTime 开始时间
- * @param endTime 结束时间
- * @returns
- */
-export declare const getHKListUrl: (totalUrl: string, startTime: moment.MomentInput, endTime: moment.MomentInput) => string;
-/**
- *
- * 获取flv格式分段播放地址
- * @param totalUrl 总播放地址
- * @param startTime 开始时间
- * @param endTime 结束时间
- * @returns
- */
-export declare const getFlvListUrl: (totalUrl: string, startTime: moment.MomentInput, endTime: moment.MomentInput) => string;
-export {};
+import moment from 'moment';
+import { GetHistoryUrlResp } from '@/api/types';
+import { UrlsTableItemType } from '@/components/history-control';
+import { VideoType } from '@/components/player';
+/** 时间格式枚举 */
+export declare enum TimeFormat {
+    default = "YYYY-MM-DDTHH:mm:ss",
+    params = "YYYY-MM-DD HH:mm:ss",
+    url = "YYYYMMDDTHHmmss"
+}
+/** 生成随机ID */
+export declare const guidGenerator: () => string;
+declare type PlayerParams = {
+    /** 视频流地址 */
+    url: string;
+    /** 视频流格式 */
+    type: VideoType;
+};
+/**
+ * 获取视频直播地址及格式
+ * @param url
+ * @returns
+ */
+export declare const getPlayerParams: (url: string, live: boolean, startTime?: moment.MomentInput, endTime?: moment.MomentInput) => PlayerParams;
+/**
+ * 获取历史回放表格数据
+ * @param data
+ * @returns
+ */
+export declare const getUrlTableData: (data: GetHistoryUrlResp) => UrlsTableItemType[];
+/**
+ * 秒数=>00:00:00
+ * @param total
+ * @returns
+ */
+export declare const secondsToTime: (total: number) => string;
+/**
+ * 获取海康时间参数
+ * @param time 时间
+ * @returns
+ */
+export declare const getHKTimeString: (time: moment.MomentInput) => string;
+/**
+ * 获取海康分段播放地址
+ * @param totalUrl 总播放地址
+ * @param startTime 开始时间
+ * @param endTime 结束时间
+ * @returns
+ */
+export declare const getHKListUrl: (totalUrl: string, startTime: moment.MomentInput, endTime: moment.MomentInput) => string;
+/**
+ *
+ * 获取flv格式分段播放地址
+ * @param totalUrl 总播放地址
+ * @param startTime 开始时间
+ * @param endTime 结束时间
+ * @returns
+ */
+export declare const getFlvListUrl: (totalUrl: string, startTime: moment.MomentInput, endTime: moment.MomentInput) => string;
+/**
+ * 获取地址栏中的参数信息
+ * @param key 字段key
+ * @param href 链接
+ * @returns 字段值
+ */
+export declare const getUrlParam: (key?: string, href?: string) => any;
+export {};