react-native-google-cast/src/api/useStreamPosition.ts

React Native wrapper for the Google Cast SDK for iOS and Android

import { useEffect, useState } from 'react'
import useRemoteMediaClient from './useRemoteMediaClient'

/**
 * Hook to retrieve current stream position.
 *
 * @param {number} [interval] update interval (defaults to 1 second)
 * @returns current position in seconds, or `null` if there's no current media
 */
export default function useStreamPosition(interval?: number) {
  const client = useRemoteMediaClient()
  const [streamPosition, setStreamPosition] = useState<number | null>(null)

  useEffect(() => {
    if (!client) {
      setStreamPosition(null)
      return
    }

    client.getStreamPosition().then(setStreamPosition)

    const subscription = client.onMediaProgressUpdated(
      setStreamPosition,
      interval
    )

    return () => {
      subscription.remove()
    }
  }, [client, interval])

  return streamPosition
}