Tengo un problema con la reproducción de video cuando se aplica la función de movimiento del mouse. la función está funcionando pero cuando se reproduce el video tiene tirones. Quiero que sea suave con una función de aceleración tal vez. Por favor, guíame sobre cómo reproducir videos sin colgar en el medio.
const startDrawing = () => { const video = document.querySelector("video"); let currentFrame = 0 let mediaTime; let paintCount = 0; let startTime = 0.0; let fps = 60 video.pause(); window.addEventListener("mousemove", () => {video.currentTime = video.currentTime + 1/fps}); video.addEventListener("play", () => { if (!("requestVideoFrameCallback" in HTMLVideoElement.prototype)) { return alert("Your browser does not support the `Video.requestVideoFrameCallback()` API."); } }); }; window.addEventListener("load", startDrawing); Courtesy of Big Buck Bunny: </br><video width="320" height="240" autoplay="" muted="" loop="" src="https://www.w3schools.com/html/mov_bbb.mp4"></video>No juegue con marcos, mousemove el video en el evento de movimiento del mouse; de lo contrario, pause el video.