HTML 中的本地音频答案

【问题标题】：Local Audio in HTMLHTML 中的本地音频
【发布时间】：2022-01-07 05:24:51
【问题描述】：

如何让我的 html 页面在不上传的情况下代表本地音频。
我有类似的代码，但音频没有播放它只是代表音频风格：

<audio controls preload="none" id="audio"> 
    <source id="first-audio" src="/home/linux/Desktop/Mega/upload/Audio Files/file.wav" type="audio/wav">
 </audio>

【问题讨论】：

仅供参考：您的代码为空白。 ??????
developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
这能回答你的问题吗？ Using local file as <audio> src
您应该尝试从src 中删除home 之前的第一个斜线/，大多数情况下它会产生问题。看看它是否有效
嗨@sara：它无法正常工作的原因只有两个。 1. 音频文件的相对路径错误意味着src={} 没有指向正确的音频路径。 2.或者错误type或者不支持的音频类型。可以请告诉我文件结构。截屏并添加到问题中。

标签： javascript html web

【解决方案1】：

<html>
    <head>
        <title> Audio Play </title>
    </head>
    <body>
         <audio controls autoplay>
            <source src="https://www.computerhope.com/jargon/m/example.mp3">
        </audio> 
    </body>
</html>

试试这个，记得把你的音频文件和你的 html 文件放在同一个目录或者使用相对路径：

 <html>
        <head>
            <title> Audio Play </title>
        </head>
        <body>
             <audio controls autoplay>
                <source src="frere_jacques.mp3" type="audio/mpeg">
            </audio> 
        </body>
    </html>

更多信息，为您提供帮助：www.w3schools

【讨论】：

【解决方案2】：

您可以尝试在音频标签中输入 src 属性。

<audio src="/audio/audio.mp3" controls></audio>

【讨论】：

这与 OP 已经完成的相同
而且也不行
你确定那是真的吗？您应该根据 html 文件的位置进行设置。当我运行此代码时，我的本地没有任何问题
它不起作用