Utilicé con éxito react-audio-player para reproducir una pista de audio; ahora necesito reproducir más de una pista, y posiblemente reproducirlas secuencialmente (pero sin reproducción automática: necesito iniciar la primera manualmente y luego las siguientes comenzar por sí mismas). ¿Es posible hacer eso?
Lo que hice:
<ReactAudioPlayer src="https://www.examplelink1.com/example1.mp3" controls /> Lo que necesito:
<ReactAudioPlayer src=["https://www.examplelink1.com/example1.mp3", "https://www.examplelink2.com/example2.mp3"] controls />Si lee los documentos, el tipo de atributo src es "Cadena", por lo que no puede pasar una matriz.
Una forma simple podría ser crear un componente de reproductor para cada pista, usar el atributo onEnded para capturar la pista final actual y cambiar el estado de la aplicación en consecuencia.
Su estado tendría un currentIndex: 0 que es el índice de la pista actual. Cuando asigna su matriz de pistas, verifica si el índice del elemento actual de la matriz es igual a currentIndex como valor de atributo de reproducción automática.
Dentro de la devolución de llamada onEnded , incrementa el índice.