video – Page 14 – Tarik Billa

Resizing element to parent div

May 12, 2023 by Tarik

1) CSS only Demo HTML <div class=”wrapper”> <video class=”videoInsert”> <source src=”http://www.w3schools.com/html/movie.mp4″ type=”video/mp4″> <source src=”movie.ogg” type=”video/ogg”> Your browser does not support the video tag. </video> </div> css .videoInsert { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; overflow: hidden; } 2) jQuery Demo HTML <div id=”video-viewport”> … Read more

Get maximum video resolution with getUserMedia

May 11, 2023 by Tarik

Use: var constraints = { video: { width: { ideal: 4096 }, height: { ideal: 2160 } } }; This will make the browser use the maximum resolution available, up to 4K. Works in Chrome 63, Edge 41 and Firefox 58. Citing MDN regarding the use of ideal: An ideal value, when used, has gravity, … Read more

Unknown encoder ‘libfaac’

May 10, 2023 by Tarik

FFmpeg removed libfaac support in 2016 because the other AAC encoders are better. Use a different encoder. Native FFmpeg AAC Encoder (-c:a aac) Use the native, built-in FFmpeg AAC encoder: ffmpeg -i input.wav -c:a aac output.m4a Included by default in all ffmpeg versions. Has many features, fairly good quality, supports the most channel layouts and … Read more

ffmpeg convert mov file to mp4 for HTML5 video tag IE9

May 10, 2023 by Tarik

For ffmpeg: ffmpeg -i {input}.mov -vcodec h264 -acodec aac -strict -2 {output}.mp4 You may also add the -q:v/-q:a parameter to specify the quality of the video. You may also use HandBrake which is a simpler encoder than ffmpeg. For HandBrake: handbrakecli -i {input}.mov -e x264 -E facc -o {output}.mp4 EDIT: I found the solution! … Read more

Clicking HTML 5 Video element to play, pause video, breaks play button

May 9, 2023 by Tarik

The simplest form is to use the onclick listener: <video height=”auto” controls=”controls” preload=”none” onclick=”this.play()”> <source type=”video/mp4″ src=”vid.mp4″> </video> No jQuery or complicated Javascript code needed. Play/Pause can be done with onclick=”this.paused ? this.play() : this.pause();”. To keep it from clashing with the video controls on some browsers, call preventDefault on the click event: onclick=”this.paused ? … Read more

Android: How to configure FFMPEG latest version in android studio?

May 8, 2023 by Tarik

The latest version of FFMPEG is 3.1.1, Just released before 12 days. So i think there is no readily available demo like this old one. We need to build the FFMPEG library on our own. Some questions i found just pasting here that might help you. (Not tested) How to Build FFmpeg for Android Compiling … Read more

How to extract time-accurate video segments with ffmpeg?

May 7, 2023 by Tarik

Ok, first of all assuming you know the start and stop duration; we will add key-frames at that duration. ffmpeg -i a.mp4 -force_key_frames 00:00:09,00:00:12 out.mp4 Most of the time you can directly cut the video with perfection but in your case it does not help you; so we have taken care of it by above … Read more

Generate preview image from Video file?

May 3, 2023 by Tarik

Solution #1 (Older) (not recommended) Firstly install ffmpeg-php project (http://ffmpeg-php.sourceforge.net/) And then you can use of this simple code: <?php $frame = 10; $movie=”test.mp4″; $thumbnail=”thumbnail.png”; $mov = new ffmpeg_movie($movie); $frame = $mov->getFrame($frame); if ($frame) { $gd_image = $frame->toGDImage(); if ($gd_image) { imagepng($gd_image, $thumbnail); imagedestroy($gd_image); echo ‘<img src=”‘.$thumbnail.'”>’; } } ?> Description: This project use binary … Read more

Disable fullscreen iphone video

May 2, 2023 by Tarik

In iOS 10+ Apple finally enabled the attribute playsinline in all browsers on iOS 10, so this will work seamlessly: <video src=”https://stackoverflow.com/questions/19521667/file.mp4″ playsinline> In iOS 8 and iOS 9 You can work around this issue by simulating the playback by skimming the video instead of actually .play()‘ing it. In short, use iphone-inline-video, it takes care … Read more

Extract all video frames as images with FFMPEG

May 2, 2023 by Tarik

Use ffmpeg -i “%1” frames/out-%03d.jpg A sequence of image files don’t have a framerate. If you want to undersample the video file, use -r before the input. Edit: ffmpeg -i “C:\Applications\FFMPEG\aa.mp4” “frames/out-%03d.jpg”