audio load

Signed-off-by: ale <ale@manalejandro.com>

src/App.js

@@ -3,7 +3,8 @@ import { useEffect, useRef, useState } from "react";
 import WaveForm from "./WaveForm";
 
 const App = () => {
-  const [analyzerData, setAnalyzerData] = useState(null),
+  const [audioUrl, setAudioUrl] = useState(),
+    [analyzerData, setAnalyzerData] = useState(null),
     [bounce, setBounce] = useState(''),
     [json, setJson] = useState({}),
     [currentVolume, setCurrentVolume] = useState(0.5),
@@ -80,6 +81,7 @@ const App = () => {
     loadData()
     loadListeners()
     audioAnalyzer()
+    setAudioUrl('/stream.mp3')
     const inter = setInterval(() => {
       loadData()
       loadListeners()
@@ -118,7 +120,7 @@ const App = () => {
           <button onClick={() => setMuted(true)}>Mute 🔇</button>
         }
       </div>
-      <audio src={"/stream.mp3"} ref={audioElmRef} volume={currentVolume} preload={"none"} muted={muted} controls={"none"} />
+      <audio src={audioUrl} ref={audioElmRef} volume={currentVolume} preload={"none"} muted={muted} controls={false} />
     </>
   )
 }