<audio> tag not building mp3 to dist/assets

[hidden1nin]

I'm having issues getting tag to work, if I use source or video then the files are moved and the src is changed correctly in the elements. I think it might be due to this right here.
https://github.com/vitejs/vite/blob/128f09eb0100e80f566e33ca8c55bcd0896d4e38/packages/vite/src/node/plugins/html.ts#L132 might hold some solution

[chenxch]

@hidden1nin The link you provided cannot be opened. For audio resource files, it is recommended to put them in the public directory.

[Madjob23]

@hidden1nin @chenxch I stumbled upon y'all while having a problem of my own with an audio tag i was trying to play as looped background music in my website. I also found that the convention is to place the audio in the public folder for the build process. What actually worked for me in the end was placing it in /src/assets, but it's noteworthy that I was then using that audio not in an html file but in a .tsx file so I imported it and then it worked.

My understanding is that:

1. if placed in public directory:

• the file will be copied as is into the build folder (dist folder in my case, i was using vite)
• when requesting the server for that file the url will be adressed straight from the root

2. if placed in src:

• the file will be hashed, given a kind of a new name noticeably.
• while requesting the server, the url will be adressed from the assets folder of the dist or build folder.

Again the link in the question doesnt work, and i am years late here, but still though if i was stuck for a few hours maybe I'd contribute to the only discussion i found relevant.

[codewithshek]

@hidden1nin & @chenxch I stumbled upon y'all while having a problem of my own with an audio tag I was trying to play as looped background music on my website. I also found that the convention is to place the audio in the public folder for the build process. What actually worked for me in the end was placing it in /src/assets, but it's noteworthy that I was then using that audio not in an HTML file but in a .tsx file so I imported it and then it worked.

My understanding is that:

1. If placed in the public directory:

• The file will be copied as is into the build folder (dist folder in my case, I was using Vite).
• When requesting the server for that file, the URL will be addressed straight from the root.

2. If placed in src:

• The file will be hashed, given a kind of a new name noticeably.
• While requesting the server, the URL will be addressed from the assets folder of the dist or build folder.

Again, the link in the question doesn't work, and I am years late here, but still, though if I was stuck for a few hours maybe I'd contribute to the only discussion I found relevant.