HTML5 audio player d'erreur: “La condition de double de la valeur est non-fini”

Sur CETTE page un ont fait un custom HTML 5 audio player "gestionnaire":

<div class="default-player">
    <audio controls="" autoplay="" name="media" id="audio_player">
        <source src="http://stream.radio.co/sedf8bacc9/listen" type="audio/mpeg">
    </audio>
</div>

<div id="audioplayer">
    <button id="pButton" class="pause"></button>
    <div id="timeline">
        <div id="playhead"></div>
    </div>
    <div id="volume_control">
        <label id="rngVolume_label" for="rngVolume">Volume:</label>
        <input type="range" id="rngVolume" min="0" max="1" step="0.01" value="1">
    </div>
    <div class="current-piece">
        <div class="now-playing">Now playing:</div>
        <script src="https://public.radio.co/embed/sedf8bacc9/song.js"></script>
    </div>
</div>

J'ai écrit ce petit script pour lier le joueur à la "poignée":

function radioPlayer(){

    var music = document.getElementById('audio_player');

    function playAudio() {
      if (music.paused) {
        music.play();
        pButton.className = "";
        pButton.className = "pause";
      } else {
        music.pause();
        pButton.className = "";
        pButton.className = "play";
      }
    }

    function setVolume(volume) {
       music.volume = volume;
    }

    $('#pButton').on('click', playAudio);

    $('#rngVolume').on('change', setVolume);

}

radioPlayer();

Lorsque j'utilise le plage de volume d'entrée, j'obtiens cette erreur: "Uncaught TypeError: impossible de définir le "volume" de la propriété sur "HTMLMediaElement' Du double de la valeur est non-fini."

Qu'est-ce que sa cause?

D'où vient le volume variable get défini? Puisque vous venez de lier setVolume à l'élément, et rien de plus, le volume est probaly pas défini à l'intérieur de la gestionnaire.
c'est tout le code.
Donc je me demande, où dans le code est la partie qui détermine quelle est la valeur de 'volume' a? Je m'attends à quelque chose comme music.volume = this.val(); depuis rien montré définit la valeur du volume à la valeur de la rngVolume curseur.

OriginalL'auteur Razvan Zamfir | 2017-02-22

  1. 4

    Votre volume argument était en fait un événement:

    function setVolume(e) {
   var volume = e.target.value;
   music.volume = parseFloat(volume);
}

    https://jsfiddle.net/08tgr254/1/

    Le Volume n'est pas encore défini, Pourquoi est-il double? (Ce qui n'est même pas utilisé par ce nom, dans JS, puisque tous les nombres sont "doubles" puisque tout est un 64 bits float en JS)
    Beaucoup mieux, mais qui peuvent avoir à parseFloat() de nouveau. 🙂
    Hmm... ce n'est pas de travail pour moi :-\ Arriver même erreur sur un VPAID: "Ad Erreur. spotx JS VPAID dit impossible de définir le "volume" de la propriété sur "HTMLMediaElement’ Du double de la valeur est non-fini"

    OriginalL'auteur Kornflexx