Quiero llamar a load () con el tiempo de espera establecido, cómo agregar a mi código
Se ofrece desde la biblioteca
Documentos:
carga()
Cuando la precarga es verdadera, se llama automáticamente. Al establecer la precarga en falso, puede llamar a load() manualmente antes de reproducir sonidos (útil para la carga diferida de archivos grandes en redes lentas). Si intenta reproducir un sonido que no se está cargando o cargado con precarga, react-howler llamará automáticamente a load().
Y ahí está mi código.
<ReactHowler src={Audio} preload={false} playing={isplaying ? false : true} />Para ver un ejemplo totalmente controlado (en un componente basado en clases), eche un vistazo a los ejemplos oficiales
El truco es obtener una ref para el componente aullador, luego puede llamar a la carga. Así que lo siguiente debería funcionar:
const howlerRef = useRef(null); const myLoadFunc = ()=>{ if(howlerRef.current) { howlerRef.current.load(); } } return ( <> <ReactHowler src={Audio} preload={false} playing={isplaying ? false : true} ref={howlerRef} /> <button onClick={myLoadFunc}>start loading</button> </> )