音频标签GUI不可见

Question

我已将音频标签包含在页面中

<audio src='a.mp3' preload='auto'>
</audio>

但它不起作用,我在页面上看不到任何东西.

但是当我把audiojs包括在内的时候

  <script src="/static/js/audiojs/audio.min.js"></script>
  <script>
    audiojs.events.ready(function() {
      var as = audiojs.createAll();
    });

  </script>

我不知道为什么会这样？

Answer 1

根据我所学到的,src是音频中的元素,而不是属性.所以你的代码应该是这样的:

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

(资源)

编辑: src也可以是一个属性,所以这不是你的问题.为了让浏览器显示任何音频内容,您需要"controls"属性.但是,如果您不想使用默认控件,请添加html按钮并使用JavaScript控制音频的开始/停止等.

Answer 2

试试这个:

<audio src='a.mp3' controls preload='auto'>
</audio>