javascript - IIS express, visual studio, chrome won't load MP3 correctly - Stack Overflow

admin管理员组

文章数量:1352177

I have an MP3 file which I'm trying to have my browser play (I've tried both through JavaScript and through the <audio> tag but I'm getting some super unusual behavior).

For context it is a .NET Framework 4.6.1 project and I'm using VS 2019.

When I drag the file in to chrome from the folder location and inspect the response in network tab I have one set of random garbage (as expected) however it plays as a audio. When I right click on the failing audio element and select "Copy audio address" I have a different set of garbage when i paste in a window and it loads the video loader instead of the audio loader (it still refuses to play) and the responding Base 64 is different.

Ending part of working case:

qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo=

Ending part of not working case:

ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/vQ==

When I copy the Url into Firefox again, it tries to use a video player and says instead in the window:

No Video with supported format and MIME type found

I have tried the following:

Adding the following to the web.config:

<staticContent>
      <remove fileExtension=".mp3"/>
      <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
</staticContent>

• Tried using @HTML.ContentUrl

• Set the object up as such

<audio controls id="approveSound" preload="auto" crossorigin="anonymous">
     <source src="/LhWeb/en/Content/Audio/ApproveCorrectNotif.mp3" type="audio/mpeg" />
</audio>

All of which have had no effect and result in the same

When I have had the below Javascript run:

let audio = new Audio('/LhWeb/en/Content/Audio/ApproveCorrectNotif.mp3')
        audio.load();
        audio.play().catch(err => console.error("Playback Error", err));

I get the following error:

Playback Error: Failed to load because no supported source was found.

I assume its something to do with IIS Express or my project not serving it correctly but honestly not sure what!

I have an MP3 file which I'm trying to have my browser play (I've tried both through JavaScript and through the <audio> tag but I'm getting some super unusual behavior).

For context it is a .NET Framework 4.6.1 project and I'm using VS 2019.

When I drag the file in to chrome from the folder location and inspect the response in network tab I have one set of random garbage (as expected) however it plays as a audio. When I right click on the failing audio element and select "Copy audio address" I have a different set of garbage when i paste in a window and it loads the video loader instead of the audio loader (it still refuses to play) and the responding Base 64 is different.

Ending part of working case:

qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo=

Ending part of not working case:

ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/vQ==

When I copy the Url into Firefox again, it tries to use a video player and says instead in the window:

No Video with supported format and MIME type found

I have tried the following:

Adding the following to the web.config:

<staticContent>
      <remove fileExtension=".mp3"/>
      <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
</staticContent>

• Tried using @HTML.ContentUrl

• Set the object up as such

<audio controls id="approveSound" preload="auto" crossorigin="anonymous">
     <source src="/LhWeb/en/Content/Audio/ApproveCorrectNotif.mp3" type="audio/mpeg" />
</audio>

All of which have had no effect and result in the same

When I have had the below Javascript run:

let audio = new Audio('/LhWeb/en/Content/Audio/ApproveCorrectNotif.mp3')
        audio.load();
        audio.play().catch(err => console.error("Playback Error", err));

I get the following error:

Playback Error: Failed to load because no supported source was found.

I assume its something to do with IIS Express or my project not serving it correctly but honestly not sure what!

• javascript
• html
• mp3
• iis-express
• audio-player

Share Improve this question Follow edited Apr 1 at 21:08 Lex Li 63.4k1111 gold badges124124 silver badges161161 bronze badges asked Apr 1 at 18:38 Charlie HardyCharlie Hardy 31511 gold badge44 silver badges1616 bronze badges 2

• 2 1) "When I drag the file in to chrome from the folder location" means that file never lands on the web server. This is purely browser/client OS interaction. 2) When you use audio tag and met an issue, what can you see from the server log for those requests on /LhWeb/en/Content/Audio/ApproveCorrectNotif.mp3? 404 or any other error code? – Lex Li Commented Apr 1 at 19:43
• Hi I was getting a 200 as if the file was being accepted, as you can see above the only difference between it normally was that it was returning different content – Charlie Hardy Commented Apr 1 at 20:35

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

After a lot of digging and tinkering it turned out the translation module (i18n) for some reason was intercepting and changing the file. The solution was to go in to i18n and add to the exceptions |\.mp3

本文标签： javascriptIIS expressVisual Studiochrome won39t load MP3 correctlyStack Overflow