如何使用声音播放点击符合HTML4?

时间:2014-06-25 15:39:17

标签: javascript audio onclick html4

我的网页在Chrome中运行得非常出色,但旧版IE正在给它带来麻烦。音频标签无法识别,所以我想知道:如何在点击图像后进行声音播放?我已附上以下相关代码。 同样,它适用于Chrome。我只是不知道如何处理IE版本7和8,因为它不接受音频标签或我在我的JavaScript中创建一个新的Audio对象。我会接受任何帮助,但我对JQuery缺乏经验。

<img id="Unique" src="bellTop.jpg" width="17%" height="20%" title="A Major"
onclick="funct1()" />
<script>
function funct1() {
var willPlay= new Audio();
willPlay.src="pathToAudio/Song.mp3";
willPlay.play(); }
</script>

编辑:我理解对象和嵌入标签。我不希望玩家出现;我希望声音文件隐藏在页面上,但是当单击图像时,它会播放。

编辑2:问题解决了(主要是)!这是解决问题的代码!

<span id="dummyspan"></span>

<img src="imageName.jpg" width="17%" height="20%" onClick="playSound('SongName.mp3')"> 

<script>
function playSound(surl) {
document.getElementById("dummyspan").innerHTML=
"<embed src='"+surl+"' hidden=true autostart=true loop=false>"; }
</script>

似乎你可以创建一个空的span,在其中嵌入一个音频文件,然后使用javascript函数调用它!加载确实需要几秒钟,但我愿意打赌,现在仍然使用IE8及以下版本的人。

0 个答案:

没有答案