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

A React Native UI for @theoplayer/react-native

import { useContext, useEffect } from 'react';
import { PlayerContext, useThrottledState } from '@theoplayer/react-native-ui';
import { PlayerEventType } from 'react-native-theoplayer';
const THROTTLED_INTERVAL = 250;

/**
 * Returns {@link react-native-theoplayer!THEOplayer.seekable | the player's seekable range}, 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 useSeekable = () => {
  const {
    player
  } = useContext(PlayerContext);
  const [seekable, setSeekable] = useThrottledState(player?.seekable ?? [], THROTTLED_INTERVAL);
  useEffect(() => {
    const onUpdateSeekable = event => {
      setSeekable(event.seekable ?? player?.seekable ?? []);
    };
    player?.addEventListener(PlayerEventType.PROGRESS, onUpdateSeekable);
    return () => {
      player?.removeEventListener(PlayerEventType.PROGRESS, onUpdateSeekable);
    };
  }, [player, setSeekable]);
  return seekable;
};
//# sourceMappingURL=useSeekable.js.map