Modo cross-platform e cross-browser per riprodurre l'audio usando jQuery 1.4?

Question

Sto cercando di ottenere jQuery per riprodurre un suono sull'elemento hover/clic. (È come un sito Web flash senza flash)

Ho provato i metodi consigliati in Cross-platform, cross-browser way to play sound from Javascript?, il plugin jQuery Sound e un paio di altri tutorial senza alcun successo. Presumo che ciò sia dovuto al fatto che non sono stati aggiornati dal 2008.

Qualcuno ha qualche consiglio?

Answer 1

Non serve nessuno di quelli. Il tag HTML, combinato con JavaScript, farà il trucco.

<audio id="soundHandle" style="display: none;"></audio> 
<script> 
    soundHandle = document.getElementById('soundHandle'); 
    soundHandle.src = '/blah/blah.mp3'; 
    soundHandle.play(); 
</script> 

Answer 2

provare questo: http://swaggplayer.no.de/demos utilizzando il flash per riprodurre un suono o questa http://www.schillmania.com/projects/soundmanager2/

Answer 3

In realtà è impossibile da fare in un modo compatibile realmente cross-browser, come ad esempio iPhone giocheranno suono solo su una "pagina" giocatore dedicata. Tuttavia alcuni dei plug-in nelle altre risposte dovrebbero fare il lavoro per la maggior parte dei browser (desktop).

Answer 4

http://codecanyon.net/item/fancy-music-player-v20-jquery-plugin/498071?ref=1stwebdesigner

Player funziona così - prima che rileva se è installato Flash Player 9 o superiore. Se sì, verrà utilizzato un filmato flash nascosto (swf), che comunica tramite javascript con l'interfaccia utente HTML. Se non è installato Flash Player, verrà utilizzato il nuovo motore audio HTML5, supportato da tutti gli iToy (iPhone, iPad ecc.).

Answer 5

tag audio non ha funzionato per me in alcuni browser quindi questo è come mi sono fatto è:

function playBuzzer(){ 
     $("body").append("<embed src='/web/sounds/Buzz.mp3' autostart='true' loop='false' width='2' height='0'></embed>"); 
} 

ogni volta che voglio per riprodurre l'audio (onmouseover, onclick, onload ...) Io chiamo questa funzione .