Samuel East

CTO at S3Bubble OTT Media Streaming

FFmpeg Scaling & Croping

Scale a landscape video to portrait and apply padding top and bottom maintaining aspect ratio ffmpeg -i joe-bell-trailer-1_h1080p.mov -vf "scale=720:1280:force_original_aspect_ratio=decrease,pad=720:1280:(ow-iw)/2:(oh-ih)/2,setsar=1" news.mp4

How To Get The Width & Height Of VideoJS Player Using getComputedStyle()

Just a quick blog post this is useful when developing VideoJS plugins and it is not widely documented so posting here. var player = videojs('my_video_1', { crossOrigin: 'anonymous', inactivityTimeout: 0 }, function() { // With pixels console.log('width', getComputedStyle(player.el()).width); console.log('height', getComputedStyle(player.el()).height); // Without pixels console.log('width', parseInt(getComputedStyle(player.el()).width)); console.log('height', parseInt(getComputedStyle(player.el()).height)); });

Creating A HLS Job With Ffmpeg

The code below gives an example of how to create HLS playlist using the video encoding tool FFmpeg. It uses a FFmpeg filter to resize the video to 3 resolutions 360, 720 and 1080. It then maps each one of these to an encoding process that will specify different settings...