Sur d’autres sites (4695)

• FFmpgeg and raw file data input

  6 avril 2014, par fitsum

  My goal is to create "glitch" art by using image files as input and audio processing applications as conversion tool.

  I'm able to import uncompressed image files into Audacity, apply effects and export the result to an uncompressed image format. Is it possible for ffmpeg to, I guess, generate an audio stream from raw data of uncompressed input ?

• How to convert a javascript animation to video on the server-side using nodejs ?

  13 mai 2019, par user9964622

  I have a app where a user can create animations , I want to be able to convert these animations to video on server side, so user can save and share them eg YouTube, etc

  Here is what I have so far , animation created using create js and ffmpegserver.js.

  ffmpegserver.js.

  This is a simple node server and library that sends canvas frames to the server and uses FFmpeg to compress the video. It can be used standalone or with CCapture.js

  Test3.html

      
  
  
  
  
  
  
  
  <code class="echappe-js">&lt;body onload=&quot;init();&quot;&gt;
  
          
  Simple Tween Demo
      
  
  
  
  
  &lt;script src=&quot;http://localhost:8081/ffmpegserver/CCapture.js&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;http://localhost:8081/ffmpegserver/ffmpegserver.js&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;https://code.createjs.com/1.0.0/createjs.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/tween.js/17.2.0/Tween.js&quot;&gt;&lt;/script&gt;
  
  &lt;script src='http://stackoverflow.com/feeds/tag/test3.js'&gt;&lt;/script&gt;
  
  

  Test3.js

  /* eslint-disable eol-last */
  
  /* eslint-disable no-undef */
  
  /* eslint-disable quotes */
  
  var canvas, stage;
  
      function init() {
  
          var framesPerSecond = 60;
  
          var numFrames = framesPerSecond * 5; // a 5 second 60fps video
  
          var frameNum = 0;
  
  
  
          var progressElem = document.getElementById("progress");
  
          var progressNode = document.createTextNode("");
  
          progressElem.appendChild(progressNode);
  
  
  
          function onProgress(progress) {
  
            progressNode.nodeValue = (progress * 100).toFixed(1) + "%";
  
          }
  
  
  
          function showVideoLink(url, size) {
  
            size = size ? (" [size: " + (size / 1024 / 1024).toFixed(1) + "meg]") : " [unknown size]";
  
            var a = document.createElement("a");
  
            a.href = url;
  
            var filename = url;
  
            var slashNdx = filename.lastIndexOf("/");
  
            if (slashNdx >= 0) {
  
              filename = filename.substr(slashNdx + 1);
  
            }
  
            a.download = filename;
  
            a.appendChild(document.createTextNode("Download"));
  
            var container = document.getElementById("container").insertBefore(a, progressElem);
  
  
  
          }
  
  
  
          var capturer = new CCapture( {
  
            format: 'ffmpegserver',
  
            //workersPath: "3rdparty/",
  
            //format: 'gif',
  
            //verbose: true,
  
            framerate: framesPerSecond,
  
            onProgress: onProgress,
  
            //extension: ".mp4",
  
            //codec: "libx264",
  
          } );
  
          capturer.start();
  
  
  
  
  
          canvas = document.getElementById("testCanvas");
  
          stage = new createjs.Stage(canvas);
  
          var ball = new createjs.Shape();
  
          ball.graphics.setStrokeStyle(5, 'round', 'round');
  
          // eslint-disable-next-line quotes
  
          ball.graphics.beginStroke('#000000');
  
          ball.graphics.beginFill("#FF0000").drawCircle(0, 0, 50);
  
          ball.graphics.setStrokeStyle(1, 'round', 'round');
  
          ball.graphics.beginStroke('#000000');
  
          ball.graphics.moveTo(0, 0);
  
          ball.graphics.lineTo(0, 50);
  
          ball.graphics.endStroke();
  
          ball.x = 200;
  
          ball.y = -50;
  
          createjs.Tween.get(ball, {loop: -1})
  
              .to({x: ball.x, y: canvas.height - 55, rotation: -360}, 1500, createjs.Ease.bounceOut)
  
              .wait(1000)
  
              .to({x: canvas.width - 55, rotation: 360}, 2500, createjs.Ease.bounceOut)
  
              .wait(1000)
  
              .to({scaleX: 2, scaleY: 2}, 2500, createjs.Ease.quadOut)
  
              .wait(1000)
  
          stage.addChild(ball);
  
          createjs.Ticker.addEventListener("tick", stage);
  
  
  
  
  
          function render() {
  
              requestAnimationFrame(render);
  
              capturer.capture( canvas );
  
  
  
              ++frameNum;
  
              if (frameNum < numFrames) {
  
              progressNode.nodeValue = "rendered frame# " + frameNum + " of " + numFrames;
  
              } else if (frameNum === numFrames) {
  
              capturer.stop();
  
              capturer.save(showVideoLink);
  
              }
  
          }
  
  
  
          render();
  
  }

  Everything works fine, you can test it yourself if you want by cloning the repo.

  Right now animation rendering happens in client side, I would like this animation rendering to happen in the backend side

  What do I need to change to make this animation rendering in backend server side using Nodejs ? any help or suggestions will be appreciated.

• How to remove ID3 audio tag image (or metadata) from mp3 with ffmpeg

  23 juin 2024, par Buzut

  FFMPEG is really a great tool. I know it can edit ID3 tags and even remove all tags in a row :

  



  ffmpeg -i tagged.mp3 -map_metadata -1 untagged.mp3


  



  But even after that, there's still the cover image.

  



  I don't know how to remove it using ffmpeg. I know there's other soft out there that can do the job - like eyed3 - but what's the point to install it if ffmpeg can do it too, in one line, while encoding the audio ?