ranui 0.1.8 → 0.1.10-alpha.1

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

@@ -1,5 +1,24 @@
-import { SyncHook } from 'ranuts';
-import type { Progress } from '../progress';
+/// <reference types="node" />
+import '@/assets/js/hls.js';
+import type { Progress } from '@/components/progress';
+import '@/components/select';
+import './index.less';
+type Callback = (...args: unknown[]) => unknown;
+type EventName = string | symbol;
+type EventItem = {
+    name?: string | symbol;
+    callback: Callback;
+    initialCallback?: Callback;
+};
+export declare class SHook {
+    private _events;
+    constructor();
+    tap: (eventName: EventName, eventItem: EventItem | Callback) => void;
+    call: (eventName: EventName, ...args: Array<unknown>) => void;
+    callSync: (eventName: EventName, ...args: Array<unknown>) => Promise<void>;
+    once: (eventName: EventName, eventItem: EventItem | Callback) => void;
+    off: (eventName: EventName, eventItem: EventItem | Callback) => void;
+}
 export interface HlsPlayer {
     startLoad(): () => void;
     off: (s: string, f: Function) => void;
@@ -18,7 +37,7 @@ export interface Level {
     videoCodec: string;
 }
 export interface Context {
-    action: SyncHook;
+    action: SHook;
     currentState: string;
     duration: number;
     currentTime: number;
@@ -30,495 +49,190 @@ export interface Context {
     levelMap: Map<string, string>;
     clarity: string;
 }
-declare const _default: {
-    new (): {
-        ctx: Context;
-        _player: HTMLDivElement;
-        _container: HTMLDivElement;
-        _slot: HTMLSlotElement;
-        _playerController: HTMLDivElement;
-        _playerBtn: HTMLDivElement;
-        _progress: HTMLDivElement;
-        _progressDot: HTMLDivElement;
-        _progressWrap: HTMLDivElement;
-        _progressWrapValue: HTMLDivElement;
-        requestAnimationFrameId?: number | undefined;
-        moveProgress: {
-            percentage: number;
-            mouseDown: boolean;
-        };
-        _playerControllerBottom: HTMLDivElement;
-        _playerControllerBottomRight: HTMLDivElement;
-        _playerControllerBottomLeft: HTMLDivElement;
-        _playerControllerBottomPlayBtn: HTMLDivElement;
-        _playerControllerBottomTimeCurrent: HTMLDivElement;
-        _playerControllerBottomTimeDuration: HTMLDivElement;
-        _playerControllerBottomTimeDivide: HTMLDivElement;
-        _playControllerBottomClarity: HTMLElement;
-        _playControllerBottomSpeed: HTMLDivElement;
-        _playControllerBottomSpeedIcon: HTMLDivElement;
-        _playControllerBottomVolumeProgress: Progress;
-        _playControllerBottomRightFullScreen: HTMLDivElement;
-        _playControllerBottomVolume: HTMLDivElement;
-        _playControllerBottomSpeedPopover: HTMLElement;
-        controllerBarTimeId?: NodeJS.Timeout | undefined;
-        _playerTip: HTMLDivElement;
-        _playerTipTime: HTMLDivElement;
-        _playerTipText: HTMLDivElement;
-        _volume?: number | undefined;
-        _video?: HTMLVideoElement | undefined;
-        _hls?: HlsPlayer | undefined;
-        src: string;
-        volume: string;
-        currentTime: string;
-        playbackRate: string;
-        changeClarityToSetVideo: () => void;
-        changeClarity: (e: Event) => void;
-        createClaritySelect: () => void;
-        manifestLoaded: (type: string, data: {
-            levels: Level[];
-            url: string;
-        }) => void;
-        /**
-         * @description: 初始化 video 和更新 video 方法
-         * @return {*}
-         */
-        updatePlayer: () => void;
-        change: (name: string, value: unknown) => void;
-        onCanplay: (e: Event) => void;
-        onCanplaythrough: (e: Event) => void;
-        onComplete: (e: Event) => void;
-        onDurationchange: (e: Event) => void;
-        onEmptied: (e: Event) => void;
-        onEnded: (e: Event) => void;
-        onError: (e: Event) => void;
-        onLoadedmetadata: (e: Event) => void;
-        onLoadstart: (e: Event) => void;
-        onProgress: (e: Event) => void;
-        onRatechange: (e: Event) => void;
-        onSeeked: (e: Event) => void;
-        onSeeking: (e: Event) => void;
-        onStalled: (e: Event) => void;
-        onSuspend: (e: Event) => void;
-        onLoadeddata: (e: Event) => void;
-        onTimeupdate: (e: Event) => void;
-        onVolumechange: (e: Event) => void;
-        onWaiting: (e: Event) => void;
-        onPlay: (e: Event) => void;
-        onPlaying: (e: Event) => void;
-        onPause: (e: Event) => void;
-        clearListenerEvent: () => void;
-        /**
-         * @description: 用户行为和 video 之间的交互
-         * @return {*}
-         */
-        listenEvent: () => void;
-        showControllerBar: (e?: MouseEvent | undefined) => void;
-        /**
-         * @description: 进度条点击事件
-         * @param {MouseEvent} e
-         * @return {*}
-         */
-        progressClick: (e: MouseEvent) => void;
-        /**
-         * @description: 进度条鼠标按下事件
-         * @param {MouseEvent} e
-         * @return {*}
-         */
-        progressDotMouseDown: (e: MouseEvent) => void;
-        /**
-         * @description: 进度条鼠标移动事件
-         * @param {MouseEvent} e
-         * @return {*}
-         */
-        progressDotMouseMove: (e: MouseEvent) => void;
-        /**
-         * @description: 进度条鼠标松开事件
-         * @param {MouseEvent} e
-         * @return {*}
-         */
-        progressDotMouseUp: () => void;
-        /**
-         * @description: 更新页面样式
-         * @param {Function} fn
-         * @return {*}
-         */
-        requestAnimationFrame: (fn: Function) => void;
-        /**
-         * @description: 取消页面动画
-         * @param {Function} fn
-         * @return {*}
-         */
-        cancelAnimationFrame: () => void;
-        /**
-         * @description: 更新进度条
-         * @param {*} void
-         * @return {*}
-         */
-        updateCurrentProgress: () => void;
-        changeAttribute: (k: string, o: string, n: string, attribute: string, callback: Function) => void;
-        /**
-         * @description: 点击整个视频时，触发的事件
-         * @param {*} void
-         * @return {*}
-         */
-        dispatchClickPlayerContainerAction: (e: Event) => void;
-        /**
-         * @description: 空格事件
-         * @param {KeyboardEvent} e
-         * @return {*}
-         */
-        SpaceKeyDown: (e: KeyboardEvent) => void;
-        /**
-         * @description: 点击player-btn，触发的事件
-         * @param {*} void
-         * @return {*}
-         */
-        dispatchClickPlayerBtnAction: (e: Event) => void;
-        changeVolumeProgress: (e: Event) => void;
-        openFullScreen: () => void;
-        changeSpeed: (e: Event) => void;
-        progressMouseEnter: (e: MouseEvent) => void;
-        progressMouseLeave: (e: MouseEvent) => void;
-        progressMouseMove: (e: MouseEvent) => void;
-        changePlayerVolume: () => void;
-        resize: () => void;
-        fullScreenChange: () => void;
-        getPlaybackRate: () => number;
-        setPlaybackRate: (n: number) => number;
-        setVolume: (n: number) => number;
-        getVolume: () => number;
-        setCurrentTime: (n: number) => number;
-        getCurrentTime: () => number;
-        getTotalTime: () => number;
-        play: (n?: number | undefined) => void;
-        pause: () => void;
-        connectedCallback(): void;
-        disconnectCallback(): void;
-        attributeChangedCallback(k: string, o: string, n: string): void;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        inert: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element | null;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        popover: string | null;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        attachInternals(): ElementInternals;
-        click(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        id: string;
-        readonly localName: string;
-        readonly namespaceURI: string | null;
-        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot | null;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
-        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
-        closest<E extends Element = Element>(selectors: string): E | null;
-        computedStyleMap(): StylePropertyMapReadOnly;
-        getAttribute(qualifiedName: string): string | null;
-        getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr | null;
-        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
-        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
-        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
-        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string | null, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-        insertAdjacentHTML(position: InsertPosition, text: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string | null, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
-        requestPointerLock(): void;
-        scroll(options?: ScrollToOptions | undefined): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions | undefined): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
-        scrollTo(options?: ScrollToOptions | undefined): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null;
-        setAttributeNodeNS(attr: Attr): Attr | null;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode | null;
-        readonly nextSibling: ChildNode | null;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string | null;
-        readonly parentElement: HTMLElement | null;
-        readonly parentNode: ParentNode | null;
-        readonly previousSibling: ChildNode | null;
-        textContent: string | null;
-        appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean | undefined): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions | undefined): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
-        isDefaultNamespace(namespace: string | null): boolean;
-        isEqualNode(otherNode: Node | null): boolean;
-        isSameNode(otherNode: Node | null): boolean;
-        lookupNamespaceURI(prefix: string | null): string | null;
-        lookupPrefix(namespace: string | null): string | null;
-        normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        dispatchEvent(event: Event): boolean;
-        ariaAtomic: string | null;
-        ariaAutoComplete: string | null;
-        ariaBusy: string | null;
-        ariaChecked: string | null;
-        ariaColCount: string | null;
-        ariaColIndex: string | null;
-        ariaColSpan: string | null;
-        ariaCurrent: string | null;
-        ariaDisabled: string | null;
-        ariaExpanded: string | null;
-        ariaHasPopup: string | null;
-        ariaHidden: string | null;
-        ariaInvalid: string | null;
-        ariaKeyShortcuts: string | null;
-        ariaLabel: string | null;
-        ariaLevel: string | null;
-        ariaLive: string | null;
-        ariaModal: string | null;
-        ariaMultiLine: string | null;
-        ariaMultiSelectable: string | null;
-        ariaOrientation: string | null;
-        ariaPlaceholder: string | null;
-        ariaPosInSet: string | null;
-        ariaPressed: string | null;
-        ariaReadOnly: string | null;
-        ariaRequired: string | null;
-        ariaRoleDescription: string | null;
-        ariaRowCount: string | null;
-        ariaRowIndex: string | null;
-        ariaRowSpan: string | null;
-        ariaSelected: string | null;
-        ariaSetSize: string | null;
-        ariaSort: string | null;
-        ariaValueMax: string | null;
-        ariaValueMin: string | null;
-        ariaValueNow: string | null;
-        ariaValueText: string | null;
-        role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
-        innerHTML: string;
-        readonly nextElementSibling: Element | null;
-        readonly previousElementSibling: Element | null;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element | null;
-        readonly lastElementChild: Element | null;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
-        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
-        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
-        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
-        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
-        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
-        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
-        readonly assignedSlot: HTMLSlotElement | null;
-        readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onerror: OnErrorEventHandler;
-        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
-        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string | undefined;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions | undefined): void;
+declare const RanPlayer_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class RanPlayer extends RanPlayer_base {
+    ctx: Context;
+    _player: HTMLDivElement;
+    _container: HTMLDivElement;
+    _slot: HTMLSlotElement;
+    _playerController: HTMLDivElement;
+    _playerBtn: HTMLDivElement;
+    _progress: HTMLDivElement;
+    _progressDot: HTMLDivElement;
+    _progressWrap: HTMLDivElement;
+    _progressWrapValue: HTMLDivElement;
+    requestAnimationFrameId?: number;
+    moveProgress: {
+        percentage: number;
+        mouseDown: boolean;
     };
-    readonly observedAttributes: string[];
-} | undefined;
+    _playerControllerBottom: HTMLDivElement;
+    _playerControllerBottomRight: HTMLDivElement;
+    _playerControllerBottomLeft: HTMLDivElement;
+    _playerControllerBottomPlayBtn: HTMLDivElement;
+    _playerControllerBottomTimeCurrent: HTMLDivElement;
+    _playerControllerBottomTimeDuration: HTMLDivElement;
+    _playerControllerBottomTimeDivide: HTMLDivElement;
+    _playControllerBottomClarity: HTMLElement;
+    _playControllerBottomSpeed: HTMLDivElement;
+    _playControllerBottomSpeedIcon: HTMLDivElement;
+    _playControllerBottomVolumeProgress: Progress;
+    _playControllerBottomRightFullScreen: HTMLDivElement;
+    _playControllerBottomVolume: HTMLDivElement;
+    _playControllerBottomSpeedPopover: HTMLElement;
+    controllerBarTimeId?: NodeJS.Timeout;
+    _playerTip: HTMLDivElement;
+    _playerTipTime: HTMLDivElement;
+    _playerTipText: HTMLDivElement;
+    _volume?: number;
+    _video?: HTMLVideoElement;
+    _hls?: HlsPlayer;
+    static get observedAttributes(): string[];
+    /**
+     * @description: 初始化 view 和 video 的全局上下文
+     * @return {*}
+     */
+    constructor();
+    get src(): string;
+    set src(value: string);
+    get debug(): string;
+    set debug(value: string);
+    get volume(): string;
+    set volume(value: string);
+    get currentTime(): string;
+    set currentTime(value: string);
+    get playbackRate(): string;
+    set playbackRate(value: string);
+    changeClarityToSetVideo: () => void;
+    changeClarity: (e: Event) => void;
+    createClaritySelect: () => void;
+    manifestLoaded: (type: string, data: {
+        levels: Level[];
+        url: string;
+    }) => void;
+    /**
+     * @description: 初始化 video 和更新 video 方法
+     * @return {*}
+     */
+    updatePlayer: () => void;
+    hlsError: (event: unknown, data: unknown) => void;
+    change: (name: string, value: unknown) => void;
+    onCanplay: (e: Event) => void;
+    onCanplaythrough: (e: Event) => void;
+    onComplete: (e: Event) => void;
+    onDurationchange: (e: Event) => void;
+    onEmptied: (e: Event) => void;
+    onEnded: (e: Event) => void;
+    onError: (e: Event) => void;
+    onLoadedmetadata: (e: Event) => void;
+    onLoadstart: (e: Event) => void;
+    onProgress: (e: Event) => void;
+    onRatechange: (e: Event) => void;
+    onSeeked: (e: Event) => void;
+    onSeeking: (e: Event) => void;
+    onStalled: (e: Event) => void;
+    onSuspend: (e: Event) => void;
+    onLoadeddata: (e: Event) => void;
+    onTimeupdate: (e: Event) => void;
+    onVolumechange: (e: Event) => void;
+    onWaiting: (e: Event) => void;
+    onPlay: (e: Event) => void;
+    onPlaying: (e: Event) => void;
+    onPause: (e: Event) => void;
+    clearListenerEvent: () => void;
+    /**
+     * @description: 用户行为和 video 之间的交互
+     * @return {*}
+     */
+    listenEvent: () => void;
+    showControllerBar: (e?: MouseEvent) => void;
+    /**
+     * @description: 进度条点击事件
+     * @param {MouseEvent} e
+     * @return {*}
+     */
+    progressClick: (e: MouseEvent) => void;
+    /**
+     * @description: 进度条鼠标按下事件
+     * @param {MouseEvent} e
+     * @return {*}
+     */
+    progressDotMouseDown: (e: MouseEvent) => void;
+    /**
+     * @description: 进度条鼠标移动事件
+     * @param {MouseEvent} e
+     * @return {*}
+     */
+    progressDotMouseMove: (e: MouseEvent) => void;
+    /**
+     * @description: 进度条鼠标松开事件
+     * @param {MouseEvent} e
+     * @return {*}
+     */
+    progressDotMouseUp: () => void;
+    /**
+     * @description: 更新页面样式
+     * @param {Function} fn
+     * @return {*}
+     */
+    requestAnimationFrame: (fn: Function) => void;
+    /**
+     * @description: 取消页面动画
+     * @param {Function} fn
+     * @return {*}
+     */
+    cancelAnimationFrame: () => void;
+    /**
+     * @description: 更新进度条
+     * @param {*} void
+     * @return {*}
+     */
+    updateCurrentProgress: () => void;
+    changeAttribute: (k: string, o: string, n: string, attribute: string, callback: Function) => void;
+    /**
+     * @description: 点击整个视频时，触发的事件
+     * @param {*} void
+     * @return {*}
+     */
+    dispatchClickPlayerContainerAction: (e: Event) => void;
+    /**
+     * @description: 空格事件
+     * @param {KeyboardEvent} e
+     * @return {*}
+     */
+    SpaceKeyDown: (e: KeyboardEvent) => void;
+    /**
+     * @description: 点击 player-btn，触发的事件
+     * @param {*} void
+     * @return {*}
+     */
+    dispatchClickPlayerBtnAction: (e: Event) => void;
+    changeVolumeProgress: (e: Event) => void;
+    customRequestFullscreen: (options?: FullscreenOptions) => Promise<void>;
+    customExitFullscreen: () => Promise<void>;
+    openFullScreen: () => void;
+    changeSpeed: (e: Event) => void;
+    progressMouseEnter: (e: MouseEvent) => void;
+    progressMouseLeave: (e: MouseEvent) => void;
+    progressMouseMove: (e: MouseEvent) => void;
+    changePlayerVolume: () => void;
+    resize: () => void;
+    fullScreenChange: () => void;
+    getPlaybackRate: () => number;
+    setPlaybackRate: (n: number) => number;
+    setVolume: (n: number) => number;
+    getVolume: () => number;
+    setCurrentTime: (n: number) => number;
+    getCurrentTime: () => number;
+    getTotalTime: () => number;
+    play: (n?: number) => void;
+    pause: () => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(k: string, o: string, n: string): void;
+}
+declare const _default: typeof RanPlayer | undefined;
 export default _default;