Başka bir videoda yeşil ekran videosu yayınlanıyor

Neden bu kanvasta .ogg ve .mp4 dosyaları olmak üzere iki farklı video kaynağını çalıştıramıyorum sorusunu sormak istiyorum. Bu yeşil ekran videosunu arkaplan rengi gizli olan başka bir videoya aktarmaya çalışıyorum.Başka bir videoda yeşil ekran videosu yayınlanıyor

<html> 
    <head> 
    <script type = "text/javascript"> 
     function load() { 
     var get1 = document.getElementById("c1"); 
     var set1 = get1.getContext("2d"); 

     var get2 = document.getElementById("c2"); 
     var set2 = get2.getContext("2d"); 

     var video1 = document.getElementById("video1"); 
     var video2 = document.getElementById("video2"); 

     video1.addEventListener('play', function(){runVideo();}); 
     video2.addEventListener('play', function(){runVideo2();}); 

     var runVideo1 = function() { 
      if(video1.paused || video1.ended) { 
      return; 
      } 

      var frameconversion = function() { 
      if(window.requestAnimationFrame) { 
       requestAnimationFrame(runVideo1); 
      } else { 
       setTimeout(runVideo,0); 
      } 
      }; 
     }; 

     var runVideo2 = function() { 
      if(video2.paused || video2.ended) { 
      return; 
      } 

      var frameconversion2 = function() { 
      if(window.requestAnimationFrame) { 
       requestAnimationFrame(runVideo2); 
      } else { 
       setTimeout(runVideo2,0); 
      } 
      } 
     } 
     } 
    </script> 
    </head> 
    <body onload="load()" style="background:grey"> 
    <video id = "video1" controls="true"> 
     <source src = "video.ogg" /> 
    </video> 
    <video id = "video2" controls="true"> 
     <source src = "Helicopter Bell Fly By with Sound on green screen - free green screen 6.mp4" /> 
    </video> 
    <canvas id = "c1" width="500" height="300"></canvas> 
    <canvas id = "c2" width="500" height="300"></canvas> 
    </body> 
</html>

kaynak

2014-07-08 user3816224

İşlevleriniz birbirinizi aramak dışında hiçbir şey yapmaz mı? – Kaiido

Bu bağlantı, aynı zamanda doğrudan soruyu yanıtlamamasına rağmen https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas'a da yardımcı olabilir. – Squirrl

This article on Metia bir tuval yeşil ekran (kroma anahtarı) videonun bir çalışma HTML5 örnek gösterilmektedir. Görebildiğiniz gibi, arka planın bir dizi statik görüntüye ve video kaynaklarına değiştirilmesine izin verir.

kaynak

2015-07-06 14:21:48 BoffinbraiN

Başka bir videoda yeşil ekran videosu yayınlanıyor

cevap

İlgili konular