@theoplayer/react-native-ui/lib/module/ui/hooks/useWaiting.js

A React Native UI for @theoplayer/react-native

import { useContext, useEffect, useState } from 'react';
import { PlayerEventType } from 'react-native-theoplayer';
import { PlayerContext } from '../barrel';
const WAITING_CHANGE_EVENTS = [PlayerEventType.WAITING, PlayerEventType.READYSTATE_CHANGE, PlayerEventType.ERROR, PlayerEventType.PLAYING, PlayerEventType.SOURCE_CHANGE, PlayerEventType.LOAD_START];
/**
 * Returns whether the player is waiting, automatically updating whenever it changes.
 *
 * This hook must only be used in a component mounted inside a {@link THEOplayerDefaultUi} or {@link UiContainer},
 * or alternatively any other component that provides a {@link PlayerContext}.
 *
 * @group Hooks
 */
export const useWaiting = () => {
  const [waiting, setWaiting] = useState(false);
  const [hasError, setHasError] = useState(false);
  const {
    player
  } = useContext(PlayerContext);
  useEffect(() => {
    if (!player) return;
    const onUpdateWaiting = event => {
      if (!player) return;
      switch (event.type) {
        case PlayerEventType.WAITING:
          setWaiting(!hasError && !player.paused);
          break;
        case PlayerEventType.READYSTATE_CHANGE:
          setWaiting(event.readyState < 3 && !hasError && !player.paused);
          break;
        case PlayerEventType.ERROR:
          setHasError(true);
          setWaiting(false);
          break;
        case PlayerEventType.PLAYING:
          setWaiting(false);
          break;
        case PlayerEventType.SOURCE_CHANGE:
          setHasError(false);
          setWaiting(false);
          break;
        case PlayerEventType.LOAD_START:
          setHasError(false);
          setWaiting(!player.paused);
          break;
      }
    };
    player.addEventListener(WAITING_CHANGE_EVENTS, onUpdateWaiting);
    return () => {
      player.removeEventListener(WAITING_CHANGE_EVENTS, onUpdateWaiting);
    };
  }, [player, hasError]);
  return waiting;
};
//# sourceMappingURL=useWaiting.js.map