Javascript鼠标经过播放声音(兼容ie,firefox等浏览器)-天狐博客

<script>
function playvoice(fileName)
{
    if(document.getElementById('sound')){
        document.body.removeChild(document.getElementById('sound'));
    }
     var sound=document.createElement("audio");
     sound.controls="controls";
     sound.id="sound";
     sound.autoplay='autoplay';
     sound.style.display='none';
     document.body.appendChild(sound);
     var source = document.createElement('source');
     source.src = fileName+'.ogg';
     source.type='audio/ogg';
     sound.appendChild(source);
     var sound2 = document.createElement('embed');
     sound2.src = fileName+'.mp3';
     sound2.autostart='true';
     sound.appendChild(sound2);        
}
</script>

function playvoice(fileName)

{

if(document.getElementById('sound')){

document.body.removeChild(document.getElementById('sound'));

}

var sound=document.createElement("audio");

sound.controls="controls";

sound.id="sound";

sound.autoplay='autoplay';

sound.style.display='none';

document.body.appendChild(sound);

var source = document.createElement('source');

source.src = fileName+'.ogg';

source.type='audio/ogg';

sound.appendChild(source);

var sound2 = document.createElement('embed');

sound2.src = fileName+'.mp3';

sound2.autostart='true';

sound.appendChild(sound2);

}

</script>

调用代码 <a onmouseover="playvoice('ding')" href="#">鼠标划过播放声音</a>

注意的是:一个音频文件要准备两种格式.ding.mp3;ding.ogg;

iis下默认MIME 没有audio/ogg类型,所以要自己添加,否则访问ogg文件会出现404

添加方法:

打开IIS管理器，打开“本地计算机”的属性——》MIME类型——》新建
后缀名：.ogg
MIME类型：audio/ogg

应用即可

转载请注明：天狐博客 » Javascript鼠标经过播放声音(兼容ie,firefox等浏览器)

Javascript鼠标经过播放声音(兼容ie,firefox等浏览器)

与本文相关的文章

Hi，您需要填写昵称和邮箱！