我在 wordpress 网站上工作。在此站点中,我需要在鼠标悬停时播放声音,一切都很好,但出了点问题,我不知道为什么?
mouseover
在按钮上时有延迟。
请检查链接http://barkingspidertheatre.com.au/new/
这是我的代码
JavaScript
function doPlay(what){
document.getElementById('music').innerHTML='<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf?autoplay=1" width="200" height="20">'
+'<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf?autoplay=1" />'
+'<param name="bgcolor" value="#000000" />'
+'<param name="autoplay" value="1" />'
+'<param name="FlashVars" value="mp3='+what+'" />'
+'</object>';
}
function doStop(){
document.getElementById('music').innerHTML='';
}
HTML
<a href="<?php bloginfo("url");?>/roving-butterflies-penelope-ulysses/?ajax=true&width=108%&height=105%" rel="prettyPhoto[ajax]" onMouseMove="javascript:doPlay('<?php bloginfo('template_url'); ?>/songs/Harp_gliss_wind_chimes_short_BLASTWAVEFX_15022.mp3')" onMouseOut="doStop();">
<div class="music_player" id="music"></div>
谁能告诉我如何消除鼠标悬停播放声音的延迟。
谢谢
最佳答案
使用 html5 你可以直接访问 audio api
,你可以像下面这样做而不是创建对象标签来播放声音:
function doPlay(what){
var snd = new Audio(what); // buffers automatically when created so no delay
snd.play();
}
希望对您有所帮助。
关于javascript - 鼠标悬停 mp3、Wordpress 时声音会延迟播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13233455/