@ktt45678/vidstack
Version:
UI component library for building high-quality, accessible video and audio experiences on the web.
127 lines (122 loc) • 6.28 kB
JavaScript
export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, Logger, MEDIA_KEY_SHORTCUTS, MediaControls, MediaPlayer, MediaProvider, MediaRemoteControl, ScreenOrientationController, TextRenderers, TextTrackList, VideoProviderLoader, VideoQualityList, VimeoProviderLoader, YouTubeProviderLoader, canFullscreen, isAudioProvider, isDASHProvider, isGoogleCastProvider, isHLSProvider, isHTMLAudioElement, isHTMLIFrameElement, isHTMLMediaElement, isHTMLVideoElement, isVideoProvider, isVideoQualitySrc, isVimeoProvider, isYouTubeProvider, mediaState, softResetMediaState } from './chunks/vidstack-_Ew6TaIO.js';
export { mediaContext } from './chunks/vidstack-DQ4Fz5gz.js';
import { TextTrackSymbol } from './chunks/vidstack-DSRs3D8P.js';
export { TextTrack, isTrackCaptionKind, parseJSONCaptionsFile } from './chunks/vidstack-DSRs3D8P.js';
import { isString, listenEvent, DOMEvent, useState } from './chunks/vidstack-fG_Sx3Q9.js';
export { appendTriggerEvent, findTriggerEvent, hasTriggerEvent, isKeyboardClick, isKeyboardEvent, isPointerEvent, walkTriggerEventChain } from './chunks/vidstack-fG_Sx3Q9.js';
export { findActiveCue, isCueActive, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-C_9SlM6s.js';
export { sortVideoQualities } from './chunks/vidstack-BOTZD4tC.js';
import { Thumbnail, Slider } from './chunks/vidstack-Ck_0mM2P.js';
export { ARIAKeyShortcuts, AirPlayButton, AudioRadioGroup, CaptionButton, CaptionsRadioGroup, DEFAULT_PLAYBACK_RATES, FullscreenButton, LiveButton, Menu, MenuButton, MenuItem, MenuItems, MenuPortal, MuteButton, PIPButton, PlayButton, QualityRadioGroup, SeekButton, SliderController, SliderPreview, SliderValue, SpeedRadioGroup, ThumbnailsLoader, Time, TimeSlider, VolumeSlider, formatSpokenTime, formatTime, menuPortalContext, sliderContext, sliderState, updateSliderPreviewPlacement } from './chunks/vidstack-Ck_0mM2P.js';
export { TimeRange, getTimeRangesEnd, getTimeRangesStart, normalizeTimeIntervals, updateTimeIntervals } from './chunks/vidstack-CLRUrTzh.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-NoNOQEzq.js';
export { Poster } from './chunks/vidstack-Cm9rVuuf.js';
export { usePlyrLayoutClasses } from './chunks/vidstack-CrhQebqL.js';
export { getDownloadFile } from './chunks/vidstack-BnCZ4oyK.js';
export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, VIDEO_EXTENSIONS, VIDEO_TYPES, canChangeVolume, canGoogleCastSrc, canOrientScreen, canPlayHLSNatively, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, isAudioSrc, isDASHSrc, isHLSSrc, isMediaStream, isParsedManifest, isVideoSrc } from './chunks/vidstack-BpOkecTJ.js';
import './chunks/vidstack-BXMqlVv4.js';
import './chunks/vidstack-BYmCj-36.js';
import './chunks/vidstack-DbBJlz7I.js';
import './chunks/vidstack-DdUZGy1h.js';
import '@floating-ui/dom';
import './chunks/vidstack-Dihypf8P.js';
import './chunks/vidstack-DvBAQUpx.js';
import './providers/vidstack-dash.js';
import './providers/vidstack-video.js';
import './providers/vidstack-html.js';
import './chunks/vidstack-B9iqnZP1.js';
import 'media-captions';
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, "ready", () => {
const canvas = this._instance?._canvas;
if (canvas) canvas.style.pointerEvents = "none";
if (this._instance && this.rendererConfig?.onSubtitleReady)
this.rendererConfig.onSubtitleReady(this._instance);
});
const disposeErrorEvent = listenEvent(this._instance, "error", (event) => {
if (this._track) {
this._track[TextTrackSymbol._readyState] = 3;
this._track.dispatchEvent(
new DOMEvent("error", {
trigger: event,
detail: event.error
})
);
}
});
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();
}
}
{
console.warn("[vidstack] dev mode!");
}
export { LibASSTextRenderer, Slider, SliderThumbnail, Thumbnail };