Experience-Monks/ffmpeg-gif

Stars
124
Rank 288,207 (Top 6 %)
Language
JavaScript
License
MIT License
Created almost 9 years ago
Updated about 7 years ago

Experience-Monks/ffmpeg-gif

Experience-Monks

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

shell script to convert video to high quality GIF with ffmpeg

ffmpeg-gif

A small script that converts videos to a high quality GIF, by spawning ffmpeg in two passes using palettegen filter.

Assumes ffmpeg command is globally available. Tested with ffmpeg 2.6.2.

^{The above GIF was generated with this tool}

Install

npm install ffmpeg-gif -g

Examples

# create 320w 30fps gif
ffmpeg-gif input.mov output.gif --fps=30 --scale=320:-1

# seek to 23s and make the gif 10s in length
ffmpeg-gif input.mov output.gif --seek 23 --time 10

# seek/time takes any ffmpeg duration format
ffmpeg-gif input.mov output.gif -S 00:10:00

Usage

ffmpeg-gif input output [opts]

Options:

  --fps, -f    fps, default 20
  --scale, -s  resize to width:height (optional)
  --seek, -S   seek to time, default no seek
  --time, -t   total duration, default full clip

License

MIT, see LICENSE.md for details.

math-as-code

a cheat-sheet for mathematical notation in code form

devtool

[OBSOLETE] runs Node.js programs through Chromium DevTools

nice-color-palettes

nice colour palettes as JSON

three-bmfont-text

renders BMFont files in ThreeJS with word-wrapping

glsl-fast-gaussian-blur

optimized single-pass blur shaders for GLSL

hihat

🎩 local Node/Browser development with Chrome DevTools

jam3-lesson-webgl-shader-threejs

Using custom vertex and fragment shaders in ThreeJS

jam3-lesson-webgl-shader-intro

A brief introduction to fragment shaders.

web-audio-player

a cross-browser WebAudio player

360-image-viewer

A standalone panorama viewer with WebGL

ae-to-json

will export an After Effects project as a JSON object

msdf-bmfont

Generate BMFont texture and spec using msdfgen

jam3-lesson

audiobuffer-to-wav

convert an AudioBuffer to .wav format

Invisible-Highway

Invisible Highway is an experiment in controlling physical things in the real world by drawing in AR. Simply make a pathway along the floor on your phone and the robot car will follow that path on the actual floor in your room. A custom highway with scenery is generated along the path to make the robots a little more scenic on your phone screen.

awesome-streetview

beautiful [lat, lng] Google Street View locations

jam3-lesson-module-basics

intro to modular programming for frontend JavaScript

orbit-controls

generic controls for orbiting a target in 3D

nextjs-boilerplate

Jam3 NextJS Generator for SPA, SSG, SSR and JAMStack applications

svg-to-image

convert SVG text to a Image that can be drawn in canvas

voice-activity-detection

Voice activity detection

extract-streetview

extract street view spherical images and depth information

react-f1

F1 ui animation library for React

webgl-react-boilerplate

WebGL React App ⚡️

opentype-layout

word wraps and lays out Opentype.js glyphs

chaikin-smooth

Chaikin's smoothing algorithm for 2D polylines

f1

A stateful ui library

touch-scroll-physics

scroll physics for a scroll pane with edge bounce and velocity

preloader

A library for loading common web assets

three-png-stream

streams ThreeJS render target pixel data

layout-bmfont-text

word-wraps and lays out text glyphs

react-background-video-player

React background video component with simple player API

ios-safe-audio-context

create a WebAudio context that works in iOS and everywhere else

perspective-camera

a high-level 3D perspective camera

glsl-hsl2rgb

HSL to RGB color conversion in GLSL

touches

simplified touch/mouse events for flick and swipe

ios-video-test

a test of inline iOS video playback

three-path-geometry

thick 2D lines for ThreeJS

jam3-lesson-canvas2d

open source code for a Canvas2D workshop at Jam3

maya-json-export

a generic Maya to JSON exporter for triangle meshes

glsl-100-to-300

transpiles GLSL tokens from v100 to v300 es

xhr-request

tiny http client for Node and the browser

webvr-gearvr-test

a simple test of WebVR running natively in GearVR

generator-jam3

This is a generator for Jam3 projects

google-maps-api

Get up and running with the google maps API quickly

babel-plugin-static-fs

statically transforms Node fs for the browser

ae-to-json-cli

This is a command line application to export After Effects files as JSON

tech-we-use

A list of technologies: modules, libraries, and tools we use

load-bmfont

loads a BMFont file in Node and the browser

jam3-testing-tools

a brief intro to testing tools

gl-pixel-stream

streaming gl.readPixels from an FBO

jam3-lesson-module-creation

introduction to creating a new npm module

threejs-generate-gif

Generate an animated GIF (using the GPU) from a threejs scene

tap-dev-tool

prettifies TAP in the browser's console

text-split

Utility for splitting text into chunks based on regex.

three-simplicial-complex

render simplicial complexes with ThreeJS

three-buffer-vertex-data

an easy way to set vertex data on a BufferGeometry

parse-dds

parses the headers of a DDS texture file

threejs-post-process-example

a tutorial on ThreeJS post processing

add-px-to-style

Will add px to the end of style values which are Numbers

google-panorama-by-location

gets a Google StreetView by [ lat, lng ]

mesh-heightmap-contours

Given a heightmap, generate a "contoured" terrain mesh

detect-import-require

list require and import paths from a JavaScript source

says

cross-platform 'say' command using Electron

background-cover

Simulate 'background-size: cover' on HTMLVideoElement and HTMLImageElement

analyser-frequency-average

gets an average intensity between two frequency ranges

webgl-components

Modular components and utilities used for WebGL based projects 💅

video-element

A simple HTML5/YouTube Video Element with a unified interface

three-fluid-demo

ThreeJS fluid simulation demo

delaunify

randomly delaunay-triangulates an image

camera-unproject

unproject 2D point to 3D coordinate

heightmap-contours

Generate a series of 2D contour meshes over a heightmap

glsl-blend-overlay

blend mode 'overlay' for GLSL

ray-3d

a high-level ray picking helper for 3D intersection

scroll-manager

A handler for scrolling inside elements with different eases

touch-pinch

minimal two-finger pinch gesture detection

three-orbit-viewer

quick harness for viewing a mesh with orbit viewer

css-transform-to-mat4

Will take a string which is a css transform value (2d or 3d) and return a mat4 or 3d transformation matrix from the string.

gl-shader-output

test a shader's gl_FragColor output on a 1x1 canvas

gh-api-stream

streams JSON content from a GitHub API

uploadr

CLI tool which uploads a folder via SFTP

camera-spin

Mouse/touch-draggable first-person camera

exif-orientation-image

Properly displays an image via canvas based on the exif orientation data.

jam3-lessons-react

Quick and brief reference for React development

preview-dds

preview and save DDS textures from the command line

meetup-creative-coding-webgl

A WebGL experiment created for Jam3's Creative Coding Meetup on October 23rd 2019.

detect-audio-autoplay

detects whether the browser can auto-play audio

ae-threejs-multichannel-sdf

A signed distance field Effect plugin for Adobe After Effects

slot-machine-button

🎰 React Slot Machine Button

google-maps-image-api-url

This module will return a string which is a url to load an image from the Google Maps Image API

webgl-to-canvas2d

Convert a webgl context or webgl canvas into a 2d canvas

f1-dom

Create f1 ui with the dom

nyg

Not another yeoman generator, a simplified project generator based around prompts and events.

camera-picking-ray

creates a picking ray for a 2D/3D camera

scroll-bar-width

Detect browser scrollbar size

nyg-jam3

Second generation of the Jam3 Generator, many new features and breaking change features

awwwards-stream

scrape Awwwards data

adviser

Jam3 quality advisor. Integrates checking for best practices at Jam3

google-assistant-21-days-of-gratitude

google-assistant-greeting-cards