Saltar al contenido

cómo reproducir sonido en el ejemplo de código react.js

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *