Question

当我尝试我的代码时，它不起作用。我的浏览器只说“ Uncaught TypeError：无法读取null的属性'play'”。我尝试了W3schools的音频代码，但没有成功。

function SoundGo(){
    var audio = document.getElementById('Bilder-silent/Im definitely a Pic.mp3');
    audio.play(); 
}

function SoundStop(){
    var audio = document.getElementById('Bilder-silent/Im definitely a Pic.mp3');
    audio.pause();
    audio.currentTime = 0;
}

<section>
<h2 class="STitle">Listen the difference</h2>
<img class="SSound" onclick="SoundStop()" src="Bilder-silent/mute.png" alt=""/>
<img class="SSound" onclick="SoundGo()" src="Bilder-silent/sound.png" alt=""/>
</section>

那是唯一的错误：“未捕获的TypeError：无法读取null的属性'play'”

Answer 1

您可以调用音频实例或设置音频标签：

var audio = new Audio('Pic.mp3');
audio.play();

或

<audio id="Bilder-silent" src="
Pic.mp3"></audio>

<script type="text/javascript">
  function SoundGo() {
    document.getElementById("Bilder-silent").play();
  }

  function SoundStop() {
    document.getElementById("Bilder-silent").pause();
  }
</script>

我对play（）和pause（）的错误是什么？

1 个答案: