update demo

docs/assets/ts/artplayer-plugin-ads.d.ts

@@ -0,0 +1,52 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginAds;
+export as namespace artplayerPluginAds;
+
+type Option = {
+    /**
+     * 广告源文本，支持视频链接、图片链接、HTML文本
+     */
+    source: string;
+
+    /**
+     * 知名广告的类型：'video' | 'image' | 'html'
+     */
+    type: 'video' | 'image' | 'html';
+
+    /**
+     * 广告必看的时长，单位为秒
+     */
+    playDuration?: number;
+
+    /**
+     * 广告总的时长，单位为秒
+     */
+    totalDuration?: number;
+
+    /**
+     * 视频广告是否默认静音
+     */
+    muted?: boolean;
+};
+
+type Ads = {
+    name: 'artplayerPluginAds';
+
+    /**
+     * 跳过广告
+     */
+    skip: () => void;
+
+    /**
+     * 暂停广告
+     */
+    pause: () => void;
+
+    /**
+     * 播放广告
+     */
+    play: () => void;
+};
+
+declare const artplayerPluginAds: (option: Option) => (art: Artplayer) => Ads;

docs/assets/ts/artplayer-plugin-control.d.ts

@@ -0,0 +1,13 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginControl;
+export as namespace artplayerPluginControl;
+
+type Option = {};
+
+type Control = {
+    name: 'artplayerPluginControl';
+    enable: Boolean;
+};
+
+declare const artplayerPluginControl: (option?: Option) => (art: Artplayer) => Control;

docs/assets/ts/artplayer-plugin-danmuku.d.ts

@@ -0,0 +1,182 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginDanmuku;
+export as namespace artplayerPluginDanmuku;
+
+type Danmu = {
+    /**
+     * 弹幕文本
+     */
+    text: string;
+
+    /**
+     * 弹幕发送模式，0为滚动，1为静止
+     */
+    mode?: 0 | 1;
+
+    /**
+     * 弹幕颜色
+     */
+    color?: string;
+
+    /**
+     * 弹幕出现的时间，单位为秒
+     */
+    time?: number;
+
+    /**
+     * 弹幕是否有描边
+     */
+    border?: boolean;
+};
+
+type Option = {
+    /**
+     * 弹幕源，可以是弹幕数组，xml 地址或者一个返回 Promise 的函数
+     */
+    danmuku: Danmu[] | string | (() => Promise<Danmu[]>) | Promise<Danmu[]>;
+
+    /**
+     * 弹幕持续时间，单位秒，范围在[1 ~ 10]
+     */
+    speed?: number;
+
+    /**
+     * 弹幕上下边距，支持数字和高度的百分比
+     */
+    margin?: [number | `${number}%`, number | `${number}%`];
+
+    /**
+     * 弹幕透明度，范围在[0 ~ 1]
+     */
+    opacity?: number;
+
+    /**
+     * 默认字体颜色
+     */
+    color?: string;
+
+    /**
+     * 默认弹幕发送模式，0为滚动，1为静止
+     */
+    mode?: 0 | 1;
+
+    /**
+     * 字体大小，支持数字和高度的百分比
+     */
+    fontSize?: number | `${number}%`;
+
+    /**
+     * 弹幕过滤函数，返回 true 则可以发送
+     */
+    filter?: (danmu: Danmu) => boolean;
+
+    /**
+     * 是否防重叠
+     */
+    antiOverlap?: boolean;
+
+    /**
+     * 是否使用 web worker
+     */
+    useWorker?: boolean;
+
+    /**
+     * 是否同步到播放速度
+     */
+    synchronousPlayback?: boolean;
+
+    /**
+     * 输入框锁定时间，单位秒，范围在[1 ~ 60]
+     */
+    lockTime?: number;
+
+    /**
+     * 输入框最大可输入的字数，范围在[0 ~ 500]
+     */
+    maxLength?: number;
+
+    /**
+     * 输入框最小宽度，范围在[0 ~ 500]，填 0 则为无限制
+     */
+    minWidth?: number;
+
+    /**
+     * 输入框最大宽度，范围在[0 ~ Infinity]，填 0 则为 100% 宽度
+     */
+    maxWidth?: number;
+
+    /**
+     * 通过 mount 选项可以自定义输入框挂载的位置，默认挂载于播放器底部，仅在当宽度小于最小值时生效
+     */
+    mount?: Element;
+
+    /**
+     * 输入框自定义挂载时的主题色，默认为 dark，可以选填亮色 light
+     */
+    theme?: 'dark' | 'light';
+
+    /**
+     * 是否开启弹幕热度图
+     */
+    heatmap?:
+        | boolean
+        | {
+              xMin?: number;
+              xMax?: number;
+              yMin?: number;
+              yMax?: number;
+              scale?: number;
+              opacity?: number;
+              minHeight?: number;
+              sampling?: number;
+              smoothing?: number;
+              flattening?: number;
+          };
+
+    /**
+     * 发送弹幕前的自定义校验，返回 true 则可以发送
+     */
+    beforeEmit?: (danmu: Danmu) => boolean;
+};
+
+type Danmuku = {
+    name: 'artplayerPluginDanmuku';
+
+    /**
+     * 发送一条实时弹幕
+     */
+    emit: (danmu: Danmu) => Danmuku;
+
+    /**
+     * 重载弹幕源，或者切换新弹幕
+     */
+    load: () => Promise<Danmuku>;
+
+    /**
+     * 实时改变弹幕配置
+     */
+    config: (option: Option) => Danmuku;
+
+    /**
+     * 隐藏弹幕层
+     */
+    hide: () => Danmuku;
+
+    /**
+     * 显示弹幕层
+     */
+    show: () => Danmuku;
+
+    /**
+     * 是否隐藏弹幕层
+     */
+    isHide: boolean;
+
+    /**
+     * 是否弹幕层停止状态
+     */
+    isStop: boolean;
+};
+
+declare const artplayerPluginDanmuku: (option: Option) => (art: Artplayer) => Danmuku;

docs/assets/ts/artplayer-plugin-dash-quality.d.ts

@@ -0,0 +1,14 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginDashQuality;
+export as namespace artplayerPluginDashQuality;
+
+declare const artplayerPluginDashQuality: (option: {
+    control?: boolean;
+    setting?: boolean;
+    title?: string;
+    auto?: string;
+    getResolution?(level: any): String;
+}) => (art: Artplayer) => {
+    name: 'artplayerPluginDashQuality';
+};

docs/assets/ts/artplayer-plugin-hls-quality.d.ts

@@ -0,0 +1,14 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginHlsQuality;
+export as namespace artplayerPluginHlsQuality;
+
+declare const artplayerPluginHlsQuality: (option: {
+    control?: boolean;
+    setting?: boolean;
+    title?: string;
+    auto?: string;
+    getResolution?(level: any): String;
+}) => (art: Artplayer) => {
+    name: 'artplayerPluginHlsQuality';
+};

docs/assets/ts/artplayer-plugin-iframe.d.ts

@@ -0,0 +1,30 @@
+export = ArtplayerPluginIframe;
+export as namespace ArtplayerPluginIframe;
+
+type Message = {
+    type: string;
+    data: any;
+    id?: number;
+};
+
+declare class ArtplayerPluginIframe {
+    constructor(option: { iframe: HTMLIFrameElement; url: string });
+
+    static iframe: boolean;
+    static postMessage(message: Message): void;
+    static onMessage(event: MessageEvent & { data: Message }): void;
+    static inject(): void;
+
+    readonly promises: Record<number, { resove: Function; reject: Function }>;
+    readonly injected: boolean;
+    readonly destroyed: boolean;
+    readonly $iframe: HTMLIFrameElement;
+    readonly url: string;
+    readonly messageCallback: (...args: any[]) => any;
+
+    onMessage(event: MessageEvent & { data: Message }): void;
+    postMessage(message: Message): Promise<any>;
+    commit<T extends (...args: any[]) => any>(callback: T): Promise<ReturnType<T>>;
+    message(callback: (...args: any[]) => any): void;
+    destroy(): void;
+}