Playing local mp3 file in Visual Studio Code?

[NielsM]

I want to play an mp3 file in visual studio Code using Javascript , i have the file in my folder but it won’t play.

I tested it with a weblink to an mp3 file and that works .

How to make it work with my local file?

[jsdisco]

Have you checked the console for errors? Is the path correct (are you in the same folder as the sound file?)

[lasjorg]

Pretty sure the browser is going to block the call to play because there is no user interaction.

Chrome:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Firefox:

Uncaught (in promise) DOMException: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

---

Edit:

Using an audio element in the DOM still works in Chrome but is blocked in Firefox.

Example which works in Chrome, but not Firefox:
https://codepen.io/lasjorg/pen/MWgJRaq

With user interaction (works in both)
https://codepen.io/lasjorg/pen/GRKreyJ

If you had an element inside the DOM, like a play button, it should work as well with the Audio constructor in both browsers.

const audio = new Audio('someSong.mp3');
const btn = document.querySelector('#play');

btn.addEventListener('click', () => {
  audio.play();
});