html 中未播放音频

Question

我将音乐存储在一个单独的文件夹中，我正在尝试播放，但无法播放。知道为什么吗？感谢所有帮助，并提前致谢。还尝试在 Jade 中做同样的事情，所以如果你们告诉我它的代码，那也很棒！

<body>
    <li>
        <audio controls>
            <source src="./songs/Remember-The-Name.mp3" type="audio/mp3">
         </audio>
    </li>
<body>

html 文件的路径：

/User/Desktop/music-app/views/test.html

音频文件路径：

/User/Desktop/music-app/songs/Remember-The-Name.mp3

Answer 1

试试这个..它有效..

将..添加到上一个目录并使用type="audio/mpeg"

<body>
    <li>
        <audio controls>
            <source src="../songs/Remember-The-Name.mp3" type="audio/mpeg">
         </audio>
    </li>
<body>

Answer 2

您可以动态生成音频播放器，我相信您的问题是获取 mp3 的正确路径。使用此代码并更改第 6 行的 src 值。如有疑问，请使用绝对路径或在您的情况下使用 ../songs/Remember-The-Name.mp3

的相对路径

var audio = document.createElement('audio');
var source = document.createElement('source');
var media = document.getElementById('media');
media.appendChild(audio);
audio.appendChild(source);
source.setAttribute('src', 'https://glpro.s3.amazonaws.com/_util/smpte/111.mp3');
source.setAttribute('type', 'audio/mpeg');
audio.setAttribute('controls', 'controls');

<section id="media"></section>

Answer 3

确保 link 您的音频正确。这就是帮助我的原因。

html 中未播放音频

Audio is not playing in html

html

audio

web

pug