Recherche avancée

Sur d’autres sites (6456)

• How to buffer videojs so preload won't show ?

  9 septembre 2015, par toy

  I’m building video cutting tool using videojs. In order to give the feedback to user right away instead of using ffmpeg to merge the video right away. I just swap the videos instead. However, during the swapping you would see the loading icon when the second video is being loaded. Is there any tricks that would tell videojs to load the video before so when the video plays it would just play right away.

  http://jsfiddle.net/noppanit/odwqqoss/2/

  Here’s my code

  <div>
  
      <video preload="auto" class="vjs-tech" src="http://www.w3schools.com/html/mov_bbb.mp4">
  
          <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  
      </source></video>
  
  </div>
  
  <div>
  
      <div>
  
          <label>From</label>
  
          <input type="text" class="start-time" />
  
      </div>
  
      <div>
  
          <label>To</label>
  
          <input type="text" class="stop-time" />
  
      </div>
  
      <div>
  
          <input type="button" value="Select" />
  
      </div>
  
  </div>
  
  <div>
  
      <video preload="auto" class="vjs-tech" src="http://www.w3schools.com/html/mov_bbb.mp4">
  
          <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  
      </source></video>
  
  </div>
  
  <div>
  
      <div>
  
          <label>From</label>
  
          <input type="text" class="start-time-video1" />
  
      </div>
  
      <div>
  
          <label>To</label>
  
          <input type="text" class="stop-time-video1" />
  
      </div>
  
      <div>
  
          <input type="button" value="Select" />
  
      </div>
  
  </div>
  
  <div>
  
      <input type="button" value="Cut!" />
  
  </div>
  
  <div></div>
  
  
  
  
  
  
  
  
  
      (function ($) {
  
      $('#cut-video').on('click', function () {
  
          var video = videojs("example_video_1");
  
          var startTime = $('.start-time');
  
          var stopTime = $('.stop-time');
  
          video.currentTime(startTime.val());
  
          video.play();
  
          video.on('timeupdate', function (e) {
  
              if (video.currentTime() >= stopTime.val()) {
  
                  video.pause();
  
              }
  
          });
  
  
  
      });
  
  
  
      $('#cut-video1').on('click', function () {
  
          var video = videojs("example_video_2");
  
          var startTime = $('.start-time-video1');
  
          var stopTime = $('.stop-time-video1');
  
          video.currentTime(startTime.val());
  
          video.play();
  
          video.on('timeupdate', function (e) {
  
              if (video.currentTime() >= stopTime.val()) {
  
                  video.pause();
  
              }
  
          });
  
      });
  
  
  
      $('#cut').on('click', function () {
  
          var video = $('<video></video>');
  
          video.attr('id', 'result1');
  
          video.addClass('video-js vjs-default-skin');
  
          video.attr('width', 300);
  
  
  
          var source = $('<source></source>');
  
          source.attr('src', 'http://www.w3schools.com/html/mov_bbb.mp4');
  
          source.attr('type', 'video/mp4');
  
  
  
          video.append(source);
  
          $('#result').append(video);
  
  
  
          var player = videojs("result1");
  
          var startTime = $('.start-time');
  
          var stopTime = $('.stop-time');
  
  
  
          player.currentTime(startTime.val());
  
          player.play();
  
  
  
          player.on('timeupdate', function (e) {
  
              if (player.currentTime() >= stopTime.val()) {
  
                  player.src({
  
                      "type": "video/mp4",
  
                      src: 'http://www.w3schools.com/html/mov_bbb.mp4'
  
                  });
  
                  var startTime1 = $('.start-time-video1');
  
                  var stopTime1 = $('.stop-time-video1');
  
  
  
                  player.currentTime(startTime1.val());
  
                  player.play();
  
                  player.on('timeupdate', function (e1) {
  
                      if (player.currentTime() >= stopTime1.val()) {
  
                          player.pause();
  
                      }
  
                  });
  
              }
  
          });
  
  
  
  
  
  
  
  
  
      });
  
  
  
  })(jQuery);

• How to show part of a frame from a 4k IP cam

  15 avril 2022, par BrP

  I'm working with andoroid.js framework to create a simple app that will show the video that is streamed from some IP cam.

  


  I want to add the ability for the user to see only a part of the full video frame that have a resolution of 4k, so for example, if the user want to see the upper left corner of the frame, he can see it like the image is magnified. I'm not sure if this is possible.

  


  Is there any ffmpeg or any way to accomplish this with a library for node ? Can I include ffmpeg with node_modules when I build my app ?

  


• FFMPEG Always Show On New Window

  11 avril 2022, par Teguh.Saint

  Yesterday I tried to run an old version of ffmpeg, with new windows. everything works fine, and ffmpeg wants to run in the same command line window. but after i try the new version of ffmpeg, ffmpeg doesn't run in the same window. and that was not long, after appearing he immediately disappeared.
After that I decided to use the old version of ffmpeg, but it had the same effect and the result was the same.
Can anyone here give me a solution ? I only want ffmpeg to run on one command prompt window.

  


  enter image description here