Verwenden input type Bereich suchen Audio

Ich habe seit fast Jahren dafür kämpfenVerwenden input type Bereich suchen Audio

Ich kann sogar die Lautstärke der Audio-html5 steuern input type Bereich verwenden, aber ich kann das gleiche durch Steuern/sucht das nicht tun Audio mit input type Bereich

und ich mag auch den Eingangstyp Bereich seine Schieberegler dynamisch ändern, wenn die Musik auf dem aktuellen Spur-Zustand spielen wird in Abhängigkeit

so nehmen sie an, die Musik 20 Sekunden und ich werde ändern der Eingabebereich max Wert in 20 zu

<audio id="song" src="path/to/file.mp3" type="audio/mp3"> 
</audio> 

<input type="range" id="seekbar" min="0" max="20" step="1" value="0">

Ich brauche deine Hilfe für diese Jungs wirklich :) Es ist gerade erst einen Spursuchbereich Eingabetyp mit

Quelle

2016-12-10 Jeffson

'Ich kann sogar die Lautstärke des Audio-html5 steuern input type Bereich verwenden, aber ich kann das gleiche durch Steuern/Suche nach dem Ton mit input type range' nicht tun ???? – Viney

Was ich meine ist, dass ich weiß, wie ich das Audio-Lautstärke mit Eingangstyp Bereich über Onchange-Funktion steuern kann und ich fragte nur, wie man die gleiche Funktion auf Suche nach Musik mit Eingabebereich – Jeffson

So zeigen Sie uns, was Sie Code habe nach "fast years" versucht – j08691

// Set max value when you know the duration 
 
$audio.onloadedmetadata =() => $seekbar.max = $audio.duration 
 
// update audio position 
 
$seekbar.onchange =() => $audio.currentTime = $seekbar.value 
 
// update range input when currentTime updates 
 
$audio.ontimeupdate =() => $seekbar.value = $audio.currentTime

<input type="range" step="any" id="$seekbar" value="0"> 
 
<audio controls id="$audio" 
 
    src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg"/>

Quelle

2016-12-10 13:59:59 Endless

Kannst du bitte eine Demo zur Verfügung stellen? – Jeffson

Es ist kein Schnipsel auf der mobilen App bro :) – Jeffson

hmm, vielleicht sollten Sie eine Feature-Anfrage machen – Endless

Ich sehe, Sie sind kontinuierliche Werte erhalten nicht in der Lage Wenn Sie den Bereich suchen, um Werte sofort in einem Suchvorgang zu erhalten, müssen Sie auf input Ereignis hören, dieses Ereignis wird jedes Mal ausgelöst, wenn Sie den Bereich Kopf verschieben. Vielleicht können Sie denselben Code verwenden, den Sie für Änderung einfach in on Liste hinzufügen

$({range-selector}).on("change input", function() { 
    var vid = $({video-selector})[0]; // get your video 
    vid.volume = $(this).val(); //update its volume 
});

https://jsfiddle.net/d39ycvu1/

Quelle

2016-12-11 03:03:10 Viney

Verwenden input type Bereich suchen Audio

Antwort

Verwandte Themen