Heim > Web-Frontend > H5-Tutorial > HTML5-Audio-Tag verwendet js zur Wiedergabesteuerung. example_html5-Tutorial-Fähigkeiten

HTML5-Audio-Tag verwendet js zur Wiedergabesteuerung. example_html5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:46:55
Original
1795 Leute haben es durchsucht

Mit dem

Hier können wir JS zur Steuerung verwenden. Der Code lautet wie folgt:

Kopieren Sie den Code
Der Code ist wie folgt:

var audio ;
window.onload = function(){
initAudio();
}
var initAudio = function(){
//audio = document. createElement("audio")
//audio.src='Never Say Good Bye.ogg'
audio = document.getElementById('audio');
}
function getCurrentTime(id){
alarm(parseInt(audio.currentTime) ': seconds');
}

function playOrPaused(id,obj){
if(audio.paused) {
audio. play();
obj.innerHTML='pause';
return;
}
audio.pause();
obj.innerHTML='play';
}

function hideOrShowControls(id,obj){
if(audio.controls){
audio.removeAttribute('controls');
obj.innerHTML = 'Steuerelement anzeigen box'
return ;
}
audio.controls = 'controls';
obj.innerHTML = 'Kontrollfeld ausblenden'
return;
}
function vol(id ,type, obj){
if(type == 'up'){
var volume = audio.volume 0.1;
if(volume >=1 ){
volume = 1 ;

}
audio.volume = volume;
}else if(type == 'down'){
var volume = audio.volume - 0.1;
if(volume < =0 ){
volume = 0 ;
}
audio.volume = volume;
}
document.getElementById('nowVol').innerHTML = returnFloat1(audio.volume);
}
function muted(id,obj){
if(audio.muted){
audio.muted = false;
obj.innerHTML = 'Turn on mute';
} else{
audio. muted = true;
obj.innerHTML = 'Stummschaltung ausschalten';
}
}
//Einen Dezimalpunkt beibehalten

function returnFloat1( value) {
value = Math.round(parseFloat(value) * 10) / 10;
if (value.toString().indexOf(".") < 0){
value = value .toString() ".0" ;
}
Rückgabewert;
}

Die aufrufende Methode ist wie folgt:


Code kopieren
Der Code lautet wie folgt:
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage