点击播放声音

Posted 2023-02-25

【中文标题】点击播放声音

【英文标题】：play sound on click

【发布时间】：2012-08-19 08:28:39

【问题描述】：

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

我在我的一些页面上使用页面内 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"    /></a>  Blues in <strong>C</strong> : backing for lead melody. Chords: C,F, G</p>

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

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

非常感谢，杨

【问题讨论】：

可能重复：***.com/questions/450033/…

【参考方案1】：

欢迎来到 Stack Overflow。

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

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

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

【讨论】：

嗨。非常感谢您的及时回复 - 我已经在多个论坛上遇到这个问题好几个星期了，但没有任何回复。你知道 soundmanager 是否允许我保留我的样式吗？请参阅dev.budestrings.co.uk/grade-3，因为我已经非常努力地让它看起来正确。非常感谢，简

是的，Soundmanager 只负责播放声音的业务 - 页面的外观和感觉取决于您。

为了使用 SoundManager2，我需要在网页中包含哪些 JavaScript 文件？