javascript-工具提示/悬停中的音频?

我想包括当用户滚动时将自动播放的音频.我没有找到可以做到这一点的工具提示.有人知道实现此目标的方法吗?

(注意:在访问页面之前,系统将警告用户有关音频的信息.)

更新

多亏了Bakudan-ханювиги,我才开始工作.但是,使用Bakudan-ханювиги的方法可以快速使用吗?谢谢!

更新2

使用Bakudan-ханювиги推荐的使用swfobject添加Flash后备广告的方法使我有些困惑.我缺少JavaScript知识,这是我迷路的地方.这是我用于音频的代码:

    <script>

// Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
// Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code

var html5_audiotypes={ //define list of audio file extensions
"mp3": "audio/mpeg",
"ogg": "audio/ogg",
}

function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //check support for HTML5 audio
    for (var i=0; i<arguments.length; i++){
        var sourceel=document.createElement('source')
        sourceel.setAttribute('src', arguments[i])
        if (arguments[i].match(/\.(\w+)$/i))
            sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
        html5audio.appendChild(sourceel)
    }
    html5audio.load()
    html5audio.playclip=function(){
        html5audio.pause()
        html5audio.currentTime=0
        html5audio.play()
    }
    return html5audio
}
else{
    return {playclip:function(){throw new Error(
      "Your browser doesn't support HTML5 audio unfortunately")}}
}
}

//Initialize sound clips with 1 fallback file each:

var mouseoversound=createsoundbite(
   "/messages4u/2011/images/october/laugh.ogg",      
  "/messages4u/2011/images/october/laugh.mp3")

</script>

我将else更改为Flash,而不是错误消息.如何使用swfobject更改此格式以播放Flash音频文件?我对此感到有点迷惑.

谢谢您的帮助!

解决方法:

This是一个好的开始.我制作了demo.如果音频稍长,请将stopclip函数添加到createdoundbite函数,然后将其添加到.mouseleave.

编辑:

要添加闪存,请更改else部分.我对Flash非常熟悉,但是基本上使用以下之一:

> create object-“ document.createElement(” object“); …等等”
>或我认为最好使用swfobject

上一篇:javascript-HighCharts区域图-仅在标记悬停时显示工具提示


下一篇:java-带有动态信息的工具提示弹出窗口