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.6 to 1.11.7

dist/dev/chunks/vidstack-B_Ze44Mx.js

10

dist/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-CHhrd63I.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-CmLrvwgq.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-DbZUsBE0.js';
import '../chunks/vidstack-BXMgfQ_f.js';
import '../chunks/vidstack-BM_ZMVId.js';
import '../chunks/vidstack-C97fe2j4.js';
import '../chunks/vidstack-EN2pdx0b.js';
import '../chunks/vidstack-GYfFiKxI.js';
import '../chunks/vidstack-DPljWFYC.js';
import 'react-dom';
import '../chunks/vidstack-C0i59ap0.js';
import '../chunks/vidstack-Dx4-6oeM.js';
import '../chunks/vidstack-DHmvEbUY.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-CHhrd63I.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-CmLrvwgq.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-DbZUsBE0.js';
import '../chunks/vidstack-BXMgfQ_f.js';
import '../chunks/vidstack-BM_ZMVId.js';
import '../chunks/vidstack-C97fe2j4.js';
import '../chunks/vidstack-EN2pdx0b.js';
import '../chunks/vidstack-GYfFiKxI.js';
import '../chunks/vidstack-DPljWFYC.js';
import 'react-dom';
import '../chunks/vidstack-C0i59ap0.js';
import '../chunks/vidstack-Dx4-6oeM.js';
import '../chunks/vidstack-DHmvEbUY.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-BM_ZMVId.js';
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-GYfFiKxI.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-DbZUsBE0.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-C97fe2j4.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-BhtT_4Aa.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-C0i59ap0.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-DPljWFYC.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-BhW4wHHy.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-Dx4-6oeM.js';
import { R as RemotionThumbnail, a as RemotionPoster, b as RemotionSliderThumbnail } from '../chunks/vidstack-DHmvEbUY.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-BM_ZMVId.js';
export { r as isRemotionProvider } from '../chunks/vidstack-BM_ZMVId.js';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-GYfFiKxI.js';
export { r as isRemotionProvider } from '../chunks/vidstack-GYfFiKxI.js';
import { R as RemotionThumbnail$1, b as RemotionSliderThumbnail$1, a as RemotionPoster$1 } from '../chunks/vidstack-DHmvEbUY.js';

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

async load(ctx) {
return new (await import('../chunks/vidstack-Ujm46BKj.js')).RemotionProvider(this.target, ctx);
return new (await import('../chunks/vidstack-j3cbjeus.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-BM_ZMVId.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-BM_ZMVId.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-GYfFiKxI.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-GYfFiKxI.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-DbZUsBE0.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-DbZUsBE0.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-BXMgfQ_f.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-BXMgfQ_f.js';
import { a as useMediaContext } from './chunks/vidstack-C97fe2j4.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-C97fe2j4.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-EN2pdx0b.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-EN2pdx0b.js';
import { a as useMediaContext } from './chunks/vidstack-DPljWFYC.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-DPljWFYC.js';
import { I as Icon } from './chunks/vidstack-Xvq9wjeH.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-BhtT_4Aa.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-BhW4wHHy.js';
import 'react-dom';

@@ -166,7 +166,3 @@

function MediaOutlet({ provider, ...props }) {
const { controls, crossOrigin, poster, remotePlaybackInfo } = useStateContext(mediaState), { loader } = provider.$state, {
$iosControls: $$iosControls,
$provider: $$provider,
$providerSetup: $$providerSetup
} = useMediaContext(), $controls = useSignal(controls), $iosControls = useSignal($$iosControls), $nativeControls = $controls || $iosControls, $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState("");
const { crossOrigin, poster, remotePlaybackInfo, nativeControls } = useStateContext(mediaState), { loader } = provider.$state, { $provider: $$provider, $providerSetup: $$providerSetup } = useMediaContext(), $nativeControls = useSignal(nativeControls), $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState("");
React.useEffect(() => {

@@ -173,0 +169,0 @@ if (!isGoogleCast || googleCastIconPaths)

"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-BWyZu0Gb.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-YCRllJbh.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-D7UAtBYE.js';
import '../chunks/vidstack-iW9baw2a.js';
import '../chunks/vidstack-DwuSydNo.js';
import '../chunks/vidstack-IAEnejHw.js';
import '../chunks/vidstack-OOvCFe8O.js';
import '../chunks/vidstack-DImH9xdx.js';
import '../chunks/vidstack-CFmc33Uc.js';
import 'react-dom';
import '../chunks/vidstack--ov4-jVq.js';
import '../chunks/vidstack-D4J4zbh2.js';
import '../chunks/vidstack-DjXs9yvB.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-BWyZu0Gb.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-YCRllJbh.js';
export { defaultLayoutIcons } from './vidstack-default-icons.js';
import 'react';
import '../chunks/vidstack-D7UAtBYE.js';
import '../chunks/vidstack-iW9baw2a.js';
import '../chunks/vidstack-DwuSydNo.js';
import '../chunks/vidstack-IAEnejHw.js';
import '../chunks/vidstack-OOvCFe8O.js';
import '../chunks/vidstack-DImH9xdx.js';
import '../chunks/vidstack-CFmc33Uc.js';
import 'react-dom';
import '../chunks/vidstack--ov4-jVq.js';
import '../chunks/vidstack-D4J4zbh2.js';
import '../chunks/vidstack-DjXs9yvB.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-DwuSydNo.js';
import { u as useMediaState, n as usePlyrLayoutClasses, P as Primitive, I as IS_SERVER, m as isRemotionSrc, o as getDownloadFile } from '../chunks/vidstack-DImH9xdx.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-D7UAtBYE.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-IAEnejHw.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-C8mOs1rZ.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack--ov4-jVq.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-CFmc33Uc.js';
import { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from '../chunks/vidstack-D_7xuCJ2.js';
import { u as useLayoutName, a as useClassName } from '../chunks/vidstack-D4J4zbh2.js';
import { R as RemotionThumbnail, a as RemotionPoster, b as RemotionSliderThumbnail } from '../chunks/vidstack-DjXs9yvB.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-DwuSydNo.js';
export { r as isRemotionProvider } from '../chunks/vidstack-DwuSydNo.js';
import { I as IS_SERVER, u as useMediaState, m as isRemotionSrc, P as Primitive, q as useSliderState } from '../chunks/vidstack-DImH9xdx.js';
export { r as isRemotionProvider } from '../chunks/vidstack-DImH9xdx.js';
import { R as RemotionThumbnail$1, b as RemotionSliderThumbnail$1, a as RemotionPoster$1 } from '../chunks/vidstack-DjXs9yvB.js';

@@ -340,3 +340,3 @@

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

@@ -343,0 +343,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-D7UAtBYE.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-DwuSydNo.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-DwuSydNo.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-DImH9xdx.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-DImH9xdx.js';
import * as React from 'react';
import { c as createSignal, u as useScoped } from './chunks/vidstack-iW9baw2a.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-iW9baw2a.js';
import { a as useMediaContext } from './chunks/vidstack-IAEnejHw.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-IAEnejHw.js';
import { c as createSignal, u as useScoped } from './chunks/vidstack-OOvCFe8O.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-OOvCFe8O.js';
import { a as useMediaContext } from './chunks/vidstack-CFmc33Uc.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-CFmc33Uc.js';
import { I as Icon } from './chunks/vidstack-Xvq9wjeH.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-C8mOs1rZ.js';
export { u as useMediaRemote, a as usePlaybackRateOptions, b as useVideoQualityOptions } from './chunks/vidstack-D_7xuCJ2.js';
import 'react-dom';

@@ -209,7 +209,3 @@

function MediaOutlet({ provider, ...props }) {
const { controls, crossOrigin, poster, remotePlaybackInfo } = useStateContext(mediaState), { loader } = provider.$state, {
$iosControls: $$iosControls,
$provider: $$provider,
$providerSetup: $$providerSetup
} = useMediaContext(), $controls = useSignal(controls), $iosControls = useSignal($$iosControls), $nativeControls = $controls || $iosControls, $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState("");
const { crossOrigin, poster, remotePlaybackInfo, nativeControls } = useStateContext(mediaState), { loader } = provider.$state, { $provider: $$provider, $providerSetup: $$providerSetup } = useMediaContext(), $nativeControls = useSignal(nativeControls), $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState("");
React.useEffect(() => {

@@ -216,0 +212,0 @@ if (!isGoogleCast || googleCastIconPaths)

@@ -1177,2 +1177,2 @@ import * as React from 'react';

export { type AnyRecord as A, type Context as C, DOMEvent as D, EventsTarget as E, type InferEventDetail as I, type MaybeStopEffect as M, type ReadSignal as R, State as S, ViewController as V, type WriteSignal as W, type DeferredPromise as a, type Store as b, type ReadSignalRecord as c, type Scope as d, type Dispose as e, Component as f, type StateContext as g, type ReactElementProps as h, type ReactProps as i, hasTriggerEvent as j, findTriggerEvent as k, appendTriggerEvent as l, isPointerEvent as m, isKeyboardClick as n, isKeyboardEvent as o, type DisposalBin as p, walkTriggerEventChain as w };
export { type AnyRecord as A, type Context as C, DOMEvent as D, EventsTarget as E, type InferEventDetail as I, type MaybeStopEffect as M, type ReadSignalRecord as R, State as S, ViewController as V, type WriteSignal as W, type DeferredPromise as a, type Store as b, type Scope as c, type Dispose as d, Component as e, type ReadSignal as f, type StateContext as g, type ReactElementProps as h, type ReactProps as i, hasTriggerEvent as j, findTriggerEvent as k, appendTriggerEvent as l, isPointerEvent as m, isKeyboardClick as n, isKeyboardEvent as o, type DisposalBin as p, walkTriggerEventChain as w };
{
"name": "@vidstack/react",
"version": "1.11.6",
"version": "1.11.7",
"description": "UI component library for building high-quality, accessible video and audio experiences on the web.",

@@ -5,0 +5,0 @@ "license": "MIT",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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