Tenemos la mejor respuesta que encontramos en todo internet. Nosotros deseamos que te resulte útil y si deseas aportar algún detalle que nos pueda ayudar a perfeccionar nuestra información siente la libertad de hacerlo..
Ejemplo 1: reproducir sonido onload reaccionar
importReact, useState, useEffect from"react";constuseAudio=url=>const[audio]=useState(newAudio(url));const[playing, setPlaying]=useState(false);consttoggle=()=>setPlaying(!playing);useEffect(()=>
playing ? audio.play(): audio.pause();,[playing]);useEffect(()=>
audio.addEventListener('ended',()=>setPlaying(false));return()=>
audio.removeEventListener('ended',()=>setPlaying(false));;,[]);return[playing, toggle];;constPlayer=( url )=>const[playing, toggle]=useAudio(url);return(<div><button onClick=toggle>playing ?"Pause":"Play"</button></div>);;exportdefaultPlayer;
Ejemplo 2: reproducir audio en react
importReactAudioPlayerfrom'react-audio-player';//...<ReactAudioPlayer
src="my_audio_file.ogg"
autoPlay
controls
/>
Ejemplo 3: reproducir audio en react
npm install --save react-audio-player
valoraciones y reseñas
Si para ti ha resultado provechoso nuestro post, te agradeceríamos que lo compartas con otros programadores de esta forma contrubuyes a difundir este contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)