在onclick事件中播放音频文件

Question

我正在尝试播放按下按钮时的音频文件

<audio controls>
  <source id="player" src="foo.mp3" type="audio/mpeg"></source>
</audio>
<button onclick="functionName()">Play</button>

当按下播放按钮时，它必须调用该功能，它需要启动我的播放器，有时我还需要在按下按钮时更改src内容。 提前致谢

Answer 1

简短说明：

var audioElement = document.createElement('audio');

- ＆gt;创建新的音频元素。

audioElement.setAttribute('src', '/path/to/src');

- ＆gt;设置新音频元素的来源

audiElement.addEventListener("load",function(){ 
audioElement.play();
}, true);

- ＆gt;为源更改时创建事件侦听器，以重新加载音频元素属性

function Play(audioElement){

 audioElement.play();
}

<强> - ＆GT;播放音频元素的公共功能

<button onclick="Play()">Play</button>

- ＆gt;重做按钮。

祝你好运

Answer 2

应该是

<script>
functionname()
{
var myVideo = document.getElementById("player");
myVideo.play();
}
</script>

和更改src

document.getElementById("player").src="new_src";

Answer 3

我不知道你为什么需要外接按钮来播放歌曲。它已经存在于音频控件中。然而

var myAudio = document.getElementById("audioId");
myAudio.play();

如果您想暂停外部使用

myAudio.pause()

与更改来源相似

myAudioSource = document.getElementById("player");
myAudioSource.src = "whatever.mp3";

希望它有所帮助！