Embedded <audio/> in HTML page not working online.

[#1]

Hello there

I've just added a simple audio file into a webpage hosted on my Plusnet webspace and while everything works well on my local machine but when I FTP (using Filezilla) the sound no longer works (on any browser). The total added code is

<iframe src="silence.mp3" allow="autoplay" id="audio" style="display:none"></iframe>

<audio id="player" autoplay>
<source src="duke.mp3" type="audio/mp3">
</audio>

The first part just allows Chrome to autoplay the next part.

Any thoughts on why it doesn't work when online would be gratefully received!

Thanks

Michael 

[#2]

Hi @mpw Welcome to the Forums. It could be that the file can't be found so you might want to set the path of the mp3 file to

./duke.mp3

or provide it with a full path from the server root.

[#3]

Hello there,

Thanks for the prompt reply!

I've checked and on both my local machine and also on my webspace that the files are just within the same single folder so I didn't think that I'd need a path.

Thanks

Michael

[#4 · Accepted solution]

OK @mpw, but humour me if you will and prepend the file name with

./

Also remember that the server will no doubt be Unix so case is an issue as well, so duke.mp3 is not the same as Duke.mp3

[#5]

Sir - you are a genius!!

Thank you so much for taking the time to help - I had upper case 'Duke' locally which worked fine but it was looking for lower case when it was online.

Thanks again for your assistance!

Regards

Michael

[#6]

You are more than welcome @mpw, if you need any further assistance we're a friendly bunch here and only too willing to help.

[#7]

---

@mpw wrote:

the files are just within the same single folder so I didn't think that I'd need a path.

---

You'd be surprised! File paths are a total menace at times and being a simple / boring thing not many pay much attention to them but the simple / and ./ can mean two big differences.

[#8]

Just about all web servers run Linux, and Linux is case-sensitive. You could even have Duke.mp3 and duke.mp3 as different files. Only Windows is so carefree about filenames 🙂

[#9]

Due to its DOS origins.