javascript - 点击播放声音

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 ，在您深入了解该项目之前，看看它是否可以为您节省大量编码时间、精力和挫败感!