Creating a thumbnail to represent a video is a frequent task when presenting media on a website. I previously created a shell script to create a preview video from a larger video, much like many adult sites provide. Let’s view how we can create a preview thumbnail from a video!
Developers can use `ffmpeg, an incredible open source media utility, to create a thumbnail. To create a thumbnail from the first frame of a video, execute the following command:
ffmpeg -i input.webm -vf "select=eq(n\,34)" -vframes 1 thumbnail.png
Providing a video thumbnail is a great tool convert images into video views. You don’t need fancy software and manual labor to create thumbnails — use ffmpeg!
Responsive and Infinitely Scalable JS Animations
Back in late 2012 it was not easy to find open source projects using
requestAnimationFrame()– this is the hook that allows Javascript code to synchronize with a web browser’s native paint loop. Animations using this method can run at 60 fps and deliver fantastic…
Responsive Images: The Ultimate Guide
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today’s websites and devices become ever more varied, a plethora of responsive images…
MooTools Zebra Tables Plugin
Tabular data can oftentimes be boring, but it doesn’t need to look that way! With a small MooTools class, I can make tabular data extremely easy to read by implementing “zebra” tables — tables with alternating row background colors. The CSS The above CSS is extremely basic.
MooTools PulseFade Plugin
I was recently driven to create a MooTools plugin that would take an element and fade it to a min from a max for a given number of times. Here’s the result of my Moo-foolery. The MooTools JavaScript Options of the class include: min: (defaults to .5) the…
Source link
