音频不是用html播放的

时间:2015-12-30 22:12:03

标签: html audio web pug

我将音乐存储在我尝试播放的单独文件夹中,但音乐无法播放。知道为什么吗?所有帮助都表示赞赏,并提前感谢。也试着在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

3 个答案:

答案 0 :(得分:2)

试试这个..它有效..

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

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

答案 1 :(得分:1)

您可以动态生成音频播放器,我相信您的问题是获得正确的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>

答案 2 :(得分:0)

确保正确链接音频。 那就是帮助我的原因。