点击播放声音

时间:2012-08-19 08:28:39

标签: javascript audio

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

我在我的某些页面上使用页内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

1 个答案:

答案 0 :(得分:2)

欢迎使用Stack Overflow。

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

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

我建议您在进一步了解此项目之前先查看Soundmanager2,看看它是否可以为您节省大量编码时间,精力和挫折感!