Lo que estoy tratando de hacer es una entrada que cuando escribes el nombre de la canción se reproduce. Primero lo que probé fue
function myFunction() { var id = document.getElementById("myInput").value; var audio = 'https://bobzilla07.github.io/Music_Tap/' + id var audio = new Audio ('audio'); audio.play();con el código html de
<input id="myInput" type="text"> <button onclick="myFunction()">play</button>que no funcionó
así que pensé, ¿y si lo hiciera así?
function myFunction() { var id = document.getElementById("myInput").value; var audio = new Audio 'https://bobzilla07.github.io/Music_Tap/' + id; audio.play();a lo que todavía no funcionó. ¿Alguien tiene alguna idea de cómo solucionarlo para que funcione?
Editar: no soy bueno con json o incluso sé lo que estoy haciendo, pero ¿habría la posibilidad de obtener la entrada de <input id="myInput" type="text"> <button onclick="myFunction()">play</button>
y póngalo en json para luego llamar al audio desde el enlace https://bobzilla07.github.io/Music_Tap/${song}.mp3 con ${song} siendo la entrada de la entrada html
Creo que tienes que pasar la extensión aquí también. Esto funciona porque este servidor está habilitado para CORS.
form.addEventListener("submit", myFunction) function myFunction(e) { e.preventDefault(); audio.src = 'https://bobzilla07.github.io/Music_Tap/' + myInput.value + '.mp3'; audio.play(); } audio { display:none;} <form id="form"> <input id="myInput" value="Panic-Song"> <input type="submit"> </form> <audio controls id="audio"></audio>Puedes hacerlo así:
let id = document.getElementById("myInput").value; let audio = new Audio(`https://bobzilla07.github.io/Music_Tap/${id}.mp3`); audio.play(); Ahora puede buscar los nombres de archivo de sus canciones. Como 1979 reproducirá 1979.mp3 .