videojs-vue 0.2.0 → 0.3.0

package/dist/audio/createAudioPlayer.d.ts

@@ -0,0 +1,954 @@
+import { OnCleanup } from "../node_modules/.pnpm/@vue_reactivity@3.5.43/node_modules/@vue/reactivity/dist/reactivity.js";
+import { MediaTrack } from "../media/types.js";
+import "../index.js";
+import { Audio } from "./Audio.js";
+import { AudioPlayerHandle } from "./types.js";
+import { Component, PropType } from "vue";
+//#region src/audio/createAudioPlayer.d.ts
+/**
+ * Supported media components share the Audio props, events and context contract.
+ */
+export type AudioMediaComponent = typeof Audio;
+export declare function createAudioPlayer<Skin extends 'default' | 'neutral'>(componentName: string, skins: Record<Skin, Component>, initialSkin: NoInfer<Skin>): Omit<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  src: PropType<string | undefined>;
+  autoplay: BooleanConstructor;
+  loop: BooleanConstructor;
+  preload: {
+    readonly type: PropType<'none' | 'metadata' | 'auto'>;
+    readonly default: 'metadata';
+  };
+  crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+  tracks: PropType<readonly MediaTrack[] | undefined>;
+  volume: PropType<number | undefined>;
+  muted: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  playbackRate: PropType<number | undefined>;
+  title: StringConstructor;
+  poster: StringConstructor;
+  media: {
+    type: PropType<AudioMediaComponent>;
+    default: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+      [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>> & Readonly<{
+      onAbort?: (event: Event) => any;
+      onCanplay?: (event: Event) => any;
+      onCanplaythrough?: (event: Event) => any;
+      onDurationchange?: (event: Event) => any;
+      onEmptied?: (event: Event) => any;
+      onEnded?: (event: Event) => any;
+      onEnterpictureinpicture?: (event: Event) => any;
+      onError?: (event: Event) => any;
+      onLeavepictureinpicture?: (event: Event) => any;
+      onLoadeddata?: (event: Event) => any;
+      onLoadedmetadata?: (event: Event) => any;
+      onLoadstart?: (event: Event) => any;
+      onPause?: (event: Event) => any;
+      onPlay?: (event: Event) => any;
+      onPlaying?: (event: Event) => any;
+      onProgress?: (event: Event) => any;
+      onRatechange?: (event: Event) => any;
+      onSeeked?: (event: Event) => any;
+      onSeeking?: (event: Event) => any;
+      onStalled?: (event: Event) => any;
+      onSuspend?: (event: Event) => any;
+      onTimeupdate?: (event: Event) => any;
+      onVolumechange?: (event: Event) => any;
+      onWaiting?: (event: Event) => any;
+    }>, {
+      readonly autoplay: boolean;
+      readonly loop: boolean;
+      readonly preload: "auto" | "metadata" | "none";
+      readonly muted: boolean | undefined;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  };
+  skin: {
+    type: PropType<'default' | 'neutral'>;
+    default: 'default' | 'neutral';
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  ready: (_player: AudioPlayerHandle) => boolean;
+  'update:volume': (_volume: number) => boolean;
+  'update:muted': (_muted: boolean) => boolean;
+  'update:playbackRate': (_rate: number) => boolean;
+  abort: (event: Event) => boolean;
+  canplay: (event: Event) => boolean;
+  canplaythrough: (event: Event) => boolean;
+  durationchange: (event: Event) => boolean;
+  emptied: (event: Event) => boolean;
+  ended: (event: Event) => boolean;
+  enterpictureinpicture: (event: Event) => boolean;
+  error: (event: Event) => boolean;
+  leavepictureinpicture: (event: Event) => boolean;
+  loadeddata: (event: Event) => boolean;
+  loadedmetadata: (event: Event) => boolean;
+  loadstart: (event: Event) => boolean;
+  pause: (event: Event) => boolean;
+  play: (event: Event) => boolean;
+  playing: (event: Event) => boolean;
+  progress: (event: Event) => boolean;
+  ratechange: (event: Event) => boolean;
+  seeked: (event: Event) => boolean;
+  seeking: (event: Event) => boolean;
+  stalled: (event: Event) => boolean;
+  suspend: (event: Event) => boolean;
+  timeupdate: (event: Event) => boolean;
+  volumechange: (event: Event) => boolean;
+  waiting: (event: Event) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  src: PropType<string | undefined>;
+  autoplay: BooleanConstructor;
+  loop: BooleanConstructor;
+  preload: {
+    readonly type: PropType<'none' | 'metadata' | 'auto'>;
+    readonly default: 'metadata';
+  };
+  crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+  tracks: PropType<readonly MediaTrack[] | undefined>;
+  volume: PropType<number | undefined>;
+  muted: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  playbackRate: PropType<number | undefined>;
+  title: StringConstructor;
+  poster: StringConstructor;
+  media: {
+    type: PropType<AudioMediaComponent>;
+    default: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+      [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>> & Readonly<{
+      onAbort?: (event: Event) => any;
+      onCanplay?: (event: Event) => any;
+      onCanplaythrough?: (event: Event) => any;
+      onDurationchange?: (event: Event) => any;
+      onEmptied?: (event: Event) => any;
+      onEnded?: (event: Event) => any;
+      onEnterpictureinpicture?: (event: Event) => any;
+      onError?: (event: Event) => any;
+      onLeavepictureinpicture?: (event: Event) => any;
+      onLoadeddata?: (event: Event) => any;
+      onLoadedmetadata?: (event: Event) => any;
+      onLoadstart?: (event: Event) => any;
+      onPause?: (event: Event) => any;
+      onPlay?: (event: Event) => any;
+      onPlaying?: (event: Event) => any;
+      onProgress?: (event: Event) => any;
+      onRatechange?: (event: Event) => any;
+      onSeeked?: (event: Event) => any;
+      onSeeking?: (event: Event) => any;
+      onStalled?: (event: Event) => any;
+      onSuspend?: (event: Event) => any;
+      onTimeupdate?: (event: Event) => any;
+      onVolumechange?: (event: Event) => any;
+      onWaiting?: (event: Event) => any;
+    }>, {
+      readonly autoplay: boolean;
+      readonly loop: boolean;
+      readonly preload: "auto" | "metadata" | "none";
+      readonly muted: boolean | undefined;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  };
+  skin: {
+    type: PropType<'default' | 'neutral'>;
+    default: 'default' | 'neutral';
+  };
+}>> & Readonly<{
+  onAbort?: (event: Event) => any;
+  onCanplay?: (event: Event) => any;
+  onCanplaythrough?: (event: Event) => any;
+  onDurationchange?: (event: Event) => any;
+  onEmptied?: (event: Event) => any;
+  onEnded?: (event: Event) => any;
+  onEnterpictureinpicture?: (event: Event) => any;
+  onError?: (event: Event) => any;
+  onLeavepictureinpicture?: (event: Event) => any;
+  onLoadeddata?: (event: Event) => any;
+  onLoadedmetadata?: (event: Event) => any;
+  onLoadstart?: (event: Event) => any;
+  onPause?: (event: Event) => any;
+  onPlay?: (event: Event) => any;
+  onPlaying?: (event: Event) => any;
+  onProgress?: (event: Event) => any;
+  onRatechange?: (event: Event) => any;
+  onReady?: (_player: AudioPlayerHandle) => any;
+  onSeeked?: (event: Event) => any;
+  onSeeking?: (event: Event) => any;
+  onStalled?: (event: Event) => any;
+  onSuspend?: (event: Event) => any;
+  onTimeupdate?: (event: Event) => any;
+  "onUpdate:muted"?: (_muted: boolean) => any;
+  "onUpdate:playbackRate"?: (_rate: number) => any;
+  "onUpdate:volume"?: (_volume: number) => any;
+  onVolumechange?: (event: Event) => any;
+  onWaiting?: (event: Event) => any;
+}>, {
+  autoplay: boolean;
+  loop: boolean;
+  preload: "auto" | "metadata" | "none";
+  muted: boolean | undefined;
+  media: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly src: PropType<string | undefined>;
+    readonly autoplay: BooleanConstructor;
+    readonly loop: BooleanConstructor;
+    readonly preload: {
+      readonly type: PropType<'none' | 'metadata' | 'auto'>;
+      readonly default: 'metadata';
+    };
+    readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+    readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+    readonly volume: PropType<number | undefined>;
+    readonly muted: {
+      readonly type: PropType<boolean | undefined>;
+      readonly default: undefined;
+    };
+    readonly playbackRate: PropType<number | undefined>;
+  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly src: PropType<string | undefined>;
+    readonly autoplay: BooleanConstructor;
+    readonly loop: BooleanConstructor;
+    readonly preload: {
+      readonly type: PropType<'none' | 'metadata' | 'auto'>;
+      readonly default: 'metadata';
+    };
+    readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+    readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+    readonly volume: PropType<number | undefined>;
+    readonly muted: {
+      readonly type: PropType<boolean | undefined>;
+      readonly default: undefined;
+    };
+    readonly playbackRate: PropType<number | undefined>;
+  }>> & Readonly<{
+    onAbort?: (event: Event) => any;
+    onCanplay?: (event: Event) => any;
+    onCanplaythrough?: (event: Event) => any;
+    onDurationchange?: (event: Event) => any;
+    onEmptied?: (event: Event) => any;
+    onEnded?: (event: Event) => any;
+    onEnterpictureinpicture?: (event: Event) => any;
+    onError?: (event: Event) => any;
+    onLeavepictureinpicture?: (event: Event) => any;
+    onLoadeddata?: (event: Event) => any;
+    onLoadedmetadata?: (event: Event) => any;
+    onLoadstart?: (event: Event) => any;
+    onPause?: (event: Event) => any;
+    onPlay?: (event: Event) => any;
+    onPlaying?: (event: Event) => any;
+    onProgress?: (event: Event) => any;
+    onRatechange?: (event: Event) => any;
+    onSeeked?: (event: Event) => any;
+    onSeeking?: (event: Event) => any;
+    onStalled?: (event: Event) => any;
+    onSuspend?: (event: Event) => any;
+    onTimeupdate?: (event: Event) => any;
+    onVolumechange?: (event: Event) => any;
+    onWaiting?: (event: Event) => any;
+  }>, {
+    readonly autoplay: boolean;
+    readonly loop: boolean;
+    readonly preload: "auto" | "metadata" | "none";
+    readonly muted: boolean | undefined;
+  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  skin: "default" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, never> & {
+  new (): ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+      autoplay: boolean;
+      loop: boolean;
+      preload: "auto" | "metadata" | "none";
+      muted: boolean | undefined;
+      media: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+      }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>> & Readonly<{
+        onAbort?: (event: Event) => any;
+        onCanplay?: (event: Event) => any;
+        onCanplaythrough?: (event: Event) => any;
+        onDurationchange?: (event: Event) => any;
+        onEmptied?: (event: Event) => any;
+        onEnded?: (event: Event) => any;
+        onEnterpictureinpicture?: (event: Event) => any;
+        onError?: (event: Event) => any;
+        onLeavepictureinpicture?: (event: Event) => any;
+        onLoadeddata?: (event: Event) => any;
+        onLoadedmetadata?: (event: Event) => any;
+        onLoadstart?: (event: Event) => any;
+        onPause?: (event: Event) => any;
+        onPlay?: (event: Event) => any;
+        onPlaying?: (event: Event) => any;
+        onProgress?: (event: Event) => any;
+        onRatechange?: (event: Event) => any;
+        onSeeked?: (event: Event) => any;
+        onSeeking?: (event: Event) => any;
+        onStalled?: (event: Event) => any;
+        onSuspend?: (event: Event) => any;
+        onTimeupdate?: (event: Event) => any;
+        onVolumechange?: (event: Event) => any;
+        onWaiting?: (event: Event) => any;
+      }>, {
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly preload: "auto" | "metadata" | "none";
+        readonly muted: boolean | undefined;
+      }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+      skin: "default" | "neutral";
+    }> & Omit<{
+      readonly src?: string | undefined;
+      readonly autoplay: boolean;
+      readonly loop: boolean;
+      readonly preload: "auto" | "metadata" | "none";
+      readonly crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
+      readonly tracks?: readonly MediaTrack[] | undefined;
+      readonly volume?: number | undefined;
+      readonly muted?: boolean | undefined;
+      readonly playbackRate?: number | undefined;
+      readonly title?: string;
+      readonly poster?: string;
+      readonly media: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+      }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>> & Readonly<{
+        onAbort?: (event: Event) => any;
+        onCanplay?: (event: Event) => any;
+        onCanplaythrough?: (event: Event) => any;
+        onDurationchange?: (event: Event) => any;
+        onEmptied?: (event: Event) => any;
+        onEnded?: (event: Event) => any;
+        onEnterpictureinpicture?: (event: Event) => any;
+        onError?: (event: Event) => any;
+        onLeavepictureinpicture?: (event: Event) => any;
+        onLoadeddata?: (event: Event) => any;
+        onLoadedmetadata?: (event: Event) => any;
+        onLoadstart?: (event: Event) => any;
+        onPause?: (event: Event) => any;
+        onPlay?: (event: Event) => any;
+        onPlaying?: (event: Event) => any;
+        onProgress?: (event: Event) => any;
+        onRatechange?: (event: Event) => any;
+        onSeeked?: (event: Event) => any;
+        onSeeking?: (event: Event) => any;
+        onStalled?: (event: Event) => any;
+        onSuspend?: (event: Event) => any;
+        onTimeupdate?: (event: Event) => any;
+        onVolumechange?: (event: Event) => any;
+        onWaiting?: (event: Event) => any;
+      }>, {
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly preload: "auto" | "metadata" | "none";
+        readonly muted: boolean | undefined;
+      }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+      readonly skin: "default" | "neutral";
+      readonly onAbort?: (event: Event) => any;
+      readonly onCanplay?: (event: Event) => any;
+      readonly onCanplaythrough?: (event: Event) => any;
+      readonly onDurationchange?: (event: Event) => any;
+      readonly onEmptied?: (event: Event) => any;
+      readonly onEnded?: (event: Event) => any;
+      readonly onEnterpictureinpicture?: (event: Event) => any;
+      readonly onError?: (event: Event) => any;
+      readonly onLeavepictureinpicture?: (event: Event) => any;
+      readonly onLoadeddata?: (event: Event) => any;
+      readonly onLoadedmetadata?: (event: Event) => any;
+      readonly onLoadstart?: (event: Event) => any;
+      readonly onPause?: (event: Event) => any;
+      readonly onPlay?: (event: Event) => any;
+      readonly onPlaying?: (event: Event) => any;
+      readonly onProgress?: (event: Event) => any;
+      readonly onRatechange?: (event: Event) => any;
+      readonly onReady?: (_player: AudioPlayerHandle) => any;
+      readonly onSeeked?: (event: Event) => any;
+      readonly onSeeking?: (event: Event) => any;
+      readonly onStalled?: (event: Event) => any;
+      readonly onSuspend?: (event: Event) => any;
+      readonly onTimeupdate?: (event: Event) => any;
+      readonly "onUpdate:muted"?: (_muted: boolean) => any;
+      readonly "onUpdate:playbackRate"?: (_rate: number) => any;
+      readonly "onUpdate:volume"?: (_volume: number) => any;
+      readonly onVolumechange?: (event: Event) => any;
+      readonly onWaiting?: (event: Event) => any;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "autoplay" | "loop" | "media" | "muted" | "preload" | "skin">;
+    $attrs: import("vue").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "abort", event: Event) => void) & ((event: "canplay", event: Event) => void) & ((event: "canplaythrough", event: Event) => void) & ((event: "durationchange", event: Event) => void) & ((event: "emptied", event: Event) => void) & ((event: "ended", event: Event) => void) & ((event: "enterpictureinpicture", event: Event) => void) & ((event: "error", event: Event) => void) & ((event: "leavepictureinpicture", event: Event) => void) & ((event: "loadeddata", event: Event) => void) & ((event: "loadedmetadata", event: Event) => void) & ((event: "loadstart", event: Event) => void) & ((event: "pause", event: Event) => void) & ((event: "play", event: Event) => void) & ((event: "playing", event: Event) => void) & ((event: "progress", event: Event) => void) & ((event: "ratechange", event: Event) => void) & ((event: "ready", _player: AudioPlayerHandle) => void) & ((event: "seeked", event: Event) => void) & ((event: "seeking", event: Event) => void) & ((event: "stalled", event: Event) => void) & ((event: "suspend", event: Event) => void) & ((event: "timeupdate", event: Event) => void) & ((event: "update:muted", _muted: boolean) => void) & ((event: "update:playbackRate", _rate: number) => void) & ((event: "update:volume", _volume: number) => void) & ((event: "volumechange", event: Event) => void) & ((event: "waiting", event: Event) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+      src: PropType<string | undefined>;
+      autoplay: BooleanConstructor;
+      loop: BooleanConstructor;
+      preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      tracks: PropType<readonly MediaTrack[] | undefined>;
+      volume: PropType<number | undefined>;
+      muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      playbackRate: PropType<number | undefined>;
+      title: StringConstructor;
+      poster: StringConstructor;
+      media: {
+        type: PropType<AudioMediaComponent>;
+        default: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+          readonly src: PropType<string | undefined>;
+          readonly autoplay: BooleanConstructor;
+          readonly loop: BooleanConstructor;
+          readonly preload: {
+            readonly type: PropType<'none' | 'metadata' | 'auto'>;
+            readonly default: 'metadata';
+          };
+          readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+          readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+          readonly volume: PropType<number | undefined>;
+          readonly muted: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+          };
+          readonly playbackRate: PropType<number | undefined>;
+        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+          [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+          readonly src: PropType<string | undefined>;
+          readonly autoplay: BooleanConstructor;
+          readonly loop: BooleanConstructor;
+          readonly preload: {
+            readonly type: PropType<'none' | 'metadata' | 'auto'>;
+            readonly default: 'metadata';
+          };
+          readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+          readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+          readonly volume: PropType<number | undefined>;
+          readonly muted: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+          };
+          readonly playbackRate: PropType<number | undefined>;
+        }>> & Readonly<{
+          onAbort?: (event: Event) => any;
+          onCanplay?: (event: Event) => any;
+          onCanplaythrough?: (event: Event) => any;
+          onDurationchange?: (event: Event) => any;
+          onEmptied?: (event: Event) => any;
+          onEnded?: (event: Event) => any;
+          onEnterpictureinpicture?: (event: Event) => any;
+          onError?: (event: Event) => any;
+          onLeavepictureinpicture?: (event: Event) => any;
+          onLoadeddata?: (event: Event) => any;
+          onLoadedmetadata?: (event: Event) => any;
+          onLoadstart?: (event: Event) => any;
+          onPause?: (event: Event) => any;
+          onPlay?: (event: Event) => any;
+          onPlaying?: (event: Event) => any;
+          onProgress?: (event: Event) => any;
+          onRatechange?: (event: Event) => any;
+          onSeeked?: (event: Event) => any;
+          onSeeking?: (event: Event) => any;
+          onStalled?: (event: Event) => any;
+          onSuspend?: (event: Event) => any;
+          onTimeupdate?: (event: Event) => any;
+          onVolumechange?: (event: Event) => any;
+          onWaiting?: (event: Event) => any;
+        }>, {
+          readonly autoplay: boolean;
+          readonly loop: boolean;
+          readonly preload: "auto" | "metadata" | "none";
+          readonly muted: boolean | undefined;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+      };
+      skin: {
+        type: PropType<'default' | 'neutral'>;
+        default: 'default' | 'neutral';
+      };
+    }>> & Readonly<{
+      onAbort?: (event: Event) => any;
+      onCanplay?: (event: Event) => any;
+      onCanplaythrough?: (event: Event) => any;
+      onDurationchange?: (event: Event) => any;
+      onEmptied?: (event: Event) => any;
+      onEnded?: (event: Event) => any;
+      onEnterpictureinpicture?: (event: Event) => any;
+      onError?: (event: Event) => any;
+      onLeavepictureinpicture?: (event: Event) => any;
+      onLoadeddata?: (event: Event) => any;
+      onLoadedmetadata?: (event: Event) => any;
+      onLoadstart?: (event: Event) => any;
+      onPause?: (event: Event) => any;
+      onPlay?: (event: Event) => any;
+      onPlaying?: (event: Event) => any;
+      onProgress?: (event: Event) => any;
+      onRatechange?: (event: Event) => any;
+      onReady?: (_player: AudioPlayerHandle) => any;
+      onSeeked?: (event: Event) => any;
+      onSeeking?: (event: Event) => any;
+      onStalled?: (event: Event) => any;
+      onSuspend?: (event: Event) => any;
+      onTimeupdate?: (event: Event) => any;
+      "onUpdate:muted"?: (_muted: boolean) => any;
+      "onUpdate:playbackRate"?: (_rate: number) => any;
+      "onUpdate:volume"?: (_volume: number) => any;
+      onVolumechange?: (event: Event) => any;
+      onWaiting?: (event: Event) => any;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+      [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+      ready: (_player: AudioPlayerHandle) => boolean;
+      'update:volume': (_volume: number) => boolean;
+      'update:muted': (_muted: boolean) => boolean;
+      'update:playbackRate': (_rate: number) => boolean;
+      abort: (event: Event) => boolean;
+      canplay: (event: Event) => boolean;
+      canplaythrough: (event: Event) => boolean;
+      durationchange: (event: Event) => boolean;
+      emptied: (event: Event) => boolean;
+      ended: (event: Event) => boolean;
+      enterpictureinpicture: (event: Event) => boolean;
+      error: (event: Event) => boolean;
+      leavepictureinpicture: (event: Event) => boolean;
+      loadeddata: (event: Event) => boolean;
+      loadedmetadata: (event: Event) => boolean;
+      loadstart: (event: Event) => boolean;
+      pause: (event: Event) => boolean;
+      play: (event: Event) => boolean;
+      playing: (event: Event) => boolean;
+      progress: (event: Event) => boolean;
+      ratechange: (event: Event) => boolean;
+      seeked: (event: Event) => boolean;
+      seeking: (event: Event) => boolean;
+      stalled: (event: Event) => boolean;
+      suspend: (event: Event) => boolean;
+      timeupdate: (event: Event) => boolean;
+      volumechange: (event: Event) => boolean;
+      waiting: (event: Event) => boolean;
+    }, string, {
+      autoplay: boolean;
+      loop: boolean;
+      preload: "auto" | "metadata" | "none";
+      muted: boolean | undefined;
+      media: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+      }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>> & Readonly<{
+        onAbort?: (event: Event) => any;
+        onCanplay?: (event: Event) => any;
+        onCanplaythrough?: (event: Event) => any;
+        onDurationchange?: (event: Event) => any;
+        onEmptied?: (event: Event) => any;
+        onEnded?: (event: Event) => any;
+        onEnterpictureinpicture?: (event: Event) => any;
+        onError?: (event: Event) => any;
+        onLeavepictureinpicture?: (event: Event) => any;
+        onLoadeddata?: (event: Event) => any;
+        onLoadedmetadata?: (event: Event) => any;
+        onLoadstart?: (event: Event) => any;
+        onPause?: (event: Event) => any;
+        onPlay?: (event: Event) => any;
+        onPlaying?: (event: Event) => any;
+        onProgress?: (event: Event) => any;
+        onRatechange?: (event: Event) => any;
+        onSeeked?: (event: Event) => any;
+        onSeeking?: (event: Event) => any;
+        onStalled?: (event: Event) => any;
+        onSuspend?: (event: Event) => any;
+        onTimeupdate?: (event: Event) => any;
+        onVolumechange?: (event: Event) => any;
+        onWaiting?: (event: Event) => any;
+      }>, {
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly preload: "auto" | "metadata" | "none";
+        readonly muted: boolean | undefined;
+      }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+      skin: "default" | "neutral";
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+      beforeCreate?: (() => void)[] | (() => void);
+      created?: (() => void)[] | (() => void);
+      beforeMount?: (() => void)[] | (() => void);
+      mounted?: (() => void)[] | (() => void);
+      beforeUpdate?: (() => void)[] | (() => void);
+      updated?: (() => void)[] | (() => void);
+      activated?: (() => void)[] | (() => void);
+      deactivated?: (() => void)[] | (() => void);
+      beforeDestroy?: (() => void)[] | (() => void);
+      beforeUnmount?: (() => void)[] | (() => void);
+      destroyed?: (() => void)[] | (() => void);
+      unmounted?: (() => void)[] | (() => void);
+      renderTracked?: ((e: import("vue").DebuggerEvent) => void)[] | ((e: import("vue").DebuggerEvent) => void);
+      renderTriggered?: ((e: import("vue").DebuggerEvent) => void)[] | ((e: import("vue").DebuggerEvent) => void);
+      errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[] | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void);
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+  } & Readonly<{
+    autoplay: boolean;
+    loop: boolean;
+    preload: "auto" | "metadata" | "none";
+    muted: boolean | undefined;
+    media: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+      [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+      readonly src: PropType<string | undefined>;
+      readonly autoplay: BooleanConstructor;
+      readonly loop: BooleanConstructor;
+      readonly preload: {
+        readonly type: PropType<'none' | 'metadata' | 'auto'>;
+        readonly default: 'metadata';
+      };
+      readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+      readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+      readonly volume: PropType<number | undefined>;
+      readonly muted: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+      };
+      readonly playbackRate: PropType<number | undefined>;
+    }>> & Readonly<{
+      onAbort?: (event: Event) => any;
+      onCanplay?: (event: Event) => any;
+      onCanplaythrough?: (event: Event) => any;
+      onDurationchange?: (event: Event) => any;
+      onEmptied?: (event: Event) => any;
+      onEnded?: (event: Event) => any;
+      onEnterpictureinpicture?: (event: Event) => any;
+      onError?: (event: Event) => any;
+      onLeavepictureinpicture?: (event: Event) => any;
+      onLoadeddata?: (event: Event) => any;
+      onLoadedmetadata?: (event: Event) => any;
+      onLoadstart?: (event: Event) => any;
+      onPause?: (event: Event) => any;
+      onPlay?: (event: Event) => any;
+      onPlaying?: (event: Event) => any;
+      onProgress?: (event: Event) => any;
+      onRatechange?: (event: Event) => any;
+      onSeeked?: (event: Event) => any;
+      onSeeking?: (event: Event) => any;
+      onStalled?: (event: Event) => any;
+      onSuspend?: (event: Event) => any;
+      onTimeupdate?: (event: Event) => any;
+      onVolumechange?: (event: Event) => any;
+      onWaiting?: (event: Event) => any;
+    }>, {
+      readonly autoplay: boolean;
+      readonly loop: boolean;
+      readonly preload: "auto" | "metadata" | "none";
+      readonly muted: boolean | undefined;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    skin: "default" | "neutral";
+  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+    src: PropType<string | undefined>;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+      readonly type: PropType<'none' | 'metadata' | 'auto'>;
+      readonly default: 'metadata';
+    };
+    crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+    tracks: PropType<readonly MediaTrack[] | undefined>;
+    volume: PropType<number | undefined>;
+    muted: {
+      readonly type: PropType<boolean | undefined>;
+      readonly default: undefined;
+    };
+    playbackRate: PropType<number | undefined>;
+    title: StringConstructor;
+    poster: StringConstructor;
+    media: {
+      type: PropType<AudioMediaComponent>;
+      default: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+      }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "enterpictureinpicture" | "error" | "leavepictureinpicture" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting", (event: Event) => boolean>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly src: PropType<string | undefined>;
+        readonly autoplay: BooleanConstructor;
+        readonly loop: BooleanConstructor;
+        readonly preload: {
+          readonly type: PropType<'none' | 'metadata' | 'auto'>;
+          readonly default: 'metadata';
+        };
+        readonly crossorigin: PropType<'' | 'anonymous' | 'use-credentials' | undefined>;
+        readonly tracks: PropType<readonly MediaTrack[] | undefined>;
+        readonly volume: PropType<number | undefined>;
+        readonly muted: {
+          readonly type: PropType<boolean | undefined>;
+          readonly default: undefined;
+        };
+        readonly playbackRate: PropType<number | undefined>;
+      }>> & Readonly<{
+        onAbort?: (event: Event) => any;
+        onCanplay?: (event: Event) => any;
+        onCanplaythrough?: (event: Event) => any;
+        onDurationchange?: (event: Event) => any;
+        onEmptied?: (event: Event) => any;
+        onEnded?: (event: Event) => any;
+        onEnterpictureinpicture?: (event: Event) => any;
+        onError?: (event: Event) => any;
+        onLeavepictureinpicture?: (event: Event) => any;
+        onLoadeddata?: (event: Event) => any;
+        onLoadedmetadata?: (event: Event) => any;
+        onLoadstart?: (event: Event) => any;
+        onPause?: (event: Event) => any;
+        onPlay?: (event: Event) => any;
+        onPlaying?: (event: Event) => any;
+        onProgress?: (event: Event) => any;
+        onRatechange?: (event: Event) => any;
+        onSeeked?: (event: Event) => any;
+        onSeeking?: (event: Event) => any;
+        onStalled?: (event: Event) => any;
+        onSuspend?: (event: Event) => any;
+        onTimeupdate?: (event: Event) => any;
+        onVolumechange?: (event: Event) => any;
+        onWaiting?: (event: Event) => any;
+      }>, {
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly preload: "auto" | "metadata" | "none";
+        readonly muted: boolean | undefined;
+      }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    skin: {
+      type: PropType<'default' | 'neutral'>;
+      default: 'default' | 'neutral';
+    };
+  }>> & Readonly<{
+    onAbort?: (event: Event) => any;
+    onCanplay?: (event: Event) => any;
+    onCanplaythrough?: (event: Event) => any;
+    onDurationchange?: (event: Event) => any;
+    onEmptied?: (event: Event) => any;
+    onEnded?: (event: Event) => any;
+    onEnterpictureinpicture?: (event: Event) => any;
+    onError?: (event: Event) => any;
+    onLeavepictureinpicture?: (event: Event) => any;
+    onLoadeddata?: (event: Event) => any;
+    onLoadedmetadata?: (event: Event) => any;
+    onLoadstart?: (event: Event) => any;
+    onPause?: (event: Event) => any;
+    onPlay?: (event: Event) => any;
+    onPlaying?: (event: Event) => any;
+    onProgress?: (event: Event) => any;
+    onRatechange?: (event: Event) => any;
+    onReady?: (_player: AudioPlayerHandle) => any;
+    onSeeked?: (event: Event) => any;
+    onSeeking?: (event: Event) => any;
+    onStalled?: (event: Event) => any;
+    onSuspend?: (event: Event) => any;
+    onTimeupdate?: (event: Event) => any;
+    "onUpdate:muted"?: (_muted: boolean) => any;
+    "onUpdate:playbackRate"?: (_rate: number) => any;
+    "onUpdate:volume"?: (_volume: number) => any;
+    onVolumechange?: (event: Event) => any;
+    onWaiting?: (event: Event) => any;
+  }>, "autoplay" | "loop" | "media" | "muted" | "preload" | "skin"> & {} & {} & import("vue").ComponentCustomProperties & {} & AudioPlayerHandle) & {
+    $props: {
+      skin?: Skin;
+    };
+  };
+};
+//#endregion