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 播放文件时将其换成另一个 - 停止按钮 - 单击时停止循环。

非常感谢,扬

4

1 回答 1

2

欢迎来到堆栈溢出。

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

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

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

于 2012-08-19T08:36:56.490 回答