@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.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 = "#d0d684",
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
- SimpleVideoPlayer as HyperstreamVideoPlayer
26740
+ SimpleVideoPlayerWithContext as HyperstreamVideoPlayer
26729
26741
  };
26730
26742
  /*! Bundled license information:
26731
26743