Gå til innhold

Få bedre overgang mellom video i javascript


Anbefalte innlegg

Heisann. Leker meg litt rundt med fullskjerm-videovisning i html, og har en funksjon i javaskript hvor man klikker på bildet for å få frem neste video i rekken. Men selve overgangen er ikke så umiddelbar som jeg skulle ønske, er fortsatt noen millisekunder med svart mellomrom imellom overgangen. Noen tips til hvordan jeg får vekk mellomrommet?

 

http://folk.uib.no/wma002/index.html

 

Legger koden i spoiler hvis det er av interesse.

 

<!DOCTYPE html>

 
<html>
<head>
<title> Wictors superside </title>
<link type="text/css" rel="stylesheet" href="stilark.css"/>
<meta charset="UTF-8">
 
</head>
 
<body>
 
 
 
 
 
 
<video   autoplay loop  id="video" >
  <source src="klipp1.mp4" type="video/mp4">
  <source src="klipp2.mp4" type="video/mp4">
 
</video>
 
 
 
 
<script>
video_count =1;
videoPlayer = document.getElementById("video");
 
function run(){
        video_count++;
        if (video_count == 16) video_count = 1;
        var nextVideo = "klipp"+video_count+".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
   };
 
   var el = document.getElementById("video");
  if (el.addEventListener) {
      el.addEventListener("click", yourNextFunction, false);
  } else {
      el.attachEvent('onclick', yourNextFunction);
  }  
 
  var video_count =1,
    videoPlayer = document.getElementById("video");
 
function yourNextFunction (){
      video_count++;
      if (video_count == 16) video_count = 1;
      var nextVideo = "klipp"+video_count+".mp4";
      videoPlayer.src = nextVideo;
      videoPlayer.play();
}
   </script>
 
 
 
 
</body>
 
</html>

Endret av Wiciwato
Lenke til kommentar
Videoannonse
Annonse

Du kan bruke en form for dobbel bufring, som innebærer at du må ta to video elementer spillere. Når du skal bytte, starter du videoen i den spilleren som ikke brukes, også legger du den foran og skuler den andre før du stopper videoen som kjører i den.

Makes sense?

Lenke til kommentar

Gir mening det ja. Spørs om det ikke er litt kludrete hvis man etterhvert får flere klipp. Skal høre med en kamerat. 

 

Han hadde faktisk laget det akkurat slik du sa, Enthroner. Ser ut som det gikk veldig smooth. 

Endret av Wiciwato
  • Liker 1
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...