Cross-Plattform, Cross-Browser-Weg, um Sound von Javascript zu spielen?

Question

Ich schreibe eine DHTML-Anwendung, die eine interaktive Simulation eines Systems erstellt. Die Daten für die Simulation werden von einem anderen Tool generiert, und es gibt bereits eine große Menge an Altdaten.

Einige Schritte in der Simulation erfordern, dass wir "voice-over" Audioclips abspielen. Ich konnte keinen einfachen Weg finden, dies über mehrere Browser hinweg zu erreichen.

Soundmanager2 kommt ziemlich nah an das, was ich brauche, aber es wird nur mp3-Dateien abspielen, und die alten Daten können auch einige. WAV-Dateien enthalten.

Hat jemand andere Bibliotheken, die helfen könnten?

Answer 1

Sie ein Plug-in wie Real Audio oder Quicktime enthalten müssen, um die WAV-Datei zu behandeln, aber das sollte funktionieren ...

//====================================================================== 
var soundEmbed = null; 
//====================================================================== 
function soundPlay(which) 
    { 
    if (!soundEmbed) 
     { 
     soundEmbed = document.createElement("embed"); 
     soundEmbed.setAttribute("src", "/snd/"+which+".wav"); 
     soundEmbed.setAttribute("hidden", true); 
     soundEmbed.setAttribute("autostart", true); 
     } 
    else 
     { 
     document.body.removeChild(soundEmbed); 
     soundEmbed.removed = true; 
     soundEmbed = null; 
     soundEmbed = document.createElement("embed"); 
     soundEmbed.setAttribute("src", "/snd/"+which+".wav"); 
     soundEmbed.setAttribute("hidden", true); 
     soundEmbed.setAttribute("autostart", true); 
     } 
    soundEmbed.removed = false; 
    document.body.appendChild(soundEmbed); 
    } 
//====================================================================== 

Answer 2

Ich glaube, dass der einfachste und bequemste Weg wäre, den Ton mit einem kleinen Flash-Clip zu spielen. Ich schätze, es ist keine Lösung, JavaScript, aber es ist der einfachste Weg, um Ihr Ziel

einige zusätzlichen Links von den vorherigen similar question zu erreichen:

• Scriptaculous, eine Javascript-Bibliothek: http://github.com/madrobby/scriptaculous/wikis/sound
• ein Open-Source-Flash-Projekt: einfach Musicplayer Für Flash http://emff.sourceforge.net/

Answer 3

Wenn Sie mit Prototype, die Scriptaculous Bibliothek has a sound API. jQuery appears to have a plugin, auch.

Answer 4

Wenn Sie Mootools verwenden, da die MooSound plugin ist.

Answer 5

dacracots code ist sauber basic dom, aber vielleicht ohne einen zweiten Gedanken geschrieben? Natürlich prüfen Sie zuerst die Existenz einer früheren Einbettung und speichern Sie die Duplikate eingebettete Erstellungszeilen.

Kam hier über die Gedanken während der Suche nach einer Lösung für etwas ähnliche Situation. Leider mein Browser Mozilla/5.0 (X11; U; Linux i686; de-US; rv: 1.9.0.15) Gecko/2009102814 Ubuntu/8.04 (hardy) Firefox/3.0.15 stirbt bei dem Versuch dies.

Nach der Installation der neuesten Updates stürzt firefox immer noch ab, Opera bleibt am Leben.

Answer 6

Sie können den Tag HTML5 <audio> verwenden.

Answer 7

mochte ich dacracot Antwort ... hier eine ähnliche Lösung in jQuery ist:

function Play(sound) { 
    $("#sound_").remove() 
    $('body').append('<embed id="sound_" autostart="true" hidden="true" src="/static/sound/' + sound + '.wav" />'); 
} 

Answer 8

<audio controls> 
    <source src="horse.ogg" type="audio/ogg"> 
    <source src="horse.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

http://www.w3schools.com/html/html5_audio.asp Details für mehr sehen.

Answer 9

Es gibt eine viel einfachere Lösung, anstatt auf Plug-Ins zurückgreifen zu müssen. IE hat seine eigene bgsound -Eigenschaft und es gibt eine andere Möglichkeit, die es für alle anderen Browser funktionieren lässt.Sehen Sie sich mein Tutorial hier an: http://www.andy-howard.com/how-to-play-sounds-cross-browser-including-ie/index.html