点击时播放声音

Question

点击时播放声音

4

我在几个地方询问了这个问题，但仍未找到或收到答案。我是一个编码新手，所以任何帮助都将不胜感激。

我在一些页面上使用内页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以播放文件时，它被替换为另一个 - 停止按钮 - 单击后停止循环。

非常感谢，Jan

- janimal

可能是重复问题：https://dev59.com/onRB5IYBdhLWcg3w-789 - Anderson Green

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DaveR · Accepted Answer

欢迎来到 Stack Overflow。

在网页中嵌入声音是一项非常棘手的任务，要想找到适用于所有浏览器和移动设备的解决方案是一个真正的挑战。

幸运的是，有一些库可以让嵌入、播放、循环、切换 mp3 文件变得更加容易。

我建议在深入进行这个项目之前先了解 Soundmanager2，看看它是否能为你节省大量编码时间、精力和挫败感！