@ktt45678/vidstack/server/vidstack.js

UI component library for building high-quality, accessible video and audio experiences on the web.

import { GroupedLog } from './chunks/vidstack-Dv-j8Hw0.js';
export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, MEDIA_KEY_SHORTCUTS, MediaControls, MediaPlayer, MediaProvider, MediaRemoteControl, ScreenOrientationController, TextRenderers, TextTrackList, TimeRange, VideoProviderLoader, VideoQualityList, VimeoProviderLoader, YouTubeProviderLoader, canChangeVolume, canFullscreen, canOrientScreen, canPlayHLSNatively, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, getTimeRangesEnd, getTimeRangesStart, isAudioProvider, isDASHProvider, isGoogleCastProvider, isHLSProvider, isHTMLAudioElement, isHTMLIFrameElement, isHTMLMediaElement, isHTMLVideoElement, isVideoProvider, isVideoQualitySrc, isVimeoProvider, isYouTubeProvider, mediaState, normalizeTimeIntervals, softResetMediaState, updateTimeIntervals } from './chunks/vidstack-Dv-j8Hw0.js';
import { DOMEvent, isString, listenEvent, useState } from './chunks/vidstack-41uXLVgN.js';
export { appendTriggerEvent, findTriggerEvent, hasTriggerEvent, isKeyboardClick, isKeyboardEvent, isPointerEvent, walkTriggerEventChain } from './chunks/vidstack-41uXLVgN.js';
export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, VIDEO_EXTENSIONS, VIDEO_TYPES, canGoogleCastSrc, findActiveCue, getDownloadFile, isAudioSrc, isCueActive, isDASHSrc, isHLSSrc, isMediaStream, isParsedManifest, isVideoSrc, mediaContext, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-DPeH8lGJ.js';
export { TextTrack, isTrackCaptionKind, parseJSONCaptionsFile } from './chunks/vidstack-BI9udY6A.js';
export { sortVideoQualities } from './chunks/vidstack-BOTZD4tC.js';
import { Thumbnail, Slider } from './chunks/vidstack-DKuBmwBi.js';
export { ARIAKeyShortcuts, AirPlayButton, AudioRadioGroup, CaptionButton, CaptionsRadioGroup, DEFAULT_PLAYBACK_RATES, FullscreenButton, LiveButton, Menu, MenuButton, MenuItem, MenuItems, MenuPortal, MuteButton, PIPButton, PlayButton, Poster, QualityRadioGroup, SeekButton, SliderController, SliderPreview, SliderValue, SpeedRadioGroup, ThumbnailsLoader, Time, TimeSlider, VolumeSlider, formatSpokenTime, formatTime, menuPortalContext, sliderContext, sliderState, updateSliderPreviewPlacement } from './chunks/vidstack-DKuBmwBi.js';
export { AudioGainRadioGroup, AudioGainSlider, Captions, ChaptersRadioGroup, Controls, ControlsGroup, DEFAULT_AUDIO_GAINS, Gesture, GoogleCastButton, MediaAnnouncer, QualitySlider, Radio, RadioGroup, SliderChapters, SliderVideo, SpeedSlider, ToggleButton, Tooltip, TooltipContent, TooltipTrigger } from './chunks/vidstack-7f0cc4Nq.js';
export { usePlyrLayoutClasses } from './chunks/vidstack-BuhgbZ2O.js';
import '@floating-ui/dom';
import 'media-captions';

class Logger {
  constructor() {
    this._target = null;
  }
  error(...data) {
    return this.dispatch("error", ...data);
  }
  warn(...data) {
    return this.dispatch("warn", ...data);
  }
  info(...data) {
    return this.dispatch("info", ...data);
  }
  debug(...data) {
    return this.dispatch("debug", ...data);
  }
  errorGroup(title) {
    return new GroupedLog(this, "error", title);
  }
  warnGroup(title) {
    return new GroupedLog(this, "warn", title);
  }
  infoGroup(title) {
    return new GroupedLog(this, "info", title);
  }
  debugGroup(title) {
    return new GroupedLog(this, "debug", title);
  }
  setTarget(newTarget) {
    this._target = newTarget;
  }
  dispatch(level, ...data) {
    return this._target?.dispatchEvent(
      new DOMEvent("vds-log", {
        bubbles: true,
        composed: true,
        detail: { level, data }
      })
    ) || false;
  }
}

class LibASSTextRenderer {
  constructor(loader, config, rendererConfig) {
    this.loader = loader;
    this.config = config;
    this.rendererConfig = rendererConfig;
    this.priority = 1;
    this._instance = null;
    this._track = null;
    this._typeRE = /(ssa|ass)$/;
    this._libAssCtor = null;
    this._instanceDisposeFn = [];
  }
  get instance() {
    return this._instance;
  }
  canRender(track, video) {
    return !!video && !!track.src && (isString(track.type) && this._typeRE.test(track.type) || this._typeRE.test(track.src));
  }
  async attach(video) {
    if (!video) return;
    if (this._libAssCtor === null)
      this._libAssCtor = await this.loader().then((mod) => mod.default);
    if (this._instance) this.destroy();
    this._instance = new this._libAssCtor({
      ...this.config,
      video,
      subUrl: this._track?.content ? void 0 : this._track?.src || "",
      subContent: this.isValidContent(this._track?.content) ? this._track?.content : void 0
    });
    const disposeReadyEvent = listenEvent(this._instance);
    const disposeErrorEvent = listenEvent(this._instance);
    this._instanceDisposeFn.push(disposeReadyEvent, disposeErrorEvent);
  }
  changeTrack(track, video) {
    if (!track || track.readyState === 3) {
      this._freeTrack();
      this.destroy();
    } else if (this._track !== track) {
      this.destroy();
      this._track = track;
      this.attach(video);
    }
  }
  detach() {
    this._freeTrack();
    this.destroy();
  }
  destroy() {
    if (!this._instance) return;
    this._instanceDisposeFn.forEach((fn) => {
      fn();
    });
    this._instanceDisposeFn = [];
    this._instance.destroy();
    this._instance = null;
  }
  _freeTrack() {
    this._instance?.freeTrack();
    this._track = null;
  }
  isValidContent(content) {
    if (!content) return true;
    if (typeof content === "string") return true;
    return false;
  }
}

class SliderThumbnail extends Thumbnail {
  onAttach(el) {
    this._slider = useState(Slider.state);
  }
  _getTime() {
    const { duration, clipStartTime } = this._media.$state;
    return clipStartTime() + this._slider.pointerRate() * duration();
  }
}

export { LibASSTextRenderer, Logger, Slider, SliderThumbnail, Thumbnail };