Estoy tratando de crear una caja de resonancia onclick pero parece que no puedo hacer que nada funcione. Soy nuevo en javascript. Tampoco estoy seguro de si mis archivos de audio realmente se vinculan en la función porque VSCode ni siquiera intenta autocompletar la ubicación del archivo. los mp3 se encuentran en el archivo del proyecto dentro de la carpeta de activos.
<body> <ul> <li onclick="playBeat1()"></li> </ul> <script type="text/javascript" src="js/main.js"></script> </body> ///JS FILE/// function playBeat1() { var audio = new Audio("tone1.mp3"); audio.play(); }(no puedo comentar) bueno, para empezar, debe mostrar el código donde se llama a su función playBeat1() para que podamos ayudarlo más. Pero si esa función es lo único en su código, entonces necesita ejecutar la función cuando se activa un detector de eventos. Por ejemplo:
document.getElementById("elementNameHere").addEventListener("clicK",function() { playBeat1(); });Pero tenga en cuenta que su audio no se reproducirá de inmediato. El usuario debe hacer clic en algo antes de que pueda comenzar a reproducir audio con javascript. Para evitar esto, simplemente coloque un botón de inicio que revelará el resto de la página.
Además, noté que su archivo html es algo así como ... no está bien. Necesitas escribir:
<!DOCTYPE html> <html> <head> <title>title here</title> </head> <!-- body element here --> </html>(acabo de notar la ubicación de su archivo js) asumiendo que solo los archivos js van a la carpeta "js", debe escribir:
var audio = new Audio("../audioFolder/tone1.mp3"); el ../ le dará acceso a la carpeta en la que se encuentra su carpeta js.