Невозможно изменить context.globalAlpha, не повредив видео с помощью whammy.js и canvas - PullRequest
Новая
       12

Невозможно изменить context.globalAlpha, не повредив видео с помощью whammy.js и canvas

0 голосов
/ 25 февраля 2019

Кажется, что я не вижу никакого затухания после того, как я загружаю видео, сделанное из нескольких изображений, используя HTML5 Изображения в Видео КонвертерTechSlides функция исчезновения и выхода:

Blockquote 

/* main process function */
function process(file) {
     var reader = new FileReader();
     reader.onload = function(event) {
         var dataUri = event.target.result;
         var img = new Image();
    					
         //load image and drop into canvas
         img.onload = function() {
    	     //a custom fade in and out slideshow
           context.clearRect(0,0,context.canvas.width,context.canvas.height);
    	   context.globalAlpha = 0.2;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
    	   video.add(context);
                            
           context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.4;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
           video.add(context);
                            
    	   context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.6;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
           video.add(context);
                            
    	   context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.8;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
    	   video.add(context);
                        
           context.clearRect(0,0,context.canvas.width,context.canvas.height); 
    	   context.drawImage(img, 0, 0, canvas.width, canvas.height);
    	   context.globalAlpha = 1;
    	   video.add(context);
           //this should be a loop based on some user input
                            
    	   video.add(context);
    	   video.add(context);
    	   video.add(context);
    	   video.add(context);
    	   video.add(context);
    	   video.add(context);
           
           context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.8;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
           video.add(context);
           
           context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.6;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
           video.add(context);
           
           context.clearRect(0,0,context.canvas.width,context.canvas.height);
           context.globalAlpha = 0.4;
           context.drawImage(img, 0, 0, canvas.width, canvas.height);
           video.add(context);
           
           ctx++;
           finalizeVideo();

        };
        img.src = dataUri;
     };
      
    }

текущая ситуация: я получаю только видео из комбинированных изображений, но нет только холодного перехода с затуханием и без затухания или увеличения

запрошенный результатпостепенно исчезает изображение

...