Gif Maker / Convertor

Introduction

Use your Webcam, a Video or Still Images to create GIFs with Filter Effects & Text - options are endless from a laugh to serious ID Capturing or Clip/Image Editing.

Plugin installation

Place element on the page

Use Actions for making GIFs

Plugin element "About a GIF"

The element has no fields and has 3 actions.

Exposed States

Title	Description	Type
Base64 Output		Text
New URL		Text
Base64 URL		Text

Events

Title	Fires when
Upload Successful	File successfully attached to the thing
Upload Failed	An error occurred while attaching the file

Actions

Create Gif

This action creates a gif from a list of images, videos, or webcam.

Fields

Title	Description
Make GIF Using	The mode responsible for what source will be used to create the GIF
Name	GIF name
Images (Image Mode)	List of pictures to create GIFs. Data will be taken from this field only if the Image mode is selected
Video URL (Video Mode)	Video to create GIF. Data will be taken from this field only if the Video mode is selected
Attach To Type	The data type to which to attach the gif
Attach To	The thing to which to attach the gif
Number of Frames	The number of frames to use to create the animated GIF. Each frame is captured every 100 milliseconds of a video and every ms for existing images
Time Per Frame	The amount of time (10 = 1s) to stay on each frame
Interval	The amount of time (in seconds) to wait between each frame capture
Font Size	The font size of the text that covers the animated GIF
Font Family	The font family of the text that covers the animated GIF
Color Tool	Colorpicker to get color code
Font Color	The font color of the text that covers the animated GIF
Text	The text that covers the animated GIF
Font Align	The horizontal text alignment of the text that covers the animated GIF
Baseline	The vertical text alignment of the text that covers the animated GIF
Enable Blur	Use blur
Blur	Blur value (in Pixels)
Enable Brightness	Use brightness
Brightness	Brightness value. 200 - max brighter, 0 - max darker.
Enable Contrast	Use contrast
Contrast	Contrast value. 0 - Completely gray, 200 - max contrasts
Use Drop-Shadows?	Use Drop-Shadows
Horizontal Drop-Shadow	Can be number
Vertical Drop-Shadow	Can be number
Drop-Shadow Blur	Can be number
Drop-Shadow Color	Color of shadow
Enable Grayscale?	Use Grayscale
Grayscale	Grayscale value. 0 - without filter, 100 - completely grey
Enable Hue Rotate?	Use Hue Rotate
Hue Rotate	Angle of rotate
Enable Invert?	Use Invert
Invert	0 - no invert, 1 - full invert
Opacity	Opacity value. 100 - without opacity
Saturate	Saturate value.
Enable Sepia?	Use sepia
Sepia	Sepia value

Clear Gif

Clear all data in exposed states.

Create SnapShot

This action creates a snapshot from a list of images, videos, or webcam.

Fields

Title	Description
Make GIF Using	The mode responsible for what source will be used to create the snapshot
Name	snapshot name
Images (Image Mode)	List of pictures to create snapshots. Data will be taken from this field only if the Image mode is selected
Video URL (Video Mode)	Video to create a snapshot. Data will be taken from this field only if the Video mode is selected
Attach To Type	The data type to which to attach the gif
Attach To	The thing to which to attach the gif
Number of Frames	The number of frames to use to create the animated a snapshot . Each frame is captured every 100 milliseconds of a video and every ms for existing images
Time Per Frame	The amount of time (10 = 1s) to stay on each frame
Interval	The amount of time (in seconds) to wait between each frame capture
Font Size	The font size of the text that covers the animated snapshot
Font Family	The font family of the text that covers the animated snapshot
Color Tool	Colorpicker to get color code
Font Color	The font color of the text that covers the animated snapshot
Text	The text that covers the animated snapshot
Font Align	The horizontal text alignment of the text that covers the animated snapshot
Baseline	The vertical text alignment of the text that covers the animated snapshot
Enable Blur	Use blur
Blur	Blur value (in Pixels)
Enable Brightness	Use brightness
Brightness	Brightness value. 200 - max brighter, 0 - max darker.
Enable Contrast	Use contrast
Contrast	Contrast value. 0 - Completely gray, 200 - max contrasts
Use Drop-Shadows?	Use Drop-Shadows
Horizontal Drop-Shadow	Can be number
Vertical Drop-Shadow	Can be number
Drop-Shadow Blur	Can be number
Drop-Shadow Color	Color of shadow
Enable Grayscale?	Use Grayscale
Grayscale	Grayscale value. 0 - without filter, 100 - completely grey
Enable Hue Rotate?	Use Hue Rotate
Hue Rotate	Angle of rotate
Enable Invert?	Use Invert
Invert	0 - no invert, 1 - full invert
Opacity	Opacity value. 100 - without opacity
Saturate	Saturate value.
Enable Sepia?	Use sepia
Sepia	Sepia value