Javascript 鼠标在mp3、Wordpress上延迟播放声音
我在wordpress网站上工作。在这个网站上,我需要在鼠标上播放声音,一切都很好,但有点不对劲,我不知道为什么 按钮上的Javascript 鼠标在mp3、Wordpress上延迟播放声音,javascript,wordpress,background-music,Javascript,Wordpress,Background Music,我在wordpress网站上工作。在这个网站上,我需要在鼠标上播放声音,一切都很好,但有点不对劲,我不知道为什么 按钮上的鼠标悬停时有延迟 请检查链接 这是我的密码 JavaScript function doPlay(what){ document.getElementById('music').innerHTML='<object type="application/x-shockwave-flash" data="http://flash
鼠标悬停
时有延迟
请检查链接
这是我的密码
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='';
}
函数doPlay(什么){
document.getElementById('music')。innerHTML=''
+''
+''
+''
+''
+'';
}
函数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,您可以直接访问音频api
,您可以执行以下操作,而不是创建用于播放声音的对象标记:
function doPlay(what){
var snd = new Audio(what); // buffers automatically when created so no delay
snd.play();
}
希望有帮助。谢谢您的快速回复。但我对html5并不友好。你能给我解释一下吗。如何使用此示例。使用您的函数名更新。保持html部分不变,并尝试使用上面的javascript函数代替您的doPlay
。谢谢@Samita。我可以使用mp3文件吗?我使用这个代码,但什么也没发生。你们知道问题出在哪里吗?我使用wav文件。它为此而工作。但在mousout上,我如何使用stop函数呢?如果你让这个声音对象保持全局,那么我相信你可以使用snd.pause()来停止它。