{"id":14985067,"url":"https://github.com/drawcall/ffcreatorlite","last_synced_at":"2026-01-04T00:18:54.363Z","repository":{"id":38977664,"uuid":"308258179","full_name":"drawcall/FFCreatorLite","owner":"drawcall","description":"A lightweight and fast short video processing library based on node.js","archived":false,"fork":false,"pushed_at":"2023-03-05T00:28:31.000Z","size":52043,"stargazers_count":255,"open_issues_count":17,"forks_count":51,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-04-12T16:13:51.938Z","etag":null,"topics":["ffmpeg","ffmpeg-command","ffmpeg-libraries","node-video","video","video-processing"],"latest_commit_sha":null,"homepage":"https://tnfe.github.io/FFCreator","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/drawcall.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-10-29T08:06:01.000Z","updated_at":"2024-04-10T18:03:42.000Z","dependencies_parsed_at":"2024-01-18T12:11:29.119Z","dependency_job_id":"b25ea248-8d82-4bd3-9f49-1a23a088868f","html_url":"https://github.com/drawcall/FFCreatorLite","commit_stats":{"total_commits":67,"total_committers":7,"mean_commits":9.571428571428571,"dds":"0.19402985074626866","last_synced_commit":"3fab3a188d392052763c7f1987340180fb626d49"},"previous_names":["tnfe/ffcreatorlite"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FFFCreatorLite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FFFCreatorLite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FFFCreatorLite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FFFCreatorLite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drawcall","download_url":"https://codeload.github.com/drawcall/FFCreatorLite/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675597,"owners_count":20977376,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ffmpeg","ffmpeg-command","ffmpeg-libraries","node-video","video","video-processing"],"created_at":"2024-09-24T14:10:14.349Z","updated_at":"2026-01-04T00:18:54.323Z","avatar_url":"https://github.com/drawcall.png","language":"JavaScript","readme":"[English](./README.md) | [简体中文](./README.zh-CN.md)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://tnfe.github.io/FFCreator/_media/logo/logo2.png\" /\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://www.npmjs.com/ffcreatorlite\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/ffcreatorlite.svg\" alt=\"NPM Version\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/ffcreatorlite\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/ffcreatorlite.svg\" alt=\"Package License\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://travis-ci.org/github/tnfe/FFCreatorLite\" target=\"_blank\"\u003e\u003cimg src=\"https://travis-ci.org/tnfe/FFCreatorLite.svg?branch=master\" alt=\"Travis CI\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/prettier/prettier\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg\" alt=\"Code Style\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/tnfe/FFCreatorLite/pulls\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" alt=\"PRs\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://nodejs.org\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg\" alt=\"Node Version\" /\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n## Overview\n\nFFCreatorLite is a lightweight and flexible short video processing library based on \u003ca href=\"http://nodejs.org\" target=\"_blank\"\u003eNode.js\u003c/a\u003e. You only need to add some pictures, music or video clips, you can use it to quickly create a very exciting video album.\n\nNowadays, short video is an increasingly popular form of media communication. Like [_weishi_](https://weishi.qq.com/) and _tiktok_ is full of all kinds of wonderful short videos. So how to make users visually create video clips on the web easily and quickly. Or based on pictures Text content, dynamic batch generation of short videos is a technical problem.\n\n`FFCreatorLite` is developed based on the famous video processing library `FFmpeg`, and splicing the complicated and tedious command line parameters of `FFmpeg` (this is not so easy), using `FFmpeg` various filters and features to realize animation And video clips and generate the final movie. So its processing speed is beyond your imagination, even faster than [`FFCreator`](https://github.com/tnfe/FFCreator).\n\n#### For more introduction, please see [here](https://tnfe.github.io/FFCreator/#/guide/lite)\n\n### Features\n\n- Based on node.js development, it is very simple to use and easy to expand and develop.\n- Only rely on `FFmpeg`, easy to install, cross-platform, and low requirements for machine configuration.\n- The video processing speed is extremely fast, a 5-7 minute video only takes 1 minute.\n- Supports multiple elements such as pictures, sounds, video clips, and text.\n- Support for adding music and animation to the live stream before launching.\n- The latest version supports more than 30 scene transition animations.\n- Contains 70% animation effects of `animate.css`, which can convert css animation to video.\n\n## Demo\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tnfe.github.io/FFCreator/#/guide/lite\" style=\"margin-right:100px\"\u003e\u003cimg width=\"300\" src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/imgs/demo/03.gif?raw=true?raw=true\" /\u003e\u003c/a\u003e\n  \u003cimg width=\"100\" src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/imgs/demo/foo.png?raw=true\" /\u003e\n  \u003ca href=\"https://tnfe.github.io/FFCreator/#/guide/lite\"\u003e\u003cimg width=\"300\" src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/imgs/demo/04.gif?raw=true?raw=true\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Useage\n\n### Install npm Package\n\n```javascript\nnpm install ffcreatorlite --save\n```\n\nNote: To run the preceding commands, Node.js and npm must be installed.\n\n#### Node.js\n\n```javascript\nconst { FFCreatorCenter, FFScene, FFImage, FFText, FFCreator } = require('ffcreatorlite');\n\n// create creator instance\nconst creator = new FFCreator({\n  cacheDir,\n  outputDir,\n  width: 600,\n  height: 400,\n  log: true,\n});\n\n// create FFScene\nconst scene1 = new FFScene();\nconst scene2 = new FFScene();\nscene1.setBgColor('#ff0000');\nscene2.setBgColor('#b33771');\n\n// scene1\nconst fbg = new FFImage({ path: bg1 });\nscene1.addChild(fbg);\n\nconst fimg1 = new FFImage({ path: img1, x: 300, y: 60 });\nfimg1.addEffect('moveInRight', 1.5, 1.2);\nscene1.addChild(fimg1);\n\nconst text = new FFText({ text: '这是第一屏', font, x: 100, y: 100 });\ntext.setColor('#ffffff');\ntext.setBackgroundColor('#000000');\ntext.addEffect('fadeIn', 1, 1);\nscene1.addChild(text);\n\nscene1.setDuration(8);\ncreator.addChild(scene1);\n\n// scene2\nconst fbg2 = new FFImage({ path: bg2 });\nscene2.addChild(fbg2);\n// logo\nconst flogo = new FFImage({ path: logo, x: 100, y: 100 });\nflogo.addEffect('moveInUpBack', 1.2, 0.3);\nscene2.addChild(flogo);\n\nscene2.setDuration(4);\ncreator.addChild(scene2);\n\ncreator.addAudio(audio);\ncreator.start();\n\ncreator.on('progress', e =\u003e {\n  console.log(colors.yellow(`FFCreatorLite progress: ${(e.percent * 100) \u003e\u003e 0}%`));\n});\n\ncreator.on('complete', e =\u003e {\n  console.log(\n    colors.magenta(`FFCreatorLite completed: \\n USEAGE: ${e.useage} \\n PATH: ${e.output} `),\n  );\n});\n```\n\n## About Transition\n\nThe latest version of ffcreatorlite already supports scene transition animation, which means you can use it to make cool effects like ffcreator.\n\nOf course you need to install [4.3.0](https://stackoverflow.com/questions/60704545/xfade-filter-not-available-with-ffmpeg) above version of ffmpeg. Because here is the [Xfade](https://trac.ffmpeg.org/wiki/Xfade) filter to achieve Animation.\n\n#### usage\n\n```javascript\n// https://trac.ffmpeg.org/wiki/Xfade\nscene.setTransition('diagtl', 1.5);\n```\n\n\u003ctable class=\"wiki\"\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fade.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fade.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadeblack.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadeblack.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadewhite.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadewhite.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/distance.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/distance.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003efade\u003c/strong\u003e (default)\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003efadeblack\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003efadewhite\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003edistance\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipeleft.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipeleft.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wiperight.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wiperight.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipeup.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipeup.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipedown.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipedown.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003ewipeleft\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003ewiperight\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003ewipeup\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003ewipedown\u003c/strong\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideleft.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideleft.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideright.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideright.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideup.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slideup.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slidedown.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/slidedown.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003eslideleft\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003eslideright\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003eslideup\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\u003cstrong\u003eslidedown\u003c/strong\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothleft.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothleft.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothright.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothright.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothup.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothup.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothdown.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/smoothdown.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003esmoothleft\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003esmoothright\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003esmoothup\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003esmoothdown\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circlecrop.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circlecrop.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/rectcrop.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/rectcrop.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circleclose.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circleclose.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circleopen.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/circleopen.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003erectcrop\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ecirclecrop\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ecircleclose\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ecircleopen\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/horzclose.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/horzclose.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/horzopen.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/horzopen.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vertclose.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vertclose.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vertopen.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vertopen.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003ehorzclose\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ehorzopen\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003evertclose\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003evertopen\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagbl.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagbl.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagbr.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagbr.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagtl.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagtl.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagtr.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/diagtr.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003ediagbl\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ediagbr\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ediagtl\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ediagtr\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hlslice.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hlslice.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hrslice.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hrslice.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vuslice.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vuslice.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vdslice.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/vdslice.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003ehlslice\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ehrslice\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003evuslice\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003evdslice\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/dissolve.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/dissolve.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/pixelize.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/pixelize.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/radial.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/radial.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hblur.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/hblur.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003edissolve\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003epixelize\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003eradial\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ehblur\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipetl.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipetl.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipetr.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipetr.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipebl.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipebl.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipebr.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/wipebr.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003ewipetl\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ewipetr\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ewipebl\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003ewipebr\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadegrays.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/fadegrays.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/squeezev.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/squeezev.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003e\n      \u003ca href=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/squeezeh.gif?raw=true\" style=\"padding:0; border:none\"\n        \u003e\u003cimg src=\"https://github.com/tnfe/FFCreatorLite/blob/master/examples/assets/gif/squeezeh.gif?raw=true\"\n      /\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"text-align: center\"\u003efadegrays\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003esqueezev\u003c/td\u003e\n    \u003ctd style=\"text-align: center\"\u003esqueezeh\u003c/td\u003e\n    \u003ctd\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n## About `FFCreator`\n\n[`FFCreator`](https://github.com/tnfe/FFCreator) is not an enhanced version of `FFCreatorLite`, in fact the two implementation principles are completely different. When you need to process a lot of video without special cool transition animation, `FFCreatorLite` may be a better choice.\n\n#### Principle difference\n\n- `FFCreator` uses `opengl` to process graphics rendering and `shader` post-processing to generate transition effects, and finally uses `FFmpeg` to synthesize the video.\n- `FFCreatorLite` completely uses `FFmpeg` filters and other effects, splicing `FFmpeg` commands to generate animations and videos.\n\n`FFCreatorLite` has 70% of the functions of [`FFCreator`](https://github.com/tnfe/FFCreator), but in some cases the processing speed is faster and the installation is extremely simple. So please choose which version of the library to use according to the actual usage.\n\n#### The difference between registration points\n\nThe default registration point of `FFCreatorLite` is the upper left corner and cannot be modified, while the default registration point of `FFCreator` is the center and can be modified.\n\n#### For a more detailed tutorial, please check [here](https://tnfe.github.io/FFCreator/#/guide/lite)\n\n## Installation\n\n### `FFCreatorLite` depends on `FFmpeg`, so you need to install `FFmpeg`\n\nFFCreatorLite depends on `FFmpeg\u003e=0.9` and above. Please set FFmpeg as a global variable, otherwise you need to use setFFmpegPath to add FFmpeg native path. (The ffmpeg for windows users is probably not in your `%PATH`, so you must set `%FFMPEG_PATH`)\n\n```javascript\nFFCreator.setFFmpegPath('...');\n```\n\nOf course, you can also compile ffmpeg on your machine, please see [https://trac.ffmpeg.org/wiki/CompilationGuide/Ubuntu](https://trac.ffmpeg.org/wiki/CompilationGuide/Ubuntu).\n\n### `FFmpeg` Installation tutorial\n\n\u003e For more `FFmpeg` tutorials, please view [https://trac.ffmpeg.org/wiki](https://trac.ffmpeg.org/wiki)\n\n- How to Install and Use FFmpeg on CentOS [https://linuxize.com/post/how-to-install-ffmpeg-on-centos-7/](https://linuxize.com/post/how-to-install-ffmpeg-on-centos-7/)\n- How to Install FFmpeg on Debian [https://linuxize.com/post/how-to-install-ffmpeg-on-debian-9/](https://linuxize.com/post/how-to-install-ffmpeg-on-debian-9/)\n- How to Install FFmpeg on Windows [http://blog.gregzaal.com/how-to-install-ffmpeg-on-windows/](http://blog.gregzaal.com/how-to-install-ffmpeg-on-windows/)\n- How to Install FFmpeg on Mac OSX [https://trac.ffmpeg.org/wiki/CompilationGuide/macOS](https://trac.ffmpeg.org/wiki/CompilationGuide/macOS)\n\n## Contribute\n\nYou are very welcome to join us in developing `FFCreatorLite`, if you want to contribute code, please read [here](./CONTRIBUTING.md).\n\n## License\n\n[MIT](./LICENSE)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrawcall%2Fffcreatorlite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrawcall%2Fffcreatorlite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrawcall%2Fffcreatorlite/lists"}