如何在 html 中播放音频？答案

【问题标题】：How i can play audio in html?如何在 html 中播放音频？
【发布时间】：2022-01-23 19:50:44
【问题描述】：

<audio controls="controls" preload="auto"> 
 <source src="src/audio/blog_audio/music_file.ogg"  type="audio/ogg" /> 
 Your browser does not support the audio element. 
 <source src="src/audio/blog_audio/music_file.mp3"  type="audio/mp3" /> 
 Your browser does not support the audio element. 
 <source src="src/audio/blog_audio/music_file.aac"  type="audio/aac" /> 
 Your browser does not support the audio element. 
</audio>

我这里找了很多关于播放html5文件中的音频不起作用的问题的解决方法，也没有找到解决我的问题的方法，所以想用另一种形式重复这个问题：音频文件在设备或本地主机上工作，但上传到服务器后它不起作用。我认为代码编写正确，我不知道如何解决它 我将 mp3 音频文件类型修改为 type="audio/mpeg"

这是控制台错误

https://imgur.com/a/GUS48j2

请帮忙解决问题

谢谢大家

【问题讨论】：

服务器上的路径是否正确？（您使用的是相对路径。）您如何“上传到服务器”？您是否在浏览器的网络检查器中看到错误？
没有，文件路径没有错误，代码写对了，但是缺少浏览器的播放功能
抱歉，控制台出现了一个我没注意到的错误，imgur.com/gallery/GUS48j2
403是权限错误，可以了解更多Here

标签： javascript html audio html5-audio

【解决方案1】：

这不是来自您的代码。出现此问题是因为您没有为文件设置正确的权限，这就是您收到403 错误并且无法在页面上播放音频文件的原因。

（我知道我的回答有点模糊，希望其他人能更好地帮助你......）

【讨论】：

你说得对，我关闭了 mod 安全性并且音频文件正在工作，但是将来会出现一个新问题，即站点安全性.. 有没有办法只排除音频文件国防部安全？例如htaccess
@HatemFrere 请将其标记为正确答案，以便其他人知道如果他们也有类似问题，它会起作用。 PS： 网站安全是一个不同的问题，有不同的答案（因此您必须就该问题提出新的问题）