96 votes

Lecture d'un fichier audio à l'aide de jQuery lorsqu'un bouton est cliqué

J'essaie de lire un fichier audio lorsque je clique sur le bouton, mais cela ne fonctionne pas, mon code html est le suivant :

<html>    
    <body>
        <div id="container">
            <button id="play">
                Play Music
            </button>
        </div>
    </body>
</html>

mon JavaScript est :

$('document').ready(function () {
    $('#play').click(function () {
        var audio = {};
        audio["walk"] = new Audio();
        audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3"
        audio["walk"].addEventListener('load', function () {
            audio["walk"].play();
        });
    });
});   

J'ai créé un Violon pour cela aussi.

0 votes

Est-ce que vous utilisiez audio de HTML5

4voto

Jeff Points 469

Démonstration de JSFiddle

C'est ce que j'utilise avec jQuery :

$('.button').on('click', function () { 
    var obj = document.createElement('audio');
    obj.src = 'linktoyourfile.wav'; 
    obj.play(); 
});

1voto

Patrick Points 31

Il est très simple d'utiliser le plugin Ion.Sound créé par le groupe IonDen.

De nombreux sons sont disponibles et vous pouvez ajouter vos propres fichiers sonores si vous le souhaitez. Il suffit ensuite de les jouer sur n'importe quel événement html.

Nous avons fait un système de personnalisation en direct pour ce plugin comme un violon ici -. http://bitconfig.com/ion-sound/bitconfig_ion_sound.html

Vérifiez si vous êtes intéressé.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X