diff --git a/index.html b/index.html
index b1d3934..cae5736 100644
--- a/index.html
+++ b/index.html
@@ -7,5 +7,9 @@
         <script src="libs/ical.min.js"></script>
         <script src="dist/radiomanifest-oldstyle.bundle.js"></script>
         <script src="ui.js"></script>
+	<div id="player">
+	<audio controls>
+	</audio>
+	</div>
     </body>
 </html>
diff --git a/ui.js b/ui.js
index 90c09bc..819ad0e 100644
--- a/ui.js
+++ b/ui.js
@@ -4,8 +4,20 @@ async function fai () {
   // var radio = await get("https://boyska.degenerazione.xyz/radiomanifest/examples/empty/")
   console.log('radio?', radio)
   const s = radio.getStreaming()
+  console.log(s.sources)
   console.log(s.getOptions())
   console.log(s.getSource(s.getOptions()[0]))
+  console.log(s.getSource())
+
+  var audioEl = document.querySelector('#player audio')
+  var urls = await s.pickURLs()
+  console.log('audios', urls)
+  urls.forEach( function(url) {
+    var srcEl = document.createElement("source")
+    srcEl.setAttribute('src', url)
+    console.log('src', srcEl, url)
+    audioEl.appendChild(srcEl)
+  })
 }
 
 fai()