JavaScript - Controlar velocidad de reproducción de video

Hola,

Recién estoy aprendiendo java script, html5 y css3, estoy viendo temas relacionados con la inclusión de vídeo y audio, sin embargo, para mi proyecto de fin de semestre quiero hacer un portal de deportes en donde yo pueda subir vídeos de jugadas, pero con la diferencia de que el usuario pueda reducir la velocidad del vídeo para analizarla y a la vez acelerar la reproducción para llegar a la jugada deseada. Quiero hacerlo con un control llamativo pero el problema es que no se como hacerlo, entiendo muy por encima las propiedades de vídeo pero no se como puedo hacer para que el usuario por ejemplo con una perilla o un botón de deslizamiento reduzca la velocidad de reproducción a su gusto o la aumente también a su gusto. Me podrían ayudar por favor a lograr esto?

Gracias

Saludos!!!

Con javascript puedes modificar la velocidad de reproducción de un video seteando la propiedad playbackRate. Tal vez lo que podrías hacer es utilizar el plugin Ion RangeSlider para mostrar al usuario el control de velocidad y disparar una función en el evento onFinish que modifique dicha propiedad.

Tal vez algo así:



El código es de ejemplo, no está probado y puede variar dependiendo de los elementos que utilices.

Te dejo unos links al respecto:

Gracias funciona!

Ahora el problema esta en la captura del tiempo de reproducción, podrían ayudarme por favor?

Gracias

Saludos!!