@hyperstream/videoplayer 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +22 -3
- package/dist/index.d.ts +22 -3
- package/dist/index.js +20 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -8
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -23163,18 +23163,27 @@ var PopupOverlay3 = React34.lazy(() => Promise.resolve().then(() => (init_PopupO
|
|
|
23163
23163
|
var VideoOverlays2 = React34.lazy(() => Promise.resolve().then(() => (init_VideoOverlays(), VideoOverlays_exports)).then((mod) => ({ default: mod.VideoOverlays })));
|
|
23164
23164
|
var VideoTranscript2 = React34.lazy(() => Promise.resolve().then(() => (init_video_transcript(), video_transcript_exports)).then((mod) => ({ default: mod.VideoTranscript })));
|
|
23165
23165
|
function SimpleVideoPlayer({
|
|
23166
|
-
poster,
|
|
23166
|
+
poster: initialPoster,
|
|
23167
23167
|
watermark,
|
|
23168
|
-
hyperstreamUrl,
|
|
23168
|
+
hyperstreamUrl: initialHyperstreamUrl,
|
|
23169
23169
|
autoplay = false,
|
|
23170
23170
|
muted = false,
|
|
23171
23171
|
controls = true,
|
|
23172
23172
|
objectFit = "contain",
|
|
23173
23173
|
containerWidth,
|
|
23174
23174
|
isMobile,
|
|
23175
|
-
brandColor
|
|
23176
|
-
playlist
|
|
23175
|
+
brandColor: initialBrandColor,
|
|
23176
|
+
playlist,
|
|
23177
|
+
// Aliases
|
|
23178
|
+
url: urlProp,
|
|
23179
|
+
primaryColor,
|
|
23180
|
+
thumbnail,
|
|
23181
|
+
title,
|
|
23182
|
+
artist
|
|
23177
23183
|
}) {
|
|
23184
|
+
const hyperstreamUrl = urlProp || initialHyperstreamUrl;
|
|
23185
|
+
const brandColor = primaryColor || initialBrandColor || "#d0d684";
|
|
23186
|
+
const poster = thumbnail || initialPoster;
|
|
23178
23187
|
const [apiPlaylist, setApiPlaylist] = useState14(null);
|
|
23179
23188
|
const effectivePlaylist = useMemo16(() => {
|
|
23180
23189
|
return apiPlaylist || playlist || { items: [] };
|
|
@@ -26695,20 +26704,23 @@ SimpleVideoPlayer.displayName = "SimpleVideoPlayer";
|
|
|
26695
26704
|
function SimpleVideoPlayerWithContext(props) {
|
|
26696
26705
|
const config = useMemo16(
|
|
26697
26706
|
() => ({
|
|
26698
|
-
defaultUrl: props.hyperstreamUrl || "",
|
|
26707
|
+
defaultUrl: props.url || props.hyperstreamUrl || "",
|
|
26699
26708
|
autoplay: props.autoplay,
|
|
26700
26709
|
muted: props.muted,
|
|
26701
|
-
poster: props.poster,
|
|
26710
|
+
poster: props.thumbnail || props.poster,
|
|
26702
26711
|
watermark: props.watermark,
|
|
26703
|
-
brandColor: props.brandColor,
|
|
26712
|
+
brandColor: props.primaryColor || props.brandColor,
|
|
26704
26713
|
objectFit: props.objectFit
|
|
26705
26714
|
}),
|
|
26706
26715
|
[
|
|
26716
|
+
props.url,
|
|
26707
26717
|
props.hyperstreamUrl,
|
|
26708
26718
|
props.autoplay,
|
|
26709
26719
|
props.muted,
|
|
26720
|
+
props.thumbnail,
|
|
26710
26721
|
props.poster,
|
|
26711
26722
|
props.watermark,
|
|
26723
|
+
props.primaryColor,
|
|
26712
26724
|
props.brandColor,
|
|
26713
26725
|
props.objectFit
|
|
26714
26726
|
]
|
|
@@ -26725,7 +26737,7 @@ function SimpleVideoPlayerWithContext(props) {
|
|
|
26725
26737
|
}
|
|
26726
26738
|
SimpleVideoPlayerWithContext.displayName = "SimpleVideoPlayerWithContext";
|
|
26727
26739
|
export {
|
|
26728
|
-
|
|
26740
|
+
SimpleVideoPlayerWithContext as HyperstreamVideoPlayer
|
|
26729
26741
|
};
|
|
26730
26742
|
/*! Bundled license information:
|
|
26731
26743
|
|