点击播放声音

Question

我在几个地方问过这个问题，但还没有找到或收到答案。我是一个代码新手，所以任何帮助将不胜感激。

我在我的一些页面上使用页面内 javascript 在单击图像时播放声音，该图像循环背景音轨以练习音阶/主音吉他。

这是脚本：

<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"true\" />";
}
</script>
<span id="dummy"></span>

这是我为每个图像/mp3 调用它的方式：

<p><a title="Play file" href="#" onclick="playSound('mp3 url');"><img title="Play" src="play button url" alt="Play" width="48" height="48" /></a>  Blues in <strong>C</strong> : backing for lead melody. Chords: C,F, G</p>

我的第一个问题 - 曲目没有循环播放 - 脚本有问题吗？

我的第二个问题 - 我如何扩展功能，以便在单击 png 播放文件时将其换成另一个 - 停止按钮 - 单击时停止循环。

非常感谢，杨

Answer 1

欢迎来到 Stack Overflow。

将声音嵌入网页是一项非常棘手的工作，要获得一个适用于所有浏览器和移动设备的解决方案是一项真正的挑战。

幸运的是，您可以使用一些库来使 mp3 的嵌入、播放、循环和切换变得更加容易。

我建议您先查看Soundmanager2，然后再深入了解这个项目，看看它是否可以为您节省大量编码时间、精力和挫败感！