Advanced search

On other websites (2471)

• Javascript sync images

  26 September 2021, by Ruan Matt

  I'm studying about FPS, animations, image processing in order to get into the game development world.

  


  I took a video and extract each frame into a .jpg image, and I want to run these images, side by side, in the same sync as the original video

  


  You can test at this link => https://jsfiddle.net/ruanmatt144/267erymL/2/

  


  The problem: The video FPS is 30, but even if I put 1000/30, or any other value that refers to the original FPS, it doesn't work! It doesn't stay in sync. setTimeout has a limit on decimal places that I don't know about?

  


  Video timestamp for each frame => https://unity-animation.ztech.gq/timestamp.txt

  


  How can I sync those images following the original video timestamp? Thank you.

  


  var arr = Array();
var v = 0;
var v2 = 0;
var k = 0;

(function getImages(i) {
  setTimeout(function() {
    v++;
    var r = Math.random();
        loadImage("https://unity-animation.ztech.gq/frames/out-" + v + ".jpg?v=" + r);
        arr.push("https://unity-animation.ztech.gq/frames/out-" + v + ".jpg?v=" + r);

        if (--i) getImages(i);
  }, 30)
})(20000);



const loadImage = src =>
    new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = () => resolve(img);
        img.src = src;
    })  
;

var imgArray = new Array();
setTimeout(function() {
    (function runVideo(i) {
        setTimeout(function() {
            v2++;
            imgArray[v2] = new Image();
            document.getElementById('load').appendChild(imgArray[v2]);

            imgArray[v2].src = arr[v2];
            imgArray[v2].classList.add("overlayImage");
            imgArray.shift();
            var parent = document.querySelector("#load");
            [...parent.children].slice(0,-10).forEach(parent.removeChild.bind(parent));
            var last = document.querySelector('#load img:last-child').getAttribute("src");
            var _final = last.substring(
                last.indexOf("-") + 1, 
                last.lastIndexOf(".jpg")
            );
            arr.shift();
        if (--i) runVideo(i);
      }, 90) // <== the problem is here, which value I must use?
    })(38194);
    document.getElementById("video").play();
}, 20000);


  


• aarch64: Use ret x instead of br x where possible

  28 September 2020, by Jonathan Wright

  aarch64: Use ret x<n> instead of br x<n> where possible
  Change AArch64 assembly code to use:
  
    ret     x<n>
  
  instead of:
  
    br      x<n>
  "ret x<n>" is already used in a lot of places so this patch makes it
  
  consistent across the code base. This does not change behavior or
  
  performance.
  In addition, this change reduces the number of landing pads needed in
  
  a subsequent patch to support the Armv8.5-A Branch Target
  
  Identification (BTI) security feature.
  Signed-off-by: Jonathan Wright <jonathan.wright@arm.com>
  
  Signed-off-by: Martin Storsjö <martin@martin.st>
  

  • [DH] libavcodec/aarch64/simple_idct_neon.S
  • [DH] libavcodec/aarch64/vp9itxfm_16bpp_neon.S
  • [DH] libavcodec/aarch64/vp9itxfm_neon.S
  • [DH] libavcodec/aarch64/vp9lpf_16bpp_neon.S
  • [DH] libavcodec/aarch64/vp9lpf_neon.S

• avcodec/codec_internal: Add inlined version of av_codec_is_(de|en)coder

  10 March, by Andreas Rheinhardt

  avcodec/codec_internal: Add inlined version of av_codec_is_(de|en)coder
  These functions check whether the AVCodec* is NULL, but this
  
  has already been checked at a lot of places in our codebase,
  
  so that it boils down to checking the is_decoder flag.
  Signed-off-by: Andreas Rheinhardt <andreas.rheinhardt@outlook.com>
  

  • [DH] libavcodec/allcodecs.c
  • [DH] libavcodec/avcodec.c
  • [DH] libavcodec/codec_internal.h
  • [DH] libavcodec/decode.c
  • [DH] libavcodec/options.c
  • [DH] libavcodec/pthread_slice.c