Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vidstack/react

Package Overview
Dependencies
Maintainers
1
Versions
156
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vidstack/react - npm Package Compare versions

Comparing version 1.11.13 to 1.11.14

dev/chunks/vidstack-23gXQBUI.js

10

dev/player/vidstack-default-components.js
"use client"
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions } from '../chunks/vidstack-DtM6UzeT.js';
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions } from '../chunks/vidstack-23gXQBUI.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-DaUsD3rO.js';
import '../chunks/vidstack-DRPPjpZF.js';
import '../chunks/vidstack-D7RSGG1i.js';
import '../chunks/vidstack-yZUNOrPK.js';
import '../chunks/vidstack-BOlcEhVz.js';
import '../chunks/vidstack-BlpzL1Hz.js';
import '../chunks/vidstack-Bb7ORy72.js';
import 'react-dom';
import '../chunks/vidstack-D7RIHLDF.js';
import '../chunks/vidstack-BGeG6vkT.js';
import '../chunks/vidstack-DE2V7Z4A.js';
import '../chunks/vidstack-CrXS53tu.js';
import '../chunks/vidstack-Xvq9wjeH.js';
"use client"
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, D as DefaultLayoutContext, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions, i as i18n, u as useDefaultLayoutContext, a as useDefaultLayoutWord } from '../chunks/vidstack-DtM6UzeT.js';
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, D as DefaultLayoutContext, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions, i as i18n, u as useDefaultLayoutContext, a as useDefaultLayoutWord } from '../chunks/vidstack-23gXQBUI.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-DaUsD3rO.js';
import '../chunks/vidstack-DRPPjpZF.js';
import '../chunks/vidstack-D7RSGG1i.js';
import '../chunks/vidstack-yZUNOrPK.js';
import '../chunks/vidstack-BOlcEhVz.js';
import '../chunks/vidstack-BlpzL1Hz.js';
import '../chunks/vidstack-Bb7ORy72.js';
import 'react-dom';
import '../chunks/vidstack-D7RIHLDF.js';
import '../chunks/vidstack-BGeG6vkT.js';
import '../chunks/vidstack-DE2V7Z4A.js';
import '../chunks/vidstack-CrXS53tu.js';
import '../chunks/vidstack-Xvq9wjeH.js';
"use client"
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-D7RSGG1i.js';
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-BlpzL1Hz.js';
import * as React from 'react';
import { y as uppercaseFirstChar, n as isUndefined, s as signal, z as composeRefs, u as useSignal, j as isNumber, l as listenEvent, A as isKeyboardEvent, B as isKeyboardClick } from '../chunks/vidstack-DaUsD3rO.js';
import { a as useMediaContext, P as PlayButton, R as Root, I as Img, G as Gesture, A as AirPlayButton, C as CaptionButton, F as FullscreenButton, b as PIPButton, S as SeekButton, c as Root$1, V as Value, d as Preview, T as Thumbnail, L as LiveButton, e as Time, f as Root$2, B as Button, g as Items, h as useAudioOptions, i as Root$3, j as Item, k as useCaptionOptions, M as MuteButton, l as Root$4 } from '../chunks/vidstack-yZUNOrPK.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-nal4t3K4.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-D7RIHLDF.js';
import { a as useMediaContext, P as PlayButton, R as Root, I as Img, G as Gesture, A as AirPlayButton, C as CaptionButton, F as FullscreenButton, b as PIPButton, S as SeekButton, c as Root$1, V as Value, d as Preview, T as Thumbnail, L as LiveButton, e as Time, f as Root$2, B as Button, g as Items, h as useAudioOptions, i as Root$3, j as Item, k as useCaptionOptions, M as MuteButton, l as Root$4 } from '../chunks/vidstack-Bb7ORy72.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-C-70g8x3.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-BGeG6vkT.js';
import { R as RemotionThumbnail, a as RemotionPoster, b as RemotionSliderThumbnail } from '../chunks/vidstack-DE2V7Z4A.js';

@@ -10,0 +10,0 @@ export { plyrLayoutIcons } from './vidstack-plyr-icons.js';

@@ -6,4 +6,4 @@ "use client"

import { Internals, random } from 'remotion';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-D7RSGG1i.js';
export { r as isRemotionProvider } from '../chunks/vidstack-D7RSGG1i.js';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-BlpzL1Hz.js';
export { r as isRemotionProvider } from '../chunks/vidstack-BlpzL1Hz.js';
import { R as RemotionThumbnail$1, b as RemotionSliderThumbnail$1, a as RemotionPoster$1 } from '../chunks/vidstack-DE2V7Z4A.js';

@@ -350,3 +350,3 @@

async load(ctx) {
return new (await import('../chunks/vidstack-A3DDDlpC.js')).RemotionProvider(this.target, ctx);
return new (await import('../chunks/vidstack-DeqlV9x_.js')).RemotionProvider(this.target, ctx);
}

@@ -353,0 +353,0 @@ }

"use client"
import { i as TextTrackSymbol, P as Primitive, h as MediaPlayerInstance, r as isRemotionProvider, t as MediaProviderInstance, v as mediaState, b as TextTrack, w as ToggleButtonInstance, x as PosterInstance, u as useMediaState, y as ThumbnailsLoader, z as updateSliderPreviewPlacement, A as DEFAULT_AUDIO_GAINS } from './chunks/vidstack-D7RSGG1i.js';
export { a0 as ARIAKeyShortcuts, aT as AUDIO_EXTENSIONS, aU as AUDIO_TYPES, bd as AirPlayButtonInstance, aP as AudioGainRadioGroup, bm as AudioGainSliderInstance, af as AudioProviderLoader, aO as AudioRadioGroup, a9 as AudioTrackList, b7 as CaptionButtonInstance, bB as CaptionsInstance, aQ as CaptionsRadioGroup, aN as ChaptersRadioGroup, ax as ControlsGroup, b6 as ControlsGroupInstance, b5 as ControlsInstance, ag as DASHProviderLoader, aY as DASH_VIDEO_EXTENSIONS, a_ as DASH_VIDEO_TYPES, D as DEFAULT_PLAYBACK_RATES, b8 as FullscreenButtonInstance, U as FullscreenController, bC as GestureInstance, be as GoogleCastButtonInstance, ah as HLSProviderLoader, aX as HLS_VIDEO_EXTENSIONS, aZ as HLS_VIDEO_TYPES, S as List, b9 as LiveButtonInstance, _ as LocalMediaStorage, B as Logger, $ as MEDIA_KEY_SHORTCUTS, b4 as MediaAnnouncerInstance, Z as MediaControls, M as MediaRemoteControl, aH as MenuButton, bv as MenuButtonInstance, bu as MenuInstance, aI as MenuItem, bx as MenuItemInstance, aL as MenuItems, bw as MenuItemsInstance, aJ as MenuPortal, by as MenuPortalInstance, ba as MuteButtonInstance, bb as PIPButtonInstance, bc as PlayButtonInstance, aS as QualityRadioGroup, bo as QualitySliderInstance, aM as Radio, bz as RadioGroupInstance, bA as RadioInstance, X as ScreenOrientationController, bf as SeekButtonInstance, aG as SliderChapters, bt as SliderChaptersInstance, aB as SliderController, bj as SliderInstance, aF as SliderPreview, bs as SliderPreviewInstance, aC as SliderThumbnail, bp as SliderThumbnailInstance, aE as SliderValue, bq as SliderValueInstance, aD as SliderVideo, br as SliderVideoInstance, aR as SpeedRadioGroup, bn as SpeedSliderInstance, a5 as TextRenderers, a8 as TextTrackList, bD as ThumbnailInstance, bE as TimeInstance, T as TimeRange, bk as TimeSliderInstance, az as TooltipContent, bi as TooltipContentInstance, bg as TooltipInstance, ay as TooltipTrigger, bh as TooltipTriggerInstance, aV as VIDEO_EXTENSIONS, aW as VIDEO_TYPES, ai as VideoProviderLoader, ae as VideoQualityList, aj as VimeoProviderLoader, bl as VolumeSliderInstance, ak as YouTubeProviderLoader, F as canChangeVolume, W as canFullscreen, f as canGoogleCastSrc, G as canOrientScreen, J as canPlayHLSNatively, O as canRotateScreen, K as canUsePictureInPicture, N as canUseVideoPresentation, aa as findActiveCue, E as formatSpokenTime, C as formatTime, o as getDownloadFile, a4 as getTimeRangesEnd, a3 as getTimeRangesStart, al as isAudioProvider, a$ as isAudioSrc, ab as isCueActive, ao as isDASHProvider, b2 as isDASHSrc, ar as isGoogleCastProvider, an as isHLSProvider, b1 as isHLSSrc, as as isHTMLAudioElement, av as isHTMLIFrameElement, au as isHTMLMediaElement, at as isHTMLVideoElement, b3 as isMediaStream, a6 as isTrackCaptionKind, am as isVideoProvider, a1 as isVideoQualitySrc, b0 as isVideoSrc, aq as isVimeoProvider, ap as isYouTubeProvider, Y as mediaContext, aK as menuPortalContext, a7 as parseJSONCaptionsFile, aw as sliderContext, aA as sliderState, a2 as softResetMediaState, s as sortVideoQualities, bF as useMediaStore, n as usePlyrLayoutClasses, q as useSliderState, bG as useSliderStore, ac as watchActiveTextTrack, ad as watchCueTextChange } from './chunks/vidstack-D7RSGG1i.js';
import { i as TextTrackSymbol, P as Primitive, h as MediaPlayerInstance, r as isRemotionProvider, t as MediaProviderInstance, v as mediaState, b as TextTrack, w as ToggleButtonInstance, x as PosterInstance, u as useMediaState, y as ThumbnailsLoader, z as updateSliderPreviewPlacement, A as DEFAULT_AUDIO_GAINS } from './chunks/vidstack-BlpzL1Hz.js';
export { a0 as ARIAKeyShortcuts, aT as AUDIO_EXTENSIONS, aU as AUDIO_TYPES, bd as AirPlayButtonInstance, aP as AudioGainRadioGroup, bm as AudioGainSliderInstance, af as AudioProviderLoader, aO as AudioRadioGroup, a9 as AudioTrackList, b7 as CaptionButtonInstance, bB as CaptionsInstance, aQ as CaptionsRadioGroup, aN as ChaptersRadioGroup, ax as ControlsGroup, b6 as ControlsGroupInstance, b5 as ControlsInstance, ag as DASHProviderLoader, aY as DASH_VIDEO_EXTENSIONS, a_ as DASH_VIDEO_TYPES, D as DEFAULT_PLAYBACK_RATES, b8 as FullscreenButtonInstance, U as FullscreenController, bC as GestureInstance, be as GoogleCastButtonInstance, ah as HLSProviderLoader, aX as HLS_VIDEO_EXTENSIONS, aZ as HLS_VIDEO_TYPES, S as List, b9 as LiveButtonInstance, _ as LocalMediaStorage, B as Logger, $ as MEDIA_KEY_SHORTCUTS, b4 as MediaAnnouncerInstance, Z as MediaControls, M as MediaRemoteControl, aH as MenuButton, bv as MenuButtonInstance, bu as MenuInstance, aI as MenuItem, bx as MenuItemInstance, aL as MenuItems, bw as MenuItemsInstance, aJ as MenuPortal, by as MenuPortalInstance, ba as MuteButtonInstance, bb as PIPButtonInstance, bc as PlayButtonInstance, aS as QualityRadioGroup, bo as QualitySliderInstance, aM as Radio, bz as RadioGroupInstance, bA as RadioInstance, X as ScreenOrientationController, bf as SeekButtonInstance, aG as SliderChapters, bt as SliderChaptersInstance, aB as SliderController, bj as SliderInstance, aF as SliderPreview, bs as SliderPreviewInstance, aC as SliderThumbnail, bp as SliderThumbnailInstance, aE as SliderValue, bq as SliderValueInstance, aD as SliderVideo, br as SliderVideoInstance, aR as SpeedRadioGroup, bn as SpeedSliderInstance, a5 as TextRenderers, a8 as TextTrackList, bD as ThumbnailInstance, bE as TimeInstance, T as TimeRange, bk as TimeSliderInstance, az as TooltipContent, bi as TooltipContentInstance, bg as TooltipInstance, ay as TooltipTrigger, bh as TooltipTriggerInstance, aV as VIDEO_EXTENSIONS, aW as VIDEO_TYPES, ai as VideoProviderLoader, ae as VideoQualityList, aj as VimeoProviderLoader, bl as VolumeSliderInstance, ak as YouTubeProviderLoader, F as canChangeVolume, W as canFullscreen, f as canGoogleCastSrc, G as canOrientScreen, J as canPlayHLSNatively, O as canRotateScreen, K as canUsePictureInPicture, N as canUseVideoPresentation, aa as findActiveCue, E as formatSpokenTime, C as formatTime, o as getDownloadFile, a4 as getTimeRangesEnd, a3 as getTimeRangesStart, al as isAudioProvider, a$ as isAudioSrc, ab as isCueActive, ao as isDASHProvider, b2 as isDASHSrc, ar as isGoogleCastProvider, an as isHLSProvider, b1 as isHLSSrc, as as isHTMLAudioElement, av as isHTMLIFrameElement, au as isHTMLMediaElement, at as isHTMLVideoElement, b3 as isMediaStream, a6 as isTrackCaptionKind, am as isVideoProvider, a1 as isVideoQualitySrc, b0 as isVideoSrc, aq as isVimeoProvider, ap as isYouTubeProvider, Y as mediaContext, aK as menuPortalContext, a7 as parseJSONCaptionsFile, aw as sliderContext, aA as sliderState, a2 as softResetMediaState, s as sortVideoQualities, bF as useMediaStore, n as usePlyrLayoutClasses, q as useSliderState, bG as useSliderStore, ac as watchActiveTextTrack, ad as watchCueTextChange } from './chunks/vidstack-BlpzL1Hz.js';
import * as React from 'react';
import { i as isString, l as listenEvent, D as DOMEvent, E as createReactComponent, F as useStateContext, u as useSignal, z as composeRefs, G as useSignalRecord, e as effect, H as useReactScope, s as signal } from './chunks/vidstack-DaUsD3rO.js';
export { L as appendTriggerEvent, K as findTriggerEvent, I as hasTriggerEvent, B as isKeyboardClick, A as isKeyboardEvent, M as isPointerEvent, J as walkTriggerEventChain } from './chunks/vidstack-DaUsD3rO.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-DRPPjpZF.js';
export { b as AudioGainSlider, d as Captions, C as ChapterTitle, a as Controls, G as GoogleCastButton, M as MediaAnnouncer, q as QualitySlider, s as SpeedSlider, e as Spinner, T as Title, t as Tooltip, g as useActiveTextCues, h as useActiveTextTrack, j as useChapterOptions, i as useChapterTitle, f as useTextCues } from './chunks/vidstack-DRPPjpZF.js';
import { a as useMediaContext } from './chunks/vidstack-yZUNOrPK.js';
export { A as AirPlayButton, C as CaptionButton, F as FullscreenButton, G as Gesture, L as LiveButton, m as Menu, M as MuteButton, b as PIPButton, P as PlayButton, r as RadioGroup, S as SeekButton, s as Slider, n as Thumbnail, e as Time, t as TimeSlider, v as VolumeSlider, h as useAudioOptions, k as useCaptionOptions, u as useMediaPlayer } from './chunks/vidstack-yZUNOrPK.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-BOlcEhVz.js';
export { b as AudioGainSlider, d as Captions, C as ChapterTitle, a as Controls, G as GoogleCastButton, M as MediaAnnouncer, q as QualitySlider, s as SpeedSlider, e as Spinner, T as Title, t as Tooltip, g as useActiveTextCues, h as useActiveTextTrack, j as useChapterOptions, i as useChapterTitle, f as useTextCues } from './chunks/vidstack-BOlcEhVz.js';
import { a as useMediaContext } from './chunks/vidstack-Bb7ORy72.js';
export { A as AirPlayButton, C as CaptionButton, F as FullscreenButton, G as Gesture, L as LiveButton, m as Menu, M as MuteButton, b as PIPButton, P as PlayButton, r as RadioGroup, S as SeekButton, s as Slider, n as Thumbnail, e as Time, t as TimeSlider, v as VolumeSlider, h as useAudioOptions, k as useCaptionOptions, u as useMediaPlayer } from './chunks/vidstack-Bb7ORy72.js';
import { I as Icon } from './chunks/vidstack-Xvq9wjeH.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-nal4t3K4.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-C-70g8x3.js';
import 'react-dom';

@@ -15,0 +15,0 @@

{
"name": "@vidstack/react",
"description": "UI component library for building high-quality, accessible video and audio experiences on the web.",
"version": "1.11.13",
"version": "1.11.14",
"license": "MIT",

@@ -6,0 +6,0 @@ "type": "module",

"use client"
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions } from '../chunks/vidstack-JkMNgy-K.js';
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions } from '../chunks/vidstack-8uRX4MDY.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-D6rN4o2p.js';
import '../chunks/vidstack-CksNawwS.js';
import '../chunks/vidstack-ChctyeqX.js';
import '../chunks/vidstack-BE_JsW0p.js';
import '../chunks/vidstack-z5Y6cSJs.js';
import '../chunks/vidstack-BOGnn2og.js';
import '../chunks/vidstack-BY2ioin-.js';
import 'react-dom';
import '../chunks/vidstack-CB6ET0V6.js';
import '../chunks/vidstack-CeyZoErS.js';
import '../chunks/vidstack-xeYh1ZU5.js';
import '../chunks/vidstack-CrXS53tu.js';
import '../chunks/vidstack-Xvq9wjeH.js';
"use client"
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, D as DefaultLayoutContext, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions, i as i18n, u as useDefaultLayoutContext, a as useDefaultLayoutWord } from '../chunks/vidstack-JkMNgy-K.js';
export { c as DefaultAudioLayout, h as DefaultBufferingIndicator, b as DefaultKeyboardDisplay, D as DefaultLayoutContext, l as DefaultMenuButton, j as DefaultMenuCheckbox, m as DefaultMenuItem, n as DefaultMenuRadioGroup, k as DefaultMenuSection, p as DefaultMenuSliderItem, q as DefaultSliderParts, r as DefaultSliderSteps, s as DefaultTooltip, g as DefaultVideoGestures, e as DefaultVideoLargeLayout, d as DefaultVideoLayout, f as DefaultVideoSmallLayout, o as createRadioOptions, i as i18n, u as useDefaultLayoutContext, a as useDefaultLayoutWord } from '../chunks/vidstack-8uRX4MDY.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-D6rN4o2p.js';
import '../chunks/vidstack-CksNawwS.js';
import '../chunks/vidstack-ChctyeqX.js';
import '../chunks/vidstack-BE_JsW0p.js';
import '../chunks/vidstack-z5Y6cSJs.js';
import '../chunks/vidstack-BOGnn2og.js';
import '../chunks/vidstack-BY2ioin-.js';
import 'react-dom';
import '../chunks/vidstack-CB6ET0V6.js';
import '../chunks/vidstack-CeyZoErS.js';
import '../chunks/vidstack-xeYh1ZU5.js';
import '../chunks/vidstack-CrXS53tu.js';
import '../chunks/vidstack-Xvq9wjeH.js';
"use client"
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-ChctyeqX.js';
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-BOGnn2og.js';
import * as React from 'react';
import { w as uppercaseFirstChar, n as isUndefined, s as signal, x as composeRefs, u as useSignal, j as isNumber, l as listenEvent, y as isKeyboardEvent, z as isKeyboardClick } from '../chunks/vidstack-D6rN4o2p.js';
import { a as useMediaContext, P as PlayButton, R as Root, I as Img, G as Gesture, A as AirPlayButton, C as CaptionButton, F as FullscreenButton, b as PIPButton, S as SeekButton, c as Root$1, V as Value, d as Preview, T as Thumbnail, L as LiveButton, e as Time, f as Root$2, B as Button, g as Items, h as useAudioOptions, i as Root$3, j as Item, k as useCaptionOptions, M as MuteButton, l as Root$4 } from '../chunks/vidstack-BE_JsW0p.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-DjNpQj5O.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-CB6ET0V6.js';
import { a as useMediaContext, P as PlayButton, R as Root, I as Img, G as Gesture, A as AirPlayButton, C as CaptionButton, F as FullscreenButton, b as PIPButton, S as SeekButton, c as Root$1, V as Value, d as Preview, T as Thumbnail, L as LiveButton, e as Time, f as Root$2, B as Button, g as Items, h as useAudioOptions, i as Root$3, j as Item, k as useCaptionOptions, M as MuteButton, l as Root$4 } from '../chunks/vidstack-BY2ioin-.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-D-8AWDHq.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-CeyZoErS.js';
import { R as RemotionThumbnail, a as RemotionPoster, b as RemotionSliderThumbnail } from '../chunks/vidstack-xeYh1ZU5.js';

@@ -10,0 +10,0 @@ export { plyrLayoutIcons } from './vidstack-plyr-icons.js';

@@ -6,4 +6,4 @@ "use client"

import { Internals, random } from 'remotion';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-ChctyeqX.js';
export { r as isRemotionProvider } from '../chunks/vidstack-ChctyeqX.js';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-BOGnn2og.js';
export { r as isRemotionProvider } from '../chunks/vidstack-BOGnn2og.js';
import { R as RemotionThumbnail$1, b as RemotionSliderThumbnail$1, a as RemotionPoster$1 } from '../chunks/vidstack-xeYh1ZU5.js';

@@ -13,11 +13,11 @@

constructor() {
this.db = null;
this.Xj = null;
this.Qj = null;
this.dk = null;
this.ta = createDisposalBin();
this.tc = null;
this.Zm = null;
this.Om = null;
this.fn = null;
this.Za = createDisposalBin();
}
setSrc(src) {
this.db = src;
this.setContainer(this.dk);
this.tc = src;
this.setContainer(this.fn);
}

@@ -27,24 +27,24 @@ setContainer(container) {

return;
this.ta.empty();
this.dk = container;
this.Qj = container?.parentElement ?? null;
this.Xj = this.Qj?.parentElement ?? null;
if (this.db && this.Xj) {
const onResize = animationFrameThrottle(this.P.bind(this));
this.Za.empty();
this.fn = container;
this.Om = container?.parentElement ?? null;
this.Zm = this.Om?.parentElement ?? null;
if (this.tc && this.Zm) {
const onResize = animationFrameThrottle(this.qa.bind(this));
onResize();
const observer = new ResizeObserver(onResize);
observer.observe(this.Xj);
this.ta.add(() => observer.disconnect());
observer.observe(this.Zm);
this.Za.add(() => observer.disconnect());
}
}
destroy() {
this.ta.empty();
this.Za.empty();
}
P(entries) {
if (!this.Xj || !this.db)
qa(entries) {
if (!this.Zm || !this.tc)
return;
const rect = this.sk(this.Xj, entries?.[0]), scale = this.tk(rect), transform = this.uk(rect, scale);
Object.assign(this.Qj.style, {
width: this.db.compositionWidth * scale + "px",
height: this.db.compositionHeight * scale + "px",
const rect = this.wn(this.Zm, entries?.[0]), scale = this.xn(rect), transform = this.yn(rect, scale);
Object.assign(this.Om.style, {
width: this.tc.compositionWidth * scale + "px",
height: this.tc.compositionHeight * scale + "px",
display: "flex",

@@ -57,6 +57,6 @@ flexDirection: "column",

});
Object.assign(this.dk.style, {
Object.assign(this.fn.style, {
position: "absolute",
width: this.db.compositionWidth + "px",
height: this.db.compositionHeight + "px",
width: this.tc.compositionWidth + "px",
height: this.tc.compositionHeight + "px",
display: "flex",

@@ -69,3 +69,3 @@ transform: `scale(${scale})`,

}
sk(el, entry) {
wn(el, entry) {
const rect = el.getBoundingClientRect();

@@ -85,12 +85,12 @@ if (!entry)

}
tk(rect) {
if (!this.db)
xn(rect) {
if (!this.tc)
return 0;
const heightRatio = rect.height / this.db.compositionHeight, widthRatio = rect.width / this.db.compositionWidth;
const heightRatio = rect.height / this.tc.compositionHeight, widthRatio = rect.width / this.tc.compositionWidth;
return Math.min(heightRatio || 0, widthRatio || 0);
}
uk(rect, scale) {
if (!this.db)
yn(rect, scale) {
if (!this.tc)
return {};
const correction = 0 - (1 - scale) / 2, x = correction * this.db.compositionWidth, y = correction * this.db.compositionHeight, width = this.db.compositionWidth * scale, height = this.db.compositionHeight * scale, centerX = rect.width / 2 - width / 2, centerY = rect.height / 2 - height / 2;
const correction = 0 - (1 - scale) / 2, x = correction * this.tc.compositionWidth, y = correction * this.tc.compositionHeight, width = this.tc.compositionWidth * scale, height = this.tc.compositionHeight * scale, centerX = rect.width / 2 - width / 2, centerY = rect.height / 2 - height / 2;
return { x, y, centerX, centerY };

@@ -345,3 +345,3 @@ }

async load(ctx) {
return new (await import('../chunks/vidstack-C8pqoSei.js')).RemotionProvider(this.target, ctx);
return new (await import('../chunks/vidstack-CnOg2hpO.js')).RemotionProvider(this.target, ctx);
}

@@ -348,0 +348,0 @@ }

@@ -5,11 +5,11 @@ "use client"

export { J as appendTriggerEvent, I as findTriggerEvent, G as hasTriggerEvent, z as isKeyboardClick, y as isKeyboardEvent, K as isPointerEvent, H as walkTriggerEventChain } from './chunks/vidstack-D6rN4o2p.js';
import { G as GroupedLog, i as TextTrackSymbol, P as Primitive, h as MediaPlayerInstance, r as isRemotionProvider, t as MediaProviderInstance, v as mediaState, b as TextTrack, w as ToggleButtonInstance, x as PosterInstance, u as useMediaState, y as ThumbnailsLoader, z as updateSliderPreviewPlacement, A as DEFAULT_AUDIO_GAINS } from './chunks/vidstack-ChctyeqX.js';
export { a0 as ARIAKeyShortcuts, aT as AUDIO_EXTENSIONS, aU as AUDIO_TYPES, bd as AirPlayButtonInstance, aP as AudioGainRadioGroup, bm as AudioGainSliderInstance, af as AudioProviderLoader, aO as AudioRadioGroup, a9 as AudioTrackList, b7 as CaptionButtonInstance, bB as CaptionsInstance, aQ as CaptionsRadioGroup, aN as ChaptersRadioGroup, ax as ControlsGroup, b6 as ControlsGroupInstance, b5 as ControlsInstance, ag as DASHProviderLoader, aY as DASH_VIDEO_EXTENSIONS, a_ as DASH_VIDEO_TYPES, D as DEFAULT_PLAYBACK_RATES, b8 as FullscreenButtonInstance, U as FullscreenController, bC as GestureInstance, be as GoogleCastButtonInstance, ah as HLSProviderLoader, aX as HLS_VIDEO_EXTENSIONS, aZ as HLS_VIDEO_TYPES, S as List, b9 as LiveButtonInstance, _ as LocalMediaStorage, $ as MEDIA_KEY_SHORTCUTS, b4 as MediaAnnouncerInstance, Z as MediaControls, M as MediaRemoteControl, aH as MenuButton, bv as MenuButtonInstance, bu as MenuInstance, aI as MenuItem, bx as MenuItemInstance, aL as MenuItems, bw as MenuItemsInstance, aJ as MenuPortal, by as MenuPortalInstance, ba as MuteButtonInstance, bb as PIPButtonInstance, bc as PlayButtonInstance, aS as QualityRadioGroup, bo as QualitySliderInstance, aM as Radio, bz as RadioGroupInstance, bA as RadioInstance, X as ScreenOrientationController, bf as SeekButtonInstance, aG as SliderChapters, bt as SliderChaptersInstance, aB as SliderController, bj as SliderInstance, aF as SliderPreview, bs as SliderPreviewInstance, aC as SliderThumbnail, bp as SliderThumbnailInstance, aE as SliderValue, bq as SliderValueInstance, aD as SliderVideo, br as SliderVideoInstance, aR as SpeedRadioGroup, bn as SpeedSliderInstance, a5 as TextRenderers, a8 as TextTrackList, bD as ThumbnailInstance, bE as TimeInstance, T as TimeRange, bk as TimeSliderInstance, az as TooltipContent, bi as TooltipContentInstance, bg as TooltipInstance, ay as TooltipTrigger, bh as TooltipTriggerInstance, aV as VIDEO_EXTENSIONS, aW as VIDEO_TYPES, ai as VideoProviderLoader, ae as VideoQualityList, aj as VimeoProviderLoader, bl as VolumeSliderInstance, ak as YouTubeProviderLoader, E as canChangeVolume, W as canFullscreen, f as canGoogleCastSrc, F as canOrientScreen, J as canPlayHLSNatively, O as canRotateScreen, K as canUsePictureInPicture, N as canUseVideoPresentation, aa as findActiveCue, C as formatSpokenTime, B as formatTime, o as getDownloadFile, a4 as getTimeRangesEnd, a3 as getTimeRangesStart, al as isAudioProvider, a$ as isAudioSrc, ab as isCueActive, ao as isDASHProvider, b2 as isDASHSrc, ar as isGoogleCastProvider, an as isHLSProvider, b1 as isHLSSrc, as as isHTMLAudioElement, av as isHTMLIFrameElement, au as isHTMLMediaElement, at as isHTMLVideoElement, b3 as isMediaStream, a6 as isTrackCaptionKind, am as isVideoProvider, a1 as isVideoQualitySrc, b0 as isVideoSrc, aq as isVimeoProvider, ap as isYouTubeProvider, Y as mediaContext, aK as menuPortalContext, a7 as parseJSONCaptionsFile, aw as sliderContext, aA as sliderState, a2 as softResetMediaState, s as sortVideoQualities, bF as useMediaStore, n as usePlyrLayoutClasses, q as useSliderState, bG as useSliderStore, ac as watchActiveTextTrack, ad as watchCueTextChange } from './chunks/vidstack-ChctyeqX.js';
import { G as GroupedLog, i as TextTrackSymbol, P as Primitive, h as MediaPlayerInstance, r as isRemotionProvider, t as MediaProviderInstance, v as mediaState, b as TextTrack, w as ToggleButtonInstance, x as PosterInstance, u as useMediaState, y as ThumbnailsLoader, z as updateSliderPreviewPlacement, A as DEFAULT_AUDIO_GAINS } from './chunks/vidstack-BOGnn2og.js';
export { a0 as ARIAKeyShortcuts, aT as AUDIO_EXTENSIONS, aU as AUDIO_TYPES, bd as AirPlayButtonInstance, aP as AudioGainRadioGroup, bm as AudioGainSliderInstance, af as AudioProviderLoader, aO as AudioRadioGroup, a9 as AudioTrackList, b7 as CaptionButtonInstance, bB as CaptionsInstance, aQ as CaptionsRadioGroup, aN as ChaptersRadioGroup, ax as ControlsGroup, b6 as ControlsGroupInstance, b5 as ControlsInstance, ag as DASHProviderLoader, aY as DASH_VIDEO_EXTENSIONS, a_ as DASH_VIDEO_TYPES, D as DEFAULT_PLAYBACK_RATES, b8 as FullscreenButtonInstance, U as FullscreenController, bC as GestureInstance, be as GoogleCastButtonInstance, ah as HLSProviderLoader, aX as HLS_VIDEO_EXTENSIONS, aZ as HLS_VIDEO_TYPES, S as List, b9 as LiveButtonInstance, _ as LocalMediaStorage, $ as MEDIA_KEY_SHORTCUTS, b4 as MediaAnnouncerInstance, Z as MediaControls, M as MediaRemoteControl, aH as MenuButton, bv as MenuButtonInstance, bu as MenuInstance, aI as MenuItem, bx as MenuItemInstance, aL as MenuItems, bw as MenuItemsInstance, aJ as MenuPortal, by as MenuPortalInstance, ba as MuteButtonInstance, bb as PIPButtonInstance, bc as PlayButtonInstance, aS as QualityRadioGroup, bo as QualitySliderInstance, aM as Radio, bz as RadioGroupInstance, bA as RadioInstance, X as ScreenOrientationController, bf as SeekButtonInstance, aG as SliderChapters, bt as SliderChaptersInstance, aB as SliderController, bj as SliderInstance, aF as SliderPreview, bs as SliderPreviewInstance, aC as SliderThumbnail, bp as SliderThumbnailInstance, aE as SliderValue, bq as SliderValueInstance, aD as SliderVideo, br as SliderVideoInstance, aR as SpeedRadioGroup, bn as SpeedSliderInstance, a5 as TextRenderers, a8 as TextTrackList, bD as ThumbnailInstance, bE as TimeInstance, T as TimeRange, bk as TimeSliderInstance, az as TooltipContent, bi as TooltipContentInstance, bg as TooltipInstance, ay as TooltipTrigger, bh as TooltipTriggerInstance, aV as VIDEO_EXTENSIONS, aW as VIDEO_TYPES, ai as VideoProviderLoader, ae as VideoQualityList, aj as VimeoProviderLoader, bl as VolumeSliderInstance, ak as YouTubeProviderLoader, E as canChangeVolume, W as canFullscreen, f as canGoogleCastSrc, F as canOrientScreen, J as canPlayHLSNatively, O as canRotateScreen, K as canUsePictureInPicture, N as canUseVideoPresentation, aa as findActiveCue, C as formatSpokenTime, B as formatTime, o as getDownloadFile, a4 as getTimeRangesEnd, a3 as getTimeRangesStart, al as isAudioProvider, a$ as isAudioSrc, ab as isCueActive, ao as isDASHProvider, b2 as isDASHSrc, ar as isGoogleCastProvider, an as isHLSProvider, b1 as isHLSSrc, as as isHTMLAudioElement, av as isHTMLIFrameElement, au as isHTMLMediaElement, at as isHTMLVideoElement, b3 as isMediaStream, a6 as isTrackCaptionKind, am as isVideoProvider, a1 as isVideoQualitySrc, b0 as isVideoSrc, aq as isVimeoProvider, ap as isYouTubeProvider, Y as mediaContext, aK as menuPortalContext, a7 as parseJSONCaptionsFile, aw as sliderContext, aA as sliderState, a2 as softResetMediaState, s as sortVideoQualities, bF as useMediaStore, n as usePlyrLayoutClasses, q as useSliderState, bG as useSliderStore, ac as watchActiveTextTrack, ad as watchCueTextChange } from './chunks/vidstack-BOGnn2og.js';
import * as React from 'react';
import { c as createSignal, u as useScoped } from './chunks/vidstack-CksNawwS.js';
export { b as AudioGainSlider, d as Captions, C as ChapterTitle, a as Controls, G as GoogleCastButton, M as MediaAnnouncer, q as QualitySlider, s as SpeedSlider, e as Spinner, T as Title, t as Tooltip, g as useActiveTextCues, h as useActiveTextTrack, j as useChapterOptions, i as useChapterTitle, f as useTextCues } from './chunks/vidstack-CksNawwS.js';
import { a as useMediaContext } from './chunks/vidstack-BE_JsW0p.js';
export { A as AirPlayButton, C as CaptionButton, F as FullscreenButton, G as Gesture, L as LiveButton, m as Menu, M as MuteButton, b as PIPButton, P as PlayButton, r as RadioGroup, S as SeekButton, s as Slider, n as Thumbnail, e as Time, t as TimeSlider, v as VolumeSlider, h as useAudioOptions, k as useCaptionOptions, u as useMediaPlayer } from './chunks/vidstack-BE_JsW0p.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-z5Y6cSJs.js';
export { b as AudioGainSlider, d as Captions, C as ChapterTitle, a as Controls, G as GoogleCastButton, M as MediaAnnouncer, q as QualitySlider, s as SpeedSlider, e as Spinner, T as Title, t as Tooltip, g as useActiveTextCues, h as useActiveTextTrack, j as useChapterOptions, i as useChapterTitle, f as useTextCues } from './chunks/vidstack-z5Y6cSJs.js';
import { a as useMediaContext } from './chunks/vidstack-BY2ioin-.js';
export { A as AirPlayButton, C as CaptionButton, F as FullscreenButton, G as Gesture, L as LiveButton, m as Menu, M as MuteButton, b as PIPButton, P as PlayButton, r as RadioGroup, S as SeekButton, s as Slider, n as Thumbnail, e as Time, t as TimeSlider, v as VolumeSlider, h as useAudioOptions, k as useCaptionOptions, u as useMediaPlayer } from './chunks/vidstack-BY2ioin-.js';
import { I as Icon } from './chunks/vidstack-Xvq9wjeH.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-DjNpQj5O.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-D-8AWDHq.js';
import 'react-dom';

@@ -19,3 +19,3 @@

constructor() {
this.B = null;
this.H = null;
}

@@ -47,6 +47,6 @@ error(...data) {

setTarget(newTarget) {
this.B = newTarget;
this.H = newTarget;
}
dispatch(level, ...data) {
return this.B?.dispatchEvent(
return this.H?.dispatchEvent(
new DOMEvent("vds-log", {

@@ -66,8 +66,8 @@ bubbles: true,

this.priority = 1;
this.g = null;
this.A = null;
this.Ie = /(ssa|ass)$/;
this.d = null;
this.K = null;
this._f = /(ssa|ass)$/;
}
canRender(track, video) {
return !!video && !!track.src && (isString(track.type) && this.Ie.test(track.type) || this.Ie.test(track.src));
return !!video && !!track.src && (isString(track.type) && this._f.test(track.type) || this._f.test(track.src));
}

@@ -78,16 +78,16 @@ attach(video) {

this.loader().then(async (mod) => {
this.g = new mod.default({
this.d = new mod.default({
...this.config,
video,
subUrl: this.A?.src || ""
subUrl: this.K?.src || ""
});
listenEvent(this.g, "ready", () => {
const canvas = this.g?.Qj;
listenEvent(this.d, "ready", () => {
const canvas = this.d?.Om;
if (canvas)
canvas.style.pointerEvents = "none";
});
listenEvent(this.g, "error", (event) => {
if (this.A) {
this.A[TextTrackSymbol.N] = 3;
this.A.dispatchEvent(
listenEvent(this.d, "error", (event) => {
if (this.K) {
this.K[TextTrackSymbol.na] = 3;
this.K.dispatchEvent(
new DOMEvent("error", {

@@ -104,14 +104,14 @@ trigger: event,

if (!track || track.readyState === 3) {
this.Je();
} else if (this.A !== track) {
this.g?.setTrackByUrl(track.src);
this.A = track;
this.$f();
} else if (this.K !== track) {
this.d?.setTrackByUrl(track.src);
this.K = track;
}
}
detach() {
this.Je();
this.$f();
}
Je() {
this.g?.freeTrack();
this.A = null;
$f() {
this.d?.freeTrack();
this.K = null;
}

@@ -118,0 +118,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc