HTML5-audio-player Fehlermeldung: "Der doppelt Wert ist "non-finite"
Auf DIESE Seite ein gemacht haben ein benutzerdefiniertes HTML-5-audio-player "handler":
<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>
Ich geschrieben habe, ist dieses kleine Skript zu binden, die tatsächlichen Spieler zu den "Griff":
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();
Wenn ich den volume range input bekomme ich diesen Fehler: "Uncaught TypeError: Fehler beim festlegen der 'Lautstärke' - Eigenschaft auf 'HTMLMediaElement': Die mitgelieferte double-Wert ist nicht-endlich."
Was ist seine Ursache?
- Wo kommt das Volumen-variable get definiert? Da Sie nur binden setVolume auf das element, und nichts weiter, das Volumen ist wahrscheinlich undefined innerhalb der Prozedur.
- das ist der ganze code.
- Daher Frage ich, wo in dem code ist der Teil, der entscheidet, was Wert 'volume' hat? Ich erwarte so etwas wie
music.volume = this.val();
da nichts angezeigt legt den Wert der Lautstärke auf den Wert der rngVolume Schieberegler.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ihre Lautstärke-argument war in der Tat ein Ereignis:
https://jsfiddle.net/08tgr254/1/