Recherche avancée

Sur d’autres sites (11727)

• Inconsistent crop and overflay ffmpeg result with drawImage canvas

  21 juin 2022, par yuno saga

  i try to encode the video block frame to specific pattern order, then in front-end it decode back to normal. I test it in back-end by decode back with same function, it back to normal. but in front-end with canvas the order of block not in right position. if you look into front-end function. it have same pattern. i try to check output from for generate, it equal to for in backend overlay builder command.
  
whats wrong with this ?

  


  ffmpeg config

  


  const { spawn } = require('child_process');

function hflip(width) {
    const sizeBlock = 16;
    let filterCommands = '';
    const length = Math.floor(width / sizeBlock);

    for (let i=0; i < length; i++) { 
        filterCommands += `[0]crop=${sizeBlock}:480:${(i*sizeBlock)}:0[c${i}];`;
    }
    
    for (let i=0; i < length; i++) {
        if (i == 0) filterCommands += '[0]';
        if (i != 0) filterCommands += `[o${i}]`;
    
        filterCommands += `[c${i}]overlay=x=${(width - sizeBlock)-(i*sizeBlock)}:y=0`;
    
        if (i != (length - 1)) filterCommands += `[o${i+1}];`;
    }

    return filterCommands;
}

const crops = spawn('ffmpeg', [
    '-i',
    'C:/Software Development/project/blackpink.mp4',
    '-filter_complex',
    hflip(854),
    '-c:a',
    'copy',
    '-c:v',
    'libx264',
    '-crf',
    '30',
    '-preset',
    'ultrafast',
    '-pix_fmt',
    'yuv420p',
    'C:/Software Development/project/hflip.mp4',
    '-y'
], {
    cwd: 'C:/Software Development/ffmpeg'
})


  


  front-end

  


  


  


  &#xA;&#xA;    &#xA;    &#xA;        <button>play</button>&#xA;        <code class="echappe-js">&lt;script&gt;&amp;#xA;            const canvas = document.createElement(&amp;#x27;canvas&amp;#x27;);&amp;#xA;            document.body.appendChild(canvas)&amp;#xA;            const context = canvas.getContext(&amp;#x27;2d&amp;#x27;);&amp;#xA;            const video = document.createElement(&amp;#x27;video&amp;#x27;);&amp;#xA;            video.src = &amp;#x27;https://drive.google.com/uc?export=download&amp;amp;id=1Z0aFg_N3kP0SUO_xOFB0UBjTRH6_mSmb&amp;amp;confirm=t&amp;#x27;&amp;#xA;&amp;#xA;&amp;#xA;            function hflip(video) {&amp;#xA;                const widthBlock = 16;&amp;#xA;                const heightBlock = 480;&amp;#xA;                const length = Math.floor(video.videoWidth / widthBlock);&amp;#xA;&amp;#xA;                for (let i=0; i &lt; length; i&amp;#x2B;&amp;#x2B;) {&amp;#xA;                    console.log({&amp;#xA;                        cX: (i*widthBlock),&amp;#xA;                        oX: (video.videoWidth - widthBlock) - (i*widthBlock)&amp;#xA;                    });&amp;#xA;&amp;#xA;                    context.drawImage(video, (i*widthBlock), 0, widthBlock, heightBlock,  (video.videoWidth - widthBlock) - (i*widthBlock), 0, widthBlock, heightBlock)&amp;#xA;                }&amp;#xA;            }&amp;#xA;&amp;#xA;            video.onloadedmetadata = () =&gt; {&amp;#xA;                context.canvas.width = video.videoWidth;&amp;#xA;                context.canvas.height = video.videoHeight;&amp;#xA;            }&amp;#xA;&amp;#xA;            video.onplay = () =&gt; {&amp;#xA;                const updateCanvas = () =&gt; {&amp;#xA;                    hflip(video);            &amp;#xA;&amp;#xA;                    video.requestVideoFrameCallback(updateCanvas);&amp;#xA;                }&amp;#xA;&amp;#xA;                updateCanvas();&amp;#xA;            }&amp;#xA;&amp;#xA;            function play() { video.play() }&amp;#xA;        &lt;/script&gt;&#xA;    &#xA;

  


  


  



• Socket code Python code at the end influences code in the beginning

  21 décembre 2019, par Samy Smart

  So basically i am trying to do the following things : Client sends project file, Server receives Project file, Server generates Video file, Server sends video File, Client receives Video File. Everything works up until sending the Video back. The Thing is when i include my code for sending the Video, not even the Things that worked before work anymore.
  The commented code in the code is the code that should send the Video back

  Client :

  import socket
  
  
  
  s = socket.socket()
  
  ip = socket.gethostname()
  
  file = "testae.aep"
  
  s.connect((ip, 1234))
  
  
  
  f = open(file, "rb")
  
  txt = f.read(1024)
  
  while txt:
  
      s.send(txt)
  
      print(f"Sending... {txt}")
  
      txt = f.read(1024)
  
  f.close()
  
  #f2 = open("final_output.mp4", "wb")
  
  #txt2 = s.recv(1024)
  
  #while txt2:
  
  #    f2.write(txt2)
  
  #    txt2 = s.recv(1024)
  
  #f2.close()
  
  print("received final output")
  
  s.close()

  Server :

  import os
  
  import socket
  
  
  
  s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
  
  s.bind((socket.gethostname(), 1234))
  
  counter = 0
  
  s.listen(5)
  
  aerpath = "C:/aerender.lnk"
  
  ffmpegpath = '"C:/Program Files/ffmpeg/bin/ffmpeg.exe"'
  
  
  
  while True:
  
      c, addr = s.accept()
  
      print("Client Connected")
  
      print(addr)
  
      f = open(f"ae_render_file{counter}.aep", "wb")
  
      txt = c.recv(1024)
  
      while txt:
  
          f.write(txt)
  
          print(f"Receiving... {txt}")
  
          txt = c.recv(1024)
  
      print("Out of WHILE")
  
      f.close()
  
      print("received file")
  
      os.system(aerpath + " -project " + f"C:/Users/weilu/PycharmProjects/localAERF/ae_render_file{counter}.aep "
  
                + '-comp "Comp 1" ' + f"-output C:/Users/weilu/PycharmProjects/localAERF/output/output{counter}")
  
      os.system(ffmpegpath + " -i " + f"output/output{counter}.avi -f mp4 -vcodec libx264 -preset slow -profile:v main "
  
                                      f"-pix_fmt yuv420p -acodec aac -hide_banner output/outputr{counter}.mp4")
  
      #f2 = open(f"output/outputr{counter}.mp4","rb")
  
      #txt2 = f2.read(1024)
  
      #while txt2:
  
      #    c.send(txt2)
  
      #    print("Sending...")
  
      #    txt2 = f.read(1024)
  
      #f2.close()
  
      c.close()
  
      counter += 1

• Ffmpeg encoding a video with time_base Not equal to framerate does not work hardware accelerated Video Player

  10 janvier 2020, par Gilgamesh22

  I have a time_base of 90000 with a frame rate of 30. I can generate a h264 video and have it work in VLC but this video does not work in a hardware accelerated web chrome player using Intel HD Graphics 530. If I change the time_base to 30 It works fine.

  Note : I am changing the frame->pts appropriately to match the time_base.
  Note : Video does not have audio stream

  //header.h
  
  AVCodecContext *cctx;
  
  AVStream* stream;

  Here is the non working example code

  //source.cpp
  
  stream->time_base = { 1, 90000 };
  
  stream->r_frame_rate = { fps, 1 };
  
  stream->avg_frame_rate = { fps, 1 };
  
  
  
  cctx->codec_id = codecId;
  
  cctx->time_base = { 1 ,  90000 };
  
  cctx->framerate = { fps, 1 };
  
  
  
  // ...... 
  
  // add frame code later on timestamp are in millisecond
  
  frame->pts = (timestamp - startTimeStamp)* 90;

  Here is the working example code

  //source.cpp
  
  stream->time_base = { 1, fps};
  
  stream->r_frame_rate = { fps, 1 };
  
  stream->avg_frame_rate = { fps, 1 };
  
  
  
  cctx->codec_id = codecId;
  
  cctx->time_base = { 1 ,  fps};
  
  cctx->framerate = { fps, 1 };
  
  
  
  // ...... 
  
  //  add frame code timestamp are in millisecond
  
  frame->pts = (timestamp - startTimeStamp)/(1000/fps);

  Any ideas on why the second example works and the first does not in the video player.