media-chrome
Version:
Custom elements (web components) for making audio and video player controls that look great in your website or app.
48 lines (47 loc) • 1.53 kB
TypeScript
import { globalThis } from '../../utils/server-safe-globals.js';
/**
*
*/
declare class MediaClipSelector extends globalThis.HTMLElement {
static get observedAttributes(): string[];
draggingEl: HTMLElement | null;
wrapper: HTMLElement;
selection: HTMLElement;
playhead: HTMLElement;
leftTrim: HTMLElement;
spacerFirst: HTMLElement;
startHandle: HTMLElement;
spacerMiddle: HTMLElement;
endHandle: HTMLElement;
spacerLast: HTMLElement;
initialX: number;
thumbnailPreview: HTMLElement;
_clickHandler: () => void;
_dragStart: () => void;
_dragEnd: () => void;
_drag: () => void;
constructor();
get mediaDuration(): number;
set mediaDuration(value: number);
get mediaCurrentTime(): number;
set mediaCurrentTime(value: number);
getPlayheadBasedOnMouseEvent(evt: MouseEvent): number;
getXPositionFromMouse(evt: any): number;
getMousePercent(evt: MouseEvent): number;
dragStart(evt: MouseEvent): void;
dragEnd(): void;
setSelectionWidth(selectionPercent: number, fullTimelineWidth: number): void;
drag(evt: MouseEvent): void;
dispatchUpdate(): void;
getCurrentClipBounds(): {
startTime: number;
endTime: number;
};
isTimestampInBounds(timestamp: number): boolean;
handleClick(evt: MouseEvent): void;
mediaCurrentTimeSet(): void;
mediaUnsetCallback(media: HTMLVideoElement): void;
enableThumbnails(): void;
disableThumbnails(): void;
}
export default MediaClipSelector;