Tengo un botón en el que se adjunta el método onClick que reproducirá un sonido de vibaration .
Botón.js
import React from "react"; import "./button.css"; export default function App() { let audio = new Audio("/vibrate.mp3"); const start = () => { audio.play(); }; return ( <button className="btn" onClick={start}> Click Me </button> ); } El sonido de vibración se reproduce cada vez que hacemos clic en el botón. Pero si vuelvo a hacer clic en el botón, no se reproduce el sonido de vibración porque el sonido anterior aún no se ha completado.
Quiero detener el sonido (si se reproduce) y reproducir desde el principio si hacemos clic en el botón.
Puedes revisar mi caja de arena .
Encontré una solución para detener el audio...
import React from "react"; import "./button.css"; export default function App() { let audio = new Audio("/vibrate.mp3"); const start = () => { if(audio.paused === true){ audio.play(); }else{ audio.pause(); audio.currentTime = 0; audio.play(); } }; return ( <button className="btn" onClick={start}> Click Me </button> ); }