工具提示/悬停中的音频？

Question

我想包括当用户滚动时自动播放的音频。我还没有找到可以执行此操作的工具提示。有谁知道有什么方法可以实现这一目标？

（注意：用户在访问该页面之前会收到有关音频的警告。）

更新

感谢 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 音频文件来更改此设置？我对此有点失落。

感谢您的帮助！

Answer 1

这是一个好的开始。我制作了一个演示。如果音频有点长，请在createsoundbite函数中添加stopclip函数，然后将其添加到.mouseleave。

编辑：

要添加闪光灯，请更改其他部分。我对flash非常熟悉，但基本上使用以下之一：

• 创建对象 - "document.createElement("object");... etc"
• 或者我认为更好使用 swfobject

Answer 2

这是一个在旧版浏览器中播放声音并且不需要 flash 的版本：

var sound = document.createElement("audio");
if (!("src" in sound)) {
    sound = document.createElement("bgsound");
}
document.body.appendChild(sound);

function playSound(src) {
    sound.src = src;
    sound.play && sound.play();
}

...

playSound("/sounds/something.mp3");

编辑： 这是一个使用 .hover() 在鼠标悬停在您的浏览器上时播放声音的版本element：

$(function) {
    var sound = document.createElement("audio");
    if (!("src" in sound)) {
        sound = document.createElement("bgsound");
    }
    document.body.appendChild(sound);

    $(".playable").hover(function() {
        sound.src = this.soundFile;
        sound.play && sound.play();
    }, function() {
        sound.src = "";
    });
});

使用“playable”类和包含声音文件源 URL 的自定义属性“soundFile”设置要播放声音的元素：

<span class="playable" soundFile="/sounds/something.mp3">Something</span>
<span class="playable" soundFile="/sounds/somethingElse.mp3">Something else</span>

Answer 3

soundmanager2