Recherche avancée

Sur d’autres sites (4956)

• HTML5 Video tag switcher for multiple resolutions

  20 avril 2016, par somecalmetim

  I have a Rails 4 app setup as a video upload/sharing site. I am using paperclip to upload videos and ffmpeg for processing 2 sizes of video into Mp4, ogg and webm.

  I want to show the smaller 240p video to mobile devices. I can do that now with media queries or Bootstraps adaptive tags but I would prefer a "resolution switcher" button similar to what I see on various other sites showing "240, 480, 720, 1080" Is this possible to do automatically within the HTML5 video tag similar to the "CC Closed Captioning" button that appears when you add subtitle files ?

  I was trying to avoid using a custom player.

  This was my quick bootstrap solution but would prefer a button/switcher.

  <div class="hidden-xs">
  
      <video style="width:100%" autobuffer="autobuffer" controls="controls" poster="&lt;%= @video.attachment.url(:preview) %>"><source label="720" type="video/mp4" default="default"><source label="ogg" type="video/ogg"><source label="webm" type="video/webm"><track label="English" kind="subtitles" srclang="en" src="/assets/subtitles.vtt" default="default"><p>Your Browser does not support the video tag.</p></track></source></source></source></video>
  
  </div>
  
  <div class="visible-xs">
  
      <video style="width:100%" autobuffer="autobuffer" controls="controls" poster="&lt;%= @video.attachment.url(:preview) %>"><source label="360" type="video/mp4" default="default"><source label="ogg mobile" type="video/ogg"><source label="webm mobile" type="video/webm"><track label="English" kind="subtitles" srclang="en" src="/assets/subtitles.vtt" default="default"><p>Your Browser does not support the video tag.</p></track></source></source></source></video>
  
  </div>

• ffmpeg javacv audio - integrate audio into video javacv

  16 juillet 2014, par Cyril Lequeux

  I’ve looked for this issue since a while but I didn’t find out any solution...
  I want to create a video from pictures with javacv (great, it works). But now I want to put in a sync way audio into my video. I heard I had to make a byte array with the sound data and then record() according to the audiobitrate/8 = audiobyterate but i didn’t find a simple sample...I’m not the first asking this question but all the same questions are still unanswered

      IplImage Image = cvLoadImage("data/photo.jpg");
  
      FrameRecorder recorder = FFmpegFrameRecorder.createDefault("out.avi", 1920, 1080);
  
      recorder.setVideoCodec(AV_CODEC_ID_MPEG4);
  
      recorder.setFrameRate(30);
  
      recorder.setFormat("avi");
  
      recorder.start();
  
          for(int s=0; s<10; s++){
  
              for(int i=0; i<30; i++){
  
                  recorder.record(Image);
  
  //Here I want to record my music.mp3 stream
  
              }
  
          }
  
          recorder.stop();

  Please help me, I’m desesperate :p
  Ps : I’m using javacv 0.3 FFMPEG 1.06 OpenCv 2.4.3

• ffmpeg : How to add an image to the end of a video, freeze framing the last frame and using a fade

  26 novembre 2019, par Jeremy Thomerson

  (I’ve looked at a number of other similar questions, but can’t find any with an answer that actually works)

  I often need to combine a short video clip with in image. Typically, the video clip is a short explanation of a concept, followed by an image that helps the user visualize the concept. Rarely do the frame sizes / resolution of the video and image match. Typically, I need every second of the video clip to display, so even though I would like a cross-fade between the video and image, I’d like to freeze-frame the final frame of the video, and then cross-fade between that frozen frame and the following image.

  I’d like both the video and image, despite the disparity in their resolutions, to "fit to frame", such that I get an output that’s either a) the size of the larger asset, or b) some fixed size (like 720p), and in either case, both the image and video are scaled to fit into those dimensions, while maintaining their original aspect ratio.

  For example, given the following two assets (video and image), how could I accomplish what’s described above ? (Note : these assets are just ones I found that are available for examples, and not the actual type of content I’d be using ; however, they do accurately represent the disparity in resolution and aspect ratio I’d often have between video and image file).

  • https://file-examples.com/wp-content/uploads/2017/04/file_example_MP4_640_3MG.mp4
  • https://upload.wikimedia.org/wikipedia/commons/e/e8/World_blank_map_countries.PNG

  Bonus : At times, I’d like to :

  1. Reverse the order (image, and then video), or
  2. Have a video and then multiple images, one after the other, faded between each, or
  3. Video, fade to image, then more video

  Note : I’m running ffmpeg on Mac / OSX, installed via brew

  Thanks so much if you can help !