Cómo manejar la reproducción de audio en React & Redux

Estoy haciendo un reproductor de audio. Tiene funciones de pausa, rebobinado y búsqueda de tiempo. ¿Cómo y quién debe manejar el elemento de audio?

Puedo dejarlo a un lado de la tienda. No puedo ponerlo directamente en el estado, ya que podría clonarse. Luego, cuando estoy en el reductor, puedo interactuar con él. El problema es que si necesito sincronizar el control deslizante de tiempo con el audio, necesitaré sondear constantemente la tienda usando una acción. Tampoco tiene sentido semánticamente hablando.Puedo crear un componente React personalizado, Audio, que hace todo lo que dije. El problema no está resuelto. ¿Cómo puedo actualizar el control deslizante? Podría sondear, pero realmente no me gusta esta solución. Además, a menos que cree un componente que contenga tanto audio como control deslizante, aún necesitaría usar redux para conectar ambos.

Entonces, ¿cuál es la forma más reducida de manejar el audio con la pantalla de progreso?

Respuestas a la pregunta(1)

Su respuesta a la pregunta