How to play an audio file in JavaScript with just the full path

Asked Sep 10 '18 at 20:42

Active Sep 11 '18 at 08:15

Viewed 439 times

I have a full path of an audio file, for example

/Volumes/Transcend/Music/Eric Clapton/Journeyman/01 Pretending.m4a

I want to load the selected file into an audio player and play the song. But I don't know how to get file data from the full path. I don't want to use a file input and get the user to select one file, the point of the app is to ask for an overarching music directory, then list the artists/albums and songs etc. So I know the path but can't figure out what I need to play the song.

I have a new Audio() object, and obviously loading in the full path doesn't work.

Any help appreciated.

EDIT: This is an electron app I'm writing for Mac desktop. the files will be stored locally on the user's machine.

edited Sep 11 '18 at 08:15

Hyyan Abo Fakher

3,340
3
20
33

asked Sep 10 '18 at 20:42

John Halsey

1,810
2
16
39

this might be helpful: https://stackoverflow.com/questions/9419263/playing-audio-with-javascript – duxfox-- Sep 10 '18 at 20:48
@duxfox-- I think the fact that this is [tag:electron] might be important. – zero298 Sep 10 '18 at 20:50
but.... audio from server or user's PC/phone? – Damián Pablo González Sep 10 '18 at 20:52
@DamiánPabloGonzález — It's an electron app – Quentin Sep 10 '18 at 20:53
Related: https://stackoverflow.com/questions/50272451/electron-js-images-from-local-file-system – Quentin Sep 10 '18 at 20:54
@Quentin, ok, but you're not answering and it's very important: Files are uploaded before playing? – Damián Pablo González Sep 10 '18 at 20:55
2

@DamiánPabloGonzález — Why are you asking about files being "uploaded"? Do you know what electron is? (If not, then follow the link on the tag to the tag wiki) – Quentin Sep 10 '18 at 20:56
Possibly related: https://stackoverflow.com/questions/43722450/electron-function-to-read-a-local-file-fs-not-reading – Quentin Sep 10 '18 at 21:06
@Quentin. Ok, sorry, I didn't know what Electron is. Now, do you get any error when you try to assign the file? What exactly do the error say? Did you try preppending the `file://` protocol? Did you try replacing `/` bars with `\ `? – Damián Pablo González Sep 10 '18 at 22:03
Another one: Did you try replacing spaces with `%20`? I mean, using encodeURI(url) function. – Damián Pablo González Sep 10 '18 at 22:05

How to play an audio file in JavaScript with just the full path

0 Answers0