Estoy tratando de crear un sitio web para una clase donde los usuarios pueden cargar música (piense en SoundCloud) y también "complementar" la música que se ha cargado. Esta función 'complementaria' funcionará como la función de dúo de TikTok, donde 2 archivos de audio se reproducirán y pausarán al mismo tiempo con un solo clic de un botón. El problema es que no estoy seguro de cómo implementarlo (soy nuevo en React y en el desarrollo web en general). ¿Hay una biblioteca que haga esto, o hay algún consejo que pueda ayudarme a comenzar? ¡Cualquier comentario es apreciado!
Tal vez puedas probar esta solución.
https://stackoverflow.com/a/30493651/17177726
Puede crear una función que tome la ID del audio como parámetro y usar esa función en un botón
Puedes probar el gancho use-sound . Hace que manejar múltiples sonidos simultáneamente sea muy fácil.
Puede crear dos instancias del gancho de esta manera:
import useSound from 'use-sound'; import sound1 from '../audio/sound1.mp3'; import sound2 from '../audio/sound2.mp3'; const [sound1] = useSound(sound1); const [sound2] = useSound(sound2);O puede usar un sprite para superponerlos en la misma instancia.