0.3.4 • Published 2 years ago
@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>
)
}