@funyami/yuni-player v0.3.4

yuni-player

HTML5動画プレイヤー

Usage

import { useEffect, useRef } from "react"
import * as YuniPlayer from "yuni-player"
import 'yuni-player/dist/style.css'

export const Player = () => {
  const ref = useRef<HTMLVideoElement>(null)

  const mediaPlayer = YuniPlayer.useMediaPlayer()

  useEffect(() => {
    mediaPlayer.dispatch({ type: "attachMedia", target: ref.current })
  }, [ref.current])

  return (
    <YuniPlayer.Container value={mediaPlayer}>
      <YuniPlayer.MediaPlayer>
        <video ref={ref} />
      </YuniPlayer.MediaPlayer>
      <YuniPlayer.Controls />
      <YuniPlayer.Progress />
    </YuniPlayer.Container>
  )
}