Audio control js

Yubo
Javascript

Yo, je suis entrain de réaliser un petit player pour une webradio mais je n'arrives pas à intéragir avec <audio>
La musique ne se lance pas.
JS:

function play()
        {
            $('#play').addClass('hide');
            $('#stop').removeClass('hide');
            $('audio').play();
        }

Audio

<audio id="audio" src="http://127.0.0.1/sound.ogg" controls preload="auto" autobuffer></audio>

Boutons

<li class="pad" id="play"> <button class="btn btn-success" onclick="play()"><i class="fa fa-play"></i></li>
<li class="pad hide" id="stop"> <button class="btn btn-danger" onclick="stop()"><i class="fa fa-stop"></i></li>
<li class="pad"> <button class="btn btn-info"><i class="fa fa-microphone"></i> Major Lazer - Lean On</li>

Je n'y arrive vraiment pas :/

Merci de votre aide

3 réponses

Yubo
Auteur
Réponse acceptée

C'est bon, j'ai réglé mon problème comme ça

<script>
        $('#logo_hd').addClass('animated bounce');
        var audioElement = document.createElement('audio');
        audioElement.setAttribute('src', 'http://92.222.227.163:8000/stream.mp3');
        function play()
        {
            $('#play').addClass('hide');
            $('#stop').removeClass('hide');
            audioElement.play();
            audioElement.volume=0.5;
        }
        function stop()
        {
            $('#stop').addClass('hide');
            $('#play').removeClass('hide');
            audioElement.volume=0.00;
        }
        function plus()
        {
            audioElement.volume+=0.05;
        }
        function minus()
        {
            audioElement.volume-=0.05;
        }
    </script>
StarTechs

Salut ! As-tu une erreur dans la console de ton navigateur ? (Avant et après que tu aies cliqué sur un contrôle)

StarTechs

En fait je crois que tu as oublié un # dans le selecteur de ta fonction play (ça devrait être #audio), même si ça devrait marcher dans le cas ou tu as qu'une seule balise audio mais tu peux essayer comme ça