HTML5音乐播放器外部播放按钮

Question

我正在建立一个单页视差网站。页面的第一部分是一个标志和一个文本按钮，上面写着“立即听”。

单击listen按钮后，页面将自动滚动到嵌入HTML5音乐播放的下一节。一旦单击“立即收听”按钮，是否有办法使音乐自动启动？

这是我正在处理的页面的链接。我尝试添加事件侦听器，但它似乎不起作用。

http://rob.peytongregory.com/

Answer 1

假设您使用的是标准的HTML5 <audio>标记，那么您可以使用它的方法，例如.play()和.stop()。

因此，只需将侦听器添加到您的按钮(如果您没有一个已附加到它)：

document.getElementById('your-button-id').addEventListener('click', document.getElementById('your-audio-id').play);

// or, similar:
document.getElementById('your-button-id').addEventListener('click', function() {
    document.getElementById('your-audio-id').play();
});

Answer 2

我假设您已经为按钮绑定了一个单击事件，所以只需选择音频元素并调用.play()即可。

document.getElementById('yourAudioElementId').play()

编辑：

如果使用href='sectionID'属性，则可以将其重写为href='#' onclick="customHandler('sectionID'); return false;"

处理程序应包含按给定哈希滚动到位置的调用，并播放音频剪辑。您也可以将音频元素ID传递给customHandler。