Home / Function/ VideoMedia() — supabase Function Reference

VideoMedia() — supabase Function Reference

Architecture documentation for the VideoMedia() function in index.tsx from the supabase codebase.

Function tsx ContentManagement MediaManagement calls 2

Entity Profile

Dependency Diagram

graph TD
  d1f634e7_7c68_0073_9240_140cf0511ac0["VideoMedia()"]
  6215f5f8_959b_0d27_9c02_ce5f395aab88["cn()"]
  d1f634e7_7c68_0073_9240_140cf0511ac0 -->|calls| 6215f5f8_959b_0d27_9c02_ce5f395aab88
  220cf376_6913_f930_10cc_441b6ddcb173["getClientSideURL()"]
  d1f634e7_7c68_0073_9240_140cf0511ac0 -->|calls| 220cf376_6913_f930_10cc_441b6ddcb173
  style d1f634e7_7c68_0073_9240_140cf0511ac0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/cms/src/components/Media/VideoMedia/index.tsx lines 9–45

export const VideoMedia: React.FC<MediaProps> = (props) => {
  const { onClick, resource, videoClassName } = props

  const videoRef = useRef<HTMLVideoElement>(null)
  // const [showFallback] = useState<boolean>()

  useEffect(() => {
    const { current: video } = videoRef
    if (video) {
      video.addEventListener('suspend', () => {
        // setShowFallback(true);
        // console.warn('Video was suspended, rendering fallback image.')
      })
    }
  }, [])

  if (resource && typeof resource === 'object') {
    const { filename } = resource

    return (
      <video
        autoPlay
        className={cn(videoClassName)}
        controls={false}
        loop
        muted
        onClick={onClick}
        playsInline
        ref={videoRef}
      >
        <source src={`${getClientSideURL()}/media/${filename}`} />
      </video>
    )
  }

  return null
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does VideoMedia() do?
VideoMedia() is a function in the supabase codebase.
What does VideoMedia() call?
VideoMedia() calls 2 function(s): cn, getClientSideURL.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free