@hanifhan1f/vidstack 1.12.13 → 1.12.18

package/src/providers/vimeo/utils.ts

@@ -1,53 +0,0 @@
-import type { VimeoOEmbedData, VimeoVideoInfo } from './embed/misc';
-
-const videoIdRE =
-  /(?:https:\/\/)?(?:player\.)?vimeo(?:\.com)?\/(?:video\/)?(\d+)(?:(?:\?hash=|\?h=|\/)(.*))?/;
-
-const infoCache = new Map<string, VimeoVideoInfo>();
-
-const pendingFetch = new Map<string, Promise<VimeoVideoInfo>>();
-
-export function resolveVimeoVideoId(src: string) {
-  const matches = src.match(videoIdRE);
-  return { videoId: matches?.[1], hash: matches?.[2] };
-}
-
-export async function getVimeoVideoInfo(
-  videoId: string,
-  abort: AbortController,
-  videoHash?: string | null,
-) {
-  if (infoCache.has(videoId)) return infoCache.get(videoId)!;
-
-  if (pendingFetch.has(videoId)) return pendingFetch.get(videoId);
-
-  let oembedSrc = `https://vimeo.com/api/oembed.json?url=https://player.vimeo.com/video/${videoId}`;
-  if (videoHash) {
-    oembedSrc = oembedSrc.concat(`?h=${videoHash}`);
-  }
-
-  const promise = window
-    .fetch(oembedSrc, {
-      mode: 'cors',
-      signal: abort.signal,
-    })
-    .then((response) => response.json())
-    .then((data: VimeoOEmbedData) => {
-      const thumnailRegex = /vimeocdn.com\/video\/(.*)?_/,
-        thumbnailId = data?.thumbnail_url?.match(thumnailRegex)?.[1],
-        poster = thumbnailId ? `https://i.vimeocdn.com/video/${thumbnailId}_1920x1080.webp` : '',
-        info = {
-          title: data?.title ?? '',
-          duration: data?.duration ?? 0,
-          poster,
-          pro: data.account_type !== 'basic',
-        };
-
-      infoCache.set(videoId, info);
-      return info;
-    })
-    .finally(() => pendingFetch.delete(videoId));
-
-  pendingFetch.set(videoId, promise);
-  return promise;
-}

package/src/providers/youtube/embed/command.ts

@@ -1,21 +0,0 @@
-/**
- * @see {@link https://developers.google.com/youtube/iframe_api_reference#Playback_controls}
- */
-export type YouTubeCommand =
-  | 'playVideo'
-  | 'pauseVideo'
-  | 'seekTo'
-  | 'mute'
-  | 'unMute'
-  | 'setVolume'
-  | 'setPlaybackRate';
-
-export interface YouTubeCommandArg {
-  playVideo: void;
-  pauseVideo: void;
-  seekTo: [number, boolean];
-  mute: void;
-  unMute: void;
-  setVolume: number;
-  setPlaybackRate: number;
-}

package/src/providers/youtube/embed/event.ts

@@ -1 +0,0 @@
-export type YouTubeEvent = 'initialDelivery' | 'onReady' | 'infoDelivery' | 'apiInfoDelivery';

package/src/providers/youtube/embed/message.ts

@@ -1,54 +0,0 @@
-import type { YouTubeEvent } from './event';
-import type { YouTubePlaybackQuality } from './quality';
-import type { YouTubePlayerStateValue } from './state';
-
-export interface YouTubeVideoData {
-  allowLiveDvr: boolean;
-  author: string;
-  title: string;
-  video_id: string;
-  errorCode?: number;
-  isListed: boolean;
-  isLive: boolean;
-}
-
-export interface YouTubeProgressState {
-  airingStart: number;
-  airingEnd: number;
-  allowSeeking: boolean;
-  clipStart: number;
-  clipEnd: boolean | null;
-  current: number;
-  displayedStart: number;
-  duration: number;
-  ingestionTime: number;
-  isAtLiveHead: false;
-  loaded: number;
-  offset: number;
-  seekableStart: number;
-  seekableEnd: number;
-  viewerLivestreamJoinMediaTime: number;
-}
-
-export interface YouTubeMessageInfo {
-  availablePlaybackRates?: number[];
-  availableQualityLevels?: YouTubePlaybackQuality[];
-  currentTime?: number;
-  currentTimeLastUpdated?: number;
-  videoLoadedFraction?: number;
-  volume?: number;
-  videoUrl?: string;
-  videoData?: YouTubeVideoData;
-  duration?: number;
-  muted?: boolean;
-  playbackQuality?: YouTubePlaybackQuality;
-  playbackRate?: number;
-  playerState?: YouTubePlayerStateValue;
-  progressState?: YouTubeProgressState;
-}
-
-export interface YouTubeMessage {
-  channel: string;
-  event: YouTubeEvent;
-  info?: YouTubeMessageInfo;
-}

package/src/providers/youtube/embed/params.ts

@@ -1,238 +0,0 @@
-/**
- * YouTube Player Parameters.
- *
- * @see {@link https://developers.google.com/youtube/player_parameters}
- */
-export interface YouTubeParams {
-  /**
-   * This parameter specifies whether the initial video will automatically start to play when the
-   * player loads. Supported values are 0 or 1.
-   *
-   * @default 0
-   */
-  autoplay?: 0 | 1;
-
-  /**
-   * This parameter specifies whether the initial video will load with audio muted. Supported values
-   * are 0 or 1.
-   *
-   * @default 0
-   */
-  mute?: 0 | 1;
-
-  /**
-   * This parameter specifies the default language that the player will use to display captions.
-   * Set the parameter's value to an ISO 639-1 two-letter language code.
-   *
-   * If you use this parameter and also set the cc_load_policy parameter to 1, then the player will
-   * show captions in the specified language when the player loads. If you do not also set the
-   * cc_load_policy parameter, then captions will not display by default, but will display in the
-   * specified language if the user opts to turn captions on.
-   */
-  cc_lang_pref?: string;
-
-  /**
-   * Setting the parameter's value to 1 causes closed captions to be shown by default, even if the
-   * user has turned captions off. The default behavior is based on user preference.
-   */
-  cc_load_policy?: 1;
-
-  /**
-   * This parameter specifies the color that will be used in the player's video progress bar to
-   * highlight the amount of the video that the viewer has already seen. Valid parameter values are
-   * red and white, and, by default, the player uses the color red in the video progress bar. See
-   * the YouTube API blog for more information about color options.
-   *
-   * Note: Setting the color parameter to white will disable the `modestbranding` option.
-   *
-   * @default 'red'
-   */
-  color?: 'red' | 'white';
-
-  /**
-   * This parameter indicates whether the video player controls are displayed:
-   *
-   * - `controls=0` – Player controls do not display in the player.
-   * - `controls=1` – Player controls display in the player.
-   *
-   * @default 1
-   */
-  controls?: 0 | 1;
-
-  /**
-   * Setting the parameter's value to 1 causes the player to not respond to keyboard controls. The
-   * default value is 0, which means that keyboard controls are enabled. Currently supported
-   * keyboard controls are:
-   *
-   * - Spacebar or [k]: Play / Pause
-   * - Arrow Left: Jump back 5 seconds in the current video
-   * - Arrow Right: Jump ahead 5 seconds in the current video
-   * - Arrow Up: Volume up
-   * - Arrow Down: Volume Down
-   * - [f]: Toggle full-screen display
-   * - [j]: Jump back 10 seconds in the current video
-   * - [l]: Jump ahead 10 seconds in the current video
-   * - [m]: Mute or unmute the video
-   * - [0-9]: Jump to a point in the video. 0 jumps to the beginning of the video, 1 jumps to the
-   * point 10% into the video, 2 jumps to the point 20% into the video, and so forth.
-   *
-   * @default 0
-   */
-  disablekb?: 0 | 1;
-
-  /**
-   * Setting the parameter's value to 1 enables the player to be controlled via IFrame or JavaScript
-   * Player API calls. The default value is 0, which means that the player cannot be controlled
-   * using those APIs.
-   *
-   * For more information on the IFrame API and how to use it, see the IFrame API documentation.
-   * (The JavaScript Player API has already been deprecated.)
-   *
-   * @default 0
-   */
-  enablejsapi?: 0 | 1;
-
-  /**
-   * This parameter causes the player to begin playing the video at the given number of seconds
-   * from the start of the video. The parameter value is a positive integer. Note that similar to
-   * the seekTo function, the player will look for the closest keyframe to the time you specify.
-   * This means that sometimes the play head may seek to just before the requested time, usually no
-   * more than around two seconds.
-   *
-   * @default undefined
-   */
-  start?: number;
-
-  /**
-   * This parameter specifies the time, measured in seconds from the start of the video, when the
-   * player should stop playing the video. The parameter value is a positive integer.
-   *
-   * Note: The time is measured from the beginning of the video and not from either the value of
-   * the start player parameter or the startSeconds parameter, which is used in YouTube Player API
-   * functions for loading or queueing a video.
-   *
-   * @default undefined
-   */
-  end?: number;
-
-  /**
-   * Setting this parameter to 0 prevents the fullscreen button from displaying in the player. The
-   * default value is 1, which causes the fullscreen button to display.
-   *
-   * @default 1
-   */
-  fs?: 0 | 1;
-
-  /**
-   * Sets the player's interface language. The parameter value is an ISO 639-1 two-letter language
-   * code or a fully specified locale. For example, fr and fr-ca are both valid values. Other
-   * language input codes, such as IETF language tags (BCP 47) might also be handled properly.
-   *
-   * The interface language is used for tooltips in the player and also affects the default caption
-   * track. Note that YouTube might select a different caption track language for a particular user
-   * based on the user's individual language preferences and the availability of caption tracks.
-   */
-  hl?: string;
-
-  /**
-   * Setting the parameter's value to 1 causes video annotations to be shown by default, whereas
-   * setting to 3 causes video annotations to not be shown by default.
-   *
-   * @default 1
-   */
-  iv_load_policy?: 1 | 3;
-
-  /**
-   * The `list` parameter, in conjunction with the `listType` parameter, identifies the content that
-   * will load in the player.
-   *
-   * - If the `listType` parameter value is search, then the list parameter value specifies the
-   * search query.
-   *
-   * - If the `listType` parameter value is user_uploads, then the list parameter value identifies
-   * the YouTube channel whose uploaded videos will be loaded.
-   *
-   * - If the listType parameter value is playlist, then the list parameter value specifies a
-   * YouTube playlist ID. In the parameter value, you need to prepend the playlist ID with the
-   * letters PL as shown in the example below.
-   *
-   * Note: If you specify values for the `list` and `listType` parameters, the IFrame embed URL does
-   * not need to specify a video ID.
-   *
-   * @default undefined
-   */
-  list?: string;
-
-  /**
-   * The listType parameter, in conjunction with the list parameter, identifies the content that
-   * will load in the player. Valid parameter values are playlist, search, and user_uploads.
-   *
-   * Note: If you specify values for the list and listType parameters, the IFrame embed URL does
-   * not need to specify a video ID.
-   *
-   * @default undefined
-   */
-  listType?: 'playlist' | 'search' | 'user_uploads';
-
-  /**
-   * In the case of a single video player, a setting of 1 causes the player to play the initial
-   * video again and again. In the case of a playlist player (or custom player), the player plays
-   * the entire playlist and then starts again at the first video.
-   *
-   * @default 0
-   */
-  loop?: 0 | 1;
-
-  /**
-   * This parameter provides an extra security measure for the IFrame API and is only supported for
-   * IFrame embeds. If you are using the IFrame API, which means you are setting the enablejsapi
-   * parameter value to 1, you should always specify your domain as the origin parameter value.
-   *
-   * @default undefined
-   */
-  origin?: string;
-
-  /**
-   * This parameter specifies a comma-separated list of video IDs to play. If you specify a value,
-   * the first video that plays will be the VIDEO_ID specified in the URL path, and the videos
-   * specified in the playlist parameter will play thereafter.
-   *
-   * @default undefined
-   */
-  playlist?: string;
-
-  /**
-   * This parameter controls whether videos play inline or fullscreen in an HTML5 player on iOS.
-   *
-   * Valid values are:
-   *
-   * - 0: This value causes fullscreen playback.
-   *
-   * - 1: This value causes inline playback for UIWebViews created with the
-   * `allowsInlineMediaPlayback` property set to `true`.
-   *
-   * @default 0
-   */
-  playsinline?: 0 | 1;
-
-  /**
-   * If the rel parameter is set to 0, related videos will come from the same channel as the video
-   * that was just played. If the parameter's value is set to 1, which is the default value, then
-   * the player shows related videos.
-   *
-   * @default 1
-   */
-  rel?: 0 | 1;
-
-  /**
-   * This parameter identifies the URL where the player is embedded. This value is used in YouTube
-   * Analytics reporting when the YouTube player is embedded in a widget, and that widget is then
-   * embedded in a web page or application. In that scenario, the origin parameter identifies the
-   * widget provider's domain, but YouTube Analytics should not identify the widget provider as the
-   * actual traffic source. Instead, YouTube Analytics uses the widget_referrer parameter value to
-   * identify the domain associated with the traffic source.
-   *
-   * @default undefined
-   */
-  widget_referrer?: string;
-}

package/src/providers/youtube/embed/quality.ts

@@ -1,35 +0,0 @@
-export type YouTubePlaybackQuality =
-  | 'unknown'
-  | 'tiny'
-  | 'small'
-  | 'medium'
-  | 'large'
-  | 'hd720'
-  | 'hd1080'
-  | 'highres'
-  | 'max';
-
-export function mapYouTubePlaybackQuality(quality: YouTubePlaybackQuality) {
-  switch (quality) {
-    case 'unknown':
-      return undefined;
-    case 'tiny':
-      return 144;
-    case 'small':
-      return 240;
-    case 'medium':
-      return 360;
-    case 'large':
-      return 480;
-    case 'hd720':
-      return 720;
-    case 'hd1080':
-      return 1080;
-    case 'highres':
-      return 1440;
-    case 'max':
-      return 2160;
-    default:
-      return undefined;
-  }
-}

package/src/providers/youtube/embed/state.ts

@@ -1,13 +0,0 @@
-/**
- * @see {@link https://developers.google.com/youtube/iframe_api_reference#onStateChange}
- */
-export const YouTubePlayerState = {
-  Unstarted: -1,
-  Ended: 0,
-  Playing: 1,
-  Paused: 2,
-  Buffering: 3,
-  Cued: 5,
-} as const;
-
-export type YouTubePlayerStateValue = (typeof YouTubePlayerState)[keyof typeof YouTubePlayerState];

package/src/providers/youtube/loader.ts

@@ -1,61 +0,0 @@
-import { isString } from 'maverick.js/std';
-
-import type { MediaContext } from '../../core/api/media-context';
-import type { Src } from '../../core/api/src-types';
-import type { MediaType } from '../../core/api/types';
-import { preconnect } from '../../utils/network';
-import type { MediaProviderLoader } from '../types';
-import type { YouTubeProvider } from './provider';
-
-export class YouTubeProviderLoader implements MediaProviderLoader<YouTubeProvider> {
-  readonly name = 'youtube';
-
-  target!: HTMLIFrameElement;
-
-  preconnect() {
-    const connections = [
-      // Botguard script.
-      'https://www.google.com',
-      // Posters.
-      'https://i.ytimg.com',
-      // Ads.
-      'https://googleads.g.doubleclick.net',
-      'https://static.doubleclick.net',
-    ];
-
-    for (const url of connections) {
-      preconnect(url);
-    }
-  }
-
-  canPlay(src: Src): boolean {
-    return isString(src.src) && src.type === 'video/youtube';
-  }
-
-  mediaType(): MediaType {
-    return 'video';
-  }
-
-  async load(ctx: MediaContext): Promise<YouTubeProvider> {
-    if (__SERVER__) {
-      throw Error('[vidstack] can not load youtube provider server-side');
-    }
-
-    if (__DEV__ && !this.target) {
-      throw Error(
-        '[vidstack] `<iframe>` element was not found - did you forget to include media provider?',
-      );
-    }
-
-    return new (await import('./provider')).YouTubeProvider(this.target, ctx);
-  }
-
-  async loadPoster(src: Src, ctx: MediaContext, abort: AbortController): Promise<string | null> {
-    const { findYouTubePoster, resolveYouTubeVideoId } = await import('./utils');
-
-    const videoId = isString(src.src) && resolveYouTubeVideoId(src.src);
-    if (videoId) return findYouTubePoster(videoId, abort);
-
-    return null;
-  }
-}