HTML5添加鼠标悬浮音响效果不使用FLASH

前端技术 2023/09/09 HTML
使用HTML5+jQuery，不使用FLASH：

浏览器适用范围：Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+

代码示例：

复制代码
代码如下:

$(\"#speak\").mouseenter(function(){
$(\"<audio></audio>\").attr({
\'src\':\'audio/\'+Math.ceil(Math.random() * 5)+\'.mp3\',
\'volume\':0.4,
\'autoplay\':\'autoplay\'
}).appendTo(\"body\");
});


上面是使用html5的audio元素，随机播放一个mp3音效。

该代码示范（使用了jQuery）来自goodfootapp.com首页。

本文地址：https://www.stayed.cn/item/25697

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案