Recherche avancée

Sur d’autres sites (10110)

• FFMPEG & ScrollMagic : Safari bug

  27 novembre 2020, par gusv7

  I got this site where video playback is linked to scroll position. I'm using a FFMPEG-encoded .mp4 file and ScrollMagic to handle the scroll event. It works perfectly on Chrome, Opera and FF, but crashes on Safari : the animation is delayed and the video disappears once it reaches the end of the playback on Safari OS. It also doesn't show on iOS, not in Safari or Chrome... :/

  


  Here's the markup :

  


  <section class="shaka-container padding-x-lg flex-end">&#xA;  <div class="shaka">&#xA;    <video src="/assets/maozinha.mp4" type="video/mp4" playsinline="true"></video>&#xA;  </div>&#xA;</section>&#xA;

  


  The JS :

  


  &#xA;<code class="echappe-js">&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js&quot; integrity=&quot;sha512-8E3KZoPoZCD&amp;#x2B;1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV&amp;#x2B;6Sg0a0XF&amp;#x2B;L/6xS4Xx1fUEg==&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;&#xA;&#xA;&lt;script&gt;&amp;#xA;  // Shaka Animation&amp;#xA;    const intro = document.querySelector(&amp;#x27;.shaka&amp;#x27;);&amp;#xA;    const video = intro.querySelector(&amp;#x27;video&amp;#x27;);&amp;#xA;&amp;#xA;    // SCROLL MAGIC&amp;#xA;&amp;#xA;    const controller = new ScrollMagic.Controller();&amp;#xA;&amp;#xA;    // Scenes&amp;#xA;    const scene = new ScrollMagic.Scene({&amp;#xA;      duration: 0,&amp;#xA;      triggerElement: intro,&amp;#xA;      triggerHook: 0,   &amp;#xA;    })&amp;#xA;    .addTo(controller);&amp;#xA;&amp;#xA;    // Video Animation&amp;#xA;&amp;#xA;    let accelamount = 0.5;&amp;#xA;    let scrollpos = 0;&amp;#xA;    let delay = 0;&amp;#xA;&amp;#xA;    scene.on(&amp;#x27;update&amp;#x27;, e =&gt; {&amp;#xA;      scrollpos = e.scrollPos / 1000;&amp;#xA;    });&amp;#xA;&amp;#xA;    setInterval(() =&gt; {&amp;#xA;      delay &amp;#x2B;= (scrollpos - delay) * accelamount;&amp;#xA;      video.currentTime = delay;&amp;#xA;    }, 24);&amp;#xA;&lt;/script&gt;&#xA;

  


  I wonder if the video encoding is the issue or how Safari processes the video playback ? I've used the following encoding for the video :

  


  First :
ffmpeg -i ~/assets/mao-final.mp4 -vf scale=960:-2 -movflags faststart -vcodec libx264 -crf 20 -g 1 -pix_fmt yuv420p mao-final-960.mp4

  


  Then,
ffmpeg -i ~/assets/mao-final.mp4 -vf scale=960:-2 -movflags faststart -vcodec libx264 -crf 20 -g 1 -pix_fmt yuv420p maozinha.mp4

  


  I'm considering changing it to a canvas animation if I can't get to a solution. Please help !

  


• Anomalie #4546 (Nouveau) : image_recadre perd l’EXIF de rotation

  4 septembre 2020, par jluc -

  Alors que image_reduire propage les données EXIF de rotation, image_recadre les perd. Cela nuit grandement au rendu final.

• Execute mp4box cmd via java got error

  6 novembre 2015, par Ducthien

  sorry when I tag ffmpeg because I couldn’t tag MP4Box.But I have proplem with excuted with ffmpeg via javacode too.
  I read at How to execute cmd commands via Java but i can’t find my proplem.

  I’m tested commands in cmd, it was ok :

  MP4Box -dash 10000 -dash-profile live -segment-name output- seg -rap
  -bs-switching no input.mp4

  but when i executed cmd via java code , i get error :

  Error - only one input file found as argument, please check usage

  Below is my code, has something wrong ?

  package com.uit.reformatvideo;
  
  
  
  import java.io.BufferedReader;
  
  import java.io.IOException;
  
  import java.io.InputStreamReader;
  
  import java.util.logging.Logger;
  
  
  
  public class ExecuteComandToFormatVideo {
  
  
  
      public final static String LINK_MP4BOX = "C:/MP4Box/Tools/MP4Box.exe";
  
      public final static String CREATE_MPD_ECLIPSE = "mp4box -dash 10000 -frag 1000 -rap -bs-switching no";
  
      public final static String CREATE_MPD_IE = "MP4Box -dash 10000 -dash-profile live -segment-name output-seg -rap -bs-switching no";
  
      private static final Logger log = Logger.getLogger(ExecuteComandToFormatVideo.class.getName());
  
  
  
  
  
      public static void main(String[] args) throws IOException, InterruptedException {
  
            String s = null;
  
  
  
              try {
  
  
  
              // run the Unix "ps -ef" command
  
                  // using the Runtime exec method:
  
                  String lsCmd[] = new String [2];
  
                  lsCmd[0] = LINK_MP4BOX;
  
                  lsCmd[1] = "MP4Box -dash 10000 -dash-profile live -segment-name output-seg -rap -bs-switching no input.mp4";
  
                  Process p = Runtime.getRuntime().exec(lsCmd);
  
                  p.waitFor();
  
                  BufferedReader stdInput = new BufferedReader(new
  
                       InputStreamReader(p.getInputStream()));
  
  
  
                  BufferedReader stdError = new BufferedReader(new
  
                       InputStreamReader(p.getErrorStream()));
  
  
  
                  // read the output from the command
  
                  System.out.println("Here is the standard output of the command:\n");
  
                  while ((s = stdInput.readLine()) != null) {
  
                      System.out.println(s);
  
                  }
  
  
  
                  // read any errors from the attempted command
  
                  System.out.println("Here is the standard error of the command (if any):\n");
  
                  while ((s = stdError.readLine()) != null) {
  
                      System.out.println(s);
  
                  }
  
  
  
                  System.exit(0);
  
              }
  
              catch (IOException e) {
  
                  System.out.println("exception happened - here's what I know: ");
  
                  e.printStackTrace();
  
                  System.exit(-1);
  
              }
  
      }
  
  
  
  }

  Here was out put :

  Here is the standard output of the command :

  Here is the standarderror of the command (if any) : Error - only one
  input file found as argument, please check usage