I am trying to take an html video without controls and customize them, I present the problem that I need my timeline to be constantly updated with the one currentTimeof the video, I use the hooks of the react api useReffor the video useStateto change the one currentTimeof my component and useEffectfor trying to change the currentTimecode is as follows.
import React, { useRef, useState, useEffect } from 'react'
export const Video = ({ url }) => {
const player = useRef(null)
const [currentTime, setCurrentTime] = useState(0);
const [prueba, setPrueba] = useState(0);
useEffect(() => {
setCurrentTime(player.current.currentTime);
}, [prueba]);
const pruebita = () => {
setPrueba(prueba+1);
}
return (
<>
<video
ref={player}
autoPlay
src={url}
></video>
<div>{currentTime}</div>
<button onMouseDown={ pruebita }>clickeame muy seguido</button >
</>
)
}
The general idea is the same effect that is generated by having trial and trial, but without any component event.
I hope you can help me greetings.
