Wie, um einen sound abzuspielen, wenn ich auf eine Schaltfläche oder einen link in einem browser,

wie ein sound abgespielt, wenn ich auf einen link oder eine Schaltfläche in meiner web-Seite , ich brauche auch mehr als einen link oder eine Schaltfläche jedes unterschiedliche sound-Datei.

eigentlich wollte ich das mit BGSOUND-tag funktioniert nur im IE,

InformationsquelleAutor Rajasekar Gunasekaran | 2011-06-25
  1. 6

    Schritt 1: laden Sie die 'Stand-alone' - version von audio-player

    Schritt 2: include player ist JS an Ihrer Seite: 

    <script type="text/javascript" src="audio-player.js"></script>

    Schritt 3: setup-player und Funktionen implementieren, um die embed-player für jede Datei:

    <script type="text/javascript">  
    AudioPlayer.setup("player.swf", {  
        width: 290
    });

    function moo() {
        AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'});  
    }

    function foo() {
        AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'});  
    }
</script>

    Schritt 4: erstellen Sie ein element mit id = player (oder was auch immer du angegeben hast):

    <div id="player"></div><br />

    Schritt 5: geben Sie 'Umschalter' für Ihre audio-Dateien:

    <a href="#" onClick="moo();">play file 1</a><br />
<a href="#" onClick="foo();">play file 2</a>

    Sie sollten am Ende mit etwas wie dieses:

    <html>  
    <head>  
        <title>Your website</title>  
        <script type="text/javascript" src="audio-player.js"></script>  
        <script type="text/javascript">  
            AudioPlayer.setup("player.swf", {  
                width: 290
            });

            function moo() {
                AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'});  
            }

            function foo() {
                AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'});  
            }
        </script>    
    </head>  
    <body>  
        <div id="player"></div><br />
        <a href="#" onClick="moo();">play file 1</a><br />
        <a href="#" onClick="foo();">play file 2</a>
    </body>  
</html>

    P. S.: hier sind einige Dokumentation über Spieler-Optionen, die Sie nicht passieren konnten, mit .embed() oder .setup() Funktionen

    • ist dies funktioniert nur in word press
    • gut, der code, den ich gezeigt habe, ist nicht ein wordpress-one noch ein wordpress-only =) Das ist, warum ich bemerkt das herunterladen einer standalone player-version 😉
    • Sie können das gleiche tun mit der html5-sound-api, dies ist nur erforderlich, wenn Sie wollen, um alle Browser zu unterstützen im raten
    • Ja, HTML5 ist gut genug, außer seiner browser-Anforderungen =)
    InformationsquelleAutor shybovycha
  2. 0

    Warum nicht einfach ein link auf die sound-Datei auf die web-app?

    z.B. so etwas wie dieses:

    <a href="/pathtosound/sound.mp3">Click here to play a sound</a>
    • Dank marty., wenn die Ein tag verwenden, können einige browser die Datei herunterladen instad von spielen,
    • ok, dann mit html5 können Sie den Zugriff auf die audio-api direkt in javascript. zB. var sound = new Audio("Datei.mp3"); sound.play(); - also im Grunde genommen wäre die Erfassung der button/link-Ereignis in javascript und ausführen von javascript-code wie folgt, um den Ton wiederzugeben. funktioniert nur mit html5-Browsern tho, aber die meisten modernen Browser unterstützen es 🙂 - für Browser, die nicht unterstützen, es können Sie zeigen, dass ein statischer link.
    • hier ist ein Beispiel: dev.opera.com/articles/view/html5-audio-radio-player
    InformationsquelleAutor Marty
Schreibe einen Kommentar