Audio control js

Par Yubo, il y a 10 ans


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

StarTechs, il y a 10 ans

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

StarTechs, il y a 10 ans

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

Yubo, il y a 10 ans

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>