├── .gitignore ├── .prettierrc ├── LICENSE ├── README.md ├── assets ├── catch-up-loop-119712.mp3 ├── caveat-medium.ttf ├── chivo-regular.ttf ├── logo.svg ├── pexels-2829177.mp4 ├── pexels-3576378.mp4 └── pexels-4782135.mp4 ├── package-lock.json ├── package.json └── src ├── compositions ├── renderAnimatedText.js ├── renderMainComposition.js ├── renderOutro.js ├── renderPolaroidPicture.js └── renderThreePictures.js ├── index.js └── utils ├── drawImageCoverFit.js ├── extractFramesFromVideo.js ├── getVideoFrameReader.js ├── interpolateKeyframes.js └── stitchFramesToVideo.js /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | node_modules 3 | tmp 4 | out -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "es5", 3 | "tabWidth": 2, 4 | "semi": true, 5 | "singleQuote": true 6 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Creatomate 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Video Rendering with Node.js and FFmpeg 2 | 3 | Learn how to render custom videos using pure JavaScript and Node.js, along with the help of FFmpeg for the encoding. 4 | 5 | This repository comes with the following article: [Video Rendering with Node.js and FFmpeg](https://creatomate.com/blog/video-rendering-with-nodejs-and-ffmpeg) 6 | 7 | ### Installation 8 | ```bash 9 | npm install 10 | ``` 11 | 12 | ### How to run 13 | ```bash 14 | node src/index.js 15 | ``` 16 | 17 | Learn more about automated video editing at [Creatomate.com](https://creatomate.com). 18 | -------------------------------------------------------------------------------- /assets/catch-up-loop-119712.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/catch-up-loop-119712.mp3 -------------------------------------------------------------------------------- /assets/caveat-medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/caveat-medium.ttf -------------------------------------------------------------------------------- /assets/chivo-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/chivo-regular.ttf -------------------------------------------------------------------------------- /assets/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/pexels-2829177.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/pexels-2829177.mp4 -------------------------------------------------------------------------------- /assets/pexels-3576378.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/pexels-3576378.mp4 -------------------------------------------------------------------------------- /assets/pexels-4782135.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-rendering-nodejs-ffmpeg/0fdf4937490fef6f36b78a7e46559e1053669d18/assets/pexels-4782135.mp4 -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "video-rendering-nodejs-ffmpeg", 3 | "version": "1.0.0", 4 | "lockfileVersion": 2, 5 | "requires": true, 6 | "packages": { 7 | "": { 8 | "name": "video-rendering-nodejs-ffmpeg", 9 | "version": "1.0.0", 10 | "license": "ISC", 11 | "dependencies": { 12 | "canvas": "^2.10.1", 13 | "ffmpeg-static": "^5.1.0", 14 | "fluent-ffmpeg": "^2.1.2" 15 | }, 16 | "devDependencies": { 17 | "prettier": "^2.7.1" 18 | } 19 | }, 20 | "node_modules/@derhuerst/http-basic": { 21 | "version": "8.2.4", 22 | "resolved": "https://registry.npmjs.org/@derhuerst/http-basic/-/http-basic-8.2.4.tgz", 23 | "integrity": "sha512-F9rL9k9Xjf5blCz8HsJRO4diy111cayL2vkY2XE4r4t3n0yPXVYy3KD3nJ1qbrSn9743UWSXH4IwuCa/HWlGFw==", 24 | "dependencies": { 25 | "caseless": "^0.12.0", 26 | "concat-stream": "^2.0.0", 27 | "http-response-object": "^3.0.1", 28 | "parse-cache-control": "^1.0.1" 29 | }, 30 | "engines": { 31 | "node": ">=6.0.0" 32 | } 33 | }, 34 | "node_modules/@mapbox/node-pre-gyp": { 35 | "version": "1.0.10", 36 | "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz", 37 | "integrity": "sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==", 38 | "dependencies": { 39 | "detect-libc": "^2.0.0", 40 | "https-proxy-agent": "^5.0.0", 41 | "make-dir": "^3.1.0", 42 | "node-fetch": "^2.6.7", 43 | "nopt": "^5.0.0", 44 | "npmlog": "^5.0.1", 45 | "rimraf": "^3.0.2", 46 | "semver": "^7.3.5", 47 | "tar": "^6.1.11" 48 | }, 49 | "bin": { 50 | "node-pre-gyp": "bin/node-pre-gyp" 51 | } 52 | }, 53 | "node_modules/@types/node": { 54 | "version": "10.17.60", 55 | "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.60.tgz", 56 | "integrity": "sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==" 57 | }, 58 | "node_modules/abbrev": { 59 | "version": "1.1.1", 60 | "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", 61 | "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" 62 | }, 63 | "node_modules/agent-base": { 64 | "version": "6.0.2", 65 | "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", 66 | "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", 67 | "dependencies": { 68 | "debug": "4" 69 | }, 70 | "engines": { 71 | "node": ">= 6.0.0" 72 | } 73 | }, 74 | "node_modules/ansi-regex": { 75 | "version": "5.0.1", 76 | "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", 77 | "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", 78 | "engines": { 79 | "node": ">=8" 80 | } 81 | }, 82 | "node_modules/aproba": { 83 | "version": "2.0.0", 84 | "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", 85 | "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==" 86 | }, 87 | "node_modules/are-we-there-yet": { 88 | "version": "2.0.0", 89 | "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", 90 | "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", 91 | "dependencies": { 92 | "delegates": "^1.0.0", 93 | "readable-stream": "^3.6.0" 94 | }, 95 | "engines": { 96 | "node": ">=10" 97 | } 98 | }, 99 | "node_modules/async": { 100 | "version": "3.2.4", 101 | "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz", 102 | "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==" 103 | }, 104 | "node_modules/balanced-match": { 105 | "version": "1.0.2", 106 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", 107 | "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" 108 | }, 109 | "node_modules/brace-expansion": { 110 | "version": "1.1.11", 111 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", 112 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", 113 | "dependencies": { 114 | "balanced-match": "^1.0.0", 115 | "concat-map": "0.0.1" 116 | } 117 | }, 118 | "node_modules/buffer-from": { 119 | "version": "1.1.2", 120 | "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", 121 | "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==" 122 | }, 123 | "node_modules/canvas": { 124 | "version": "2.10.1", 125 | "resolved": "https://registry.npmjs.org/canvas/-/canvas-2.10.1.tgz", 126 | "integrity": "sha512-29pIjn9uwTUsIgJUNd7GXxKk8sg4iyJwLm1wIilNIqX1mVzXSc2nUij9exW1LqNpis1d2ebMYfMqTWcokZ4pdA==", 127 | "hasInstallScript": true, 128 | "dependencies": { 129 | "@mapbox/node-pre-gyp": "^1.0.0", 130 | "nan": "^2.15.0", 131 | "simple-get": "^3.0.3" 132 | }, 133 | "engines": { 134 | "node": ">=6" 135 | } 136 | }, 137 | "node_modules/caseless": { 138 | "version": "0.12.0", 139 | "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", 140 | "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==" 141 | }, 142 | "node_modules/chownr": { 143 | "version": "2.0.0", 144 | "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", 145 | "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", 146 | "engines": { 147 | "node": ">=10" 148 | } 149 | }, 150 | "node_modules/color-support": { 151 | "version": "1.1.3", 152 | "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", 153 | "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", 154 | "bin": { 155 | "color-support": "bin.js" 156 | } 157 | }, 158 | "node_modules/concat-map": { 159 | "version": "0.0.1", 160 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", 161 | "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" 162 | }, 163 | "node_modules/concat-stream": { 164 | "version": "2.0.0", 165 | "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz", 166 | "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==", 167 | "engines": [ 168 | "node >= 6.0" 169 | ], 170 | "dependencies": { 171 | "buffer-from": "^1.0.0", 172 | "inherits": "^2.0.3", 173 | "readable-stream": "^3.0.2", 174 | "typedarray": "^0.0.6" 175 | } 176 | }, 177 | "node_modules/console-control-strings": { 178 | "version": "1.1.0", 179 | "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", 180 | "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==" 181 | }, 182 | "node_modules/debug": { 183 | "version": "4.3.4", 184 | "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", 185 | "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", 186 | "dependencies": { 187 | "ms": "2.1.2" 188 | }, 189 | "engines": { 190 | "node": ">=6.0" 191 | }, 192 | "peerDependenciesMeta": { 193 | "supports-color": { 194 | "optional": true 195 | } 196 | } 197 | }, 198 | "node_modules/decompress-response": { 199 | "version": "4.2.1", 200 | "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz", 201 | "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==", 202 | "dependencies": { 203 | "mimic-response": "^2.0.0" 204 | }, 205 | "engines": { 206 | "node": ">=8" 207 | } 208 | }, 209 | "node_modules/delegates": { 210 | "version": "1.0.0", 211 | "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", 212 | "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==" 213 | }, 214 | "node_modules/detect-libc": { 215 | "version": "2.0.1", 216 | "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz", 217 | "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==", 218 | "engines": { 219 | "node": ">=8" 220 | } 221 | }, 222 | "node_modules/emoji-regex": { 223 | "version": "8.0.0", 224 | "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", 225 | "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" 226 | }, 227 | "node_modules/env-paths": { 228 | "version": "2.2.1", 229 | "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", 230 | "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", 231 | "engines": { 232 | "node": ">=6" 233 | } 234 | }, 235 | "node_modules/ffmpeg-static": { 236 | "version": "5.1.0", 237 | "resolved": "https://registry.npmjs.org/ffmpeg-static/-/ffmpeg-static-5.1.0.tgz", 238 | "integrity": "sha512-eEWOiGdbf7HKPeJI5PoJ0oCwkL0hckL2JdS4JOuB/gUETppwkEpq8nF0+e6VEQnDCo/iuoipbTUsn9QJmtpNkg==", 239 | "hasInstallScript": true, 240 | "dependencies": { 241 | "@derhuerst/http-basic": "^8.2.0", 242 | "env-paths": "^2.2.0", 243 | "https-proxy-agent": "^5.0.0", 244 | "progress": "^2.0.3" 245 | }, 246 | "engines": { 247 | "node": ">=16" 248 | } 249 | }, 250 | "node_modules/fluent-ffmpeg": { 251 | "version": "2.1.2", 252 | "resolved": "https://registry.npmjs.org/fluent-ffmpeg/-/fluent-ffmpeg-2.1.2.tgz", 253 | "integrity": "sha512-IZTB4kq5GK0DPp7sGQ0q/BWurGHffRtQQwVkiqDgeO6wYJLLV5ZhgNOQ65loZxxuPMKZKZcICCUnaGtlxBiR0Q==", 254 | "dependencies": { 255 | "async": ">=0.2.9", 256 | "which": "^1.1.1" 257 | }, 258 | "engines": { 259 | "node": ">=0.8.0" 260 | } 261 | }, 262 | "node_modules/fs-minipass": { 263 | "version": "2.1.0", 264 | "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", 265 | "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", 266 | "dependencies": { 267 | "minipass": "^3.0.0" 268 | }, 269 | "engines": { 270 | "node": ">= 8" 271 | } 272 | }, 273 | "node_modules/fs.realpath": { 274 | "version": "1.0.0", 275 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", 276 | "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" 277 | }, 278 | "node_modules/gauge": { 279 | "version": "3.0.2", 280 | "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", 281 | "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", 282 | "dependencies": { 283 | "aproba": "^1.0.3 || ^2.0.0", 284 | "color-support": "^1.1.2", 285 | "console-control-strings": "^1.0.0", 286 | "has-unicode": "^2.0.1", 287 | "object-assign": "^4.1.1", 288 | "signal-exit": "^3.0.0", 289 | "string-width": "^4.2.3", 290 | "strip-ansi": "^6.0.1", 291 | "wide-align": "^1.1.2" 292 | }, 293 | "engines": { 294 | "node": ">=10" 295 | } 296 | }, 297 | "node_modules/glob": { 298 | "version": "7.2.3", 299 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", 300 | "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", 301 | "dependencies": { 302 | "fs.realpath": "^1.0.0", 303 | "inflight": "^1.0.4", 304 | "inherits": "2", 305 | "minimatch": "^3.1.1", 306 | "once": "^1.3.0", 307 | "path-is-absolute": "^1.0.0" 308 | }, 309 | "engines": { 310 | "node": "*" 311 | }, 312 | "funding": { 313 | "url": "https://github.com/sponsors/isaacs" 314 | } 315 | }, 316 | "node_modules/has-unicode": { 317 | "version": "2.0.1", 318 | "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", 319 | "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==" 320 | }, 321 | "node_modules/http-response-object": { 322 | "version": "3.0.2", 323 | "resolved": "https://registry.npmjs.org/http-response-object/-/http-response-object-3.0.2.tgz", 324 | "integrity": "sha512-bqX0XTF6fnXSQcEJ2Iuyr75yVakyjIDCqroJQ/aHfSdlM743Cwqoi2nDYMzLGWUcuTWGWy8AAvOKXTfiv6q9RA==", 325 | "dependencies": { 326 | "@types/node": "^10.0.3" 327 | } 328 | }, 329 | "node_modules/https-proxy-agent": { 330 | "version": "5.0.1", 331 | "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", 332 | "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", 333 | "dependencies": { 334 | "agent-base": "6", 335 | "debug": "4" 336 | }, 337 | "engines": { 338 | "node": ">= 6" 339 | } 340 | }, 341 | "node_modules/inflight": { 342 | "version": "1.0.6", 343 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", 344 | "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", 345 | "dependencies": { 346 | "once": "^1.3.0", 347 | "wrappy": "1" 348 | } 349 | }, 350 | "node_modules/inherits": { 351 | "version": "2.0.4", 352 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", 353 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" 354 | }, 355 | "node_modules/is-fullwidth-code-point": { 356 | "version": "3.0.0", 357 | "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", 358 | "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", 359 | "engines": { 360 | "node": ">=8" 361 | } 362 | }, 363 | "node_modules/isexe": { 364 | "version": "2.0.0", 365 | "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", 366 | "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" 367 | }, 368 | "node_modules/lru-cache": { 369 | "version": "6.0.0", 370 | "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", 371 | "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", 372 | "dependencies": { 373 | "yallist": "^4.0.0" 374 | }, 375 | "engines": { 376 | "node": ">=10" 377 | } 378 | }, 379 | "node_modules/make-dir": { 380 | "version": "3.1.0", 381 | "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", 382 | "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", 383 | "dependencies": { 384 | "semver": "^6.0.0" 385 | }, 386 | "engines": { 387 | "node": ">=8" 388 | }, 389 | "funding": { 390 | "url": "https://github.com/sponsors/sindresorhus" 391 | } 392 | }, 393 | "node_modules/make-dir/node_modules/semver": { 394 | "version": "6.3.0", 395 | "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", 396 | "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", 397 | "bin": { 398 | "semver": "bin/semver.js" 399 | } 400 | }, 401 | "node_modules/mimic-response": { 402 | "version": "2.1.0", 403 | "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz", 404 | "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==", 405 | "engines": { 406 | "node": ">=8" 407 | }, 408 | "funding": { 409 | "url": "https://github.com/sponsors/sindresorhus" 410 | } 411 | }, 412 | "node_modules/minimatch": { 413 | "version": "3.1.2", 414 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", 415 | "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", 416 | "dependencies": { 417 | "brace-expansion": "^1.1.7" 418 | }, 419 | "engines": { 420 | "node": "*" 421 | } 422 | }, 423 | "node_modules/minipass": { 424 | "version": "3.3.4", 425 | "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz", 426 | "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==", 427 | "dependencies": { 428 | "yallist": "^4.0.0" 429 | }, 430 | "engines": { 431 | "node": ">=8" 432 | } 433 | }, 434 | "node_modules/minizlib": { 435 | "version": "2.1.2", 436 | "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", 437 | "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", 438 | "dependencies": { 439 | "minipass": "^3.0.0", 440 | "yallist": "^4.0.0" 441 | }, 442 | "engines": { 443 | "node": ">= 8" 444 | } 445 | }, 446 | "node_modules/mkdirp": { 447 | "version": "1.0.4", 448 | "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", 449 | "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", 450 | "bin": { 451 | "mkdirp": "bin/cmd.js" 452 | }, 453 | "engines": { 454 | "node": ">=10" 455 | } 456 | }, 457 | "node_modules/ms": { 458 | "version": "2.1.2", 459 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", 460 | "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" 461 | }, 462 | "node_modules/nan": { 463 | "version": "2.16.0", 464 | "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz", 465 | "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==" 466 | }, 467 | "node_modules/node-fetch": { 468 | "version": "2.6.7", 469 | "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", 470 | "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", 471 | "dependencies": { 472 | "whatwg-url": "^5.0.0" 473 | }, 474 | "engines": { 475 | "node": "4.x || >=6.0.0" 476 | }, 477 | "peerDependencies": { 478 | "encoding": "^0.1.0" 479 | }, 480 | "peerDependenciesMeta": { 481 | "encoding": { 482 | "optional": true 483 | } 484 | } 485 | }, 486 | "node_modules/nopt": { 487 | "version": "5.0.0", 488 | "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz", 489 | "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==", 490 | "dependencies": { 491 | "abbrev": "1" 492 | }, 493 | "bin": { 494 | "nopt": "bin/nopt.js" 495 | }, 496 | "engines": { 497 | "node": ">=6" 498 | } 499 | }, 500 | "node_modules/npmlog": { 501 | "version": "5.0.1", 502 | "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", 503 | "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", 504 | "dependencies": { 505 | "are-we-there-yet": "^2.0.0", 506 | "console-control-strings": "^1.1.0", 507 | "gauge": "^3.0.0", 508 | "set-blocking": "^2.0.0" 509 | } 510 | }, 511 | "node_modules/object-assign": { 512 | "version": "4.1.1", 513 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 514 | "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", 515 | "engines": { 516 | "node": ">=0.10.0" 517 | } 518 | }, 519 | "node_modules/once": { 520 | "version": "1.4.0", 521 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", 522 | "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", 523 | "dependencies": { 524 | "wrappy": "1" 525 | } 526 | }, 527 | "node_modules/parse-cache-control": { 528 | "version": "1.0.1", 529 | "resolved": "https://registry.npmjs.org/parse-cache-control/-/parse-cache-control-1.0.1.tgz", 530 | "integrity": "sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==" 531 | }, 532 | "node_modules/path-is-absolute": { 533 | "version": "1.0.1", 534 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", 535 | "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", 536 | "engines": { 537 | "node": ">=0.10.0" 538 | } 539 | }, 540 | "node_modules/prettier": { 541 | "version": "2.7.1", 542 | "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", 543 | "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", 544 | "dev": true, 545 | "bin": { 546 | "prettier": "bin-prettier.js" 547 | }, 548 | "engines": { 549 | "node": ">=10.13.0" 550 | }, 551 | "funding": { 552 | "url": "https://github.com/prettier/prettier?sponsor=1" 553 | } 554 | }, 555 | "node_modules/progress": { 556 | "version": "2.0.3", 557 | "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", 558 | "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", 559 | "engines": { 560 | "node": ">=0.4.0" 561 | } 562 | }, 563 | "node_modules/readable-stream": { 564 | "version": "3.6.0", 565 | "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", 566 | "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", 567 | "dependencies": { 568 | "inherits": "^2.0.3", 569 | "string_decoder": "^1.1.1", 570 | "util-deprecate": "^1.0.1" 571 | }, 572 | "engines": { 573 | "node": ">= 6" 574 | } 575 | }, 576 | "node_modules/rimraf": { 577 | "version": "3.0.2", 578 | "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", 579 | "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", 580 | "dependencies": { 581 | "glob": "^7.1.3" 582 | }, 583 | "bin": { 584 | "rimraf": "bin.js" 585 | }, 586 | "funding": { 587 | "url": "https://github.com/sponsors/isaacs" 588 | } 589 | }, 590 | "node_modules/safe-buffer": { 591 | "version": "5.2.1", 592 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", 593 | "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", 594 | "funding": [ 595 | { 596 | "type": "github", 597 | "url": "https://github.com/sponsors/feross" 598 | }, 599 | { 600 | "type": "patreon", 601 | "url": "https://www.patreon.com/feross" 602 | }, 603 | { 604 | "type": "consulting", 605 | "url": "https://feross.org/support" 606 | } 607 | ] 608 | }, 609 | "node_modules/semver": { 610 | "version": "7.3.7", 611 | "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", 612 | "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", 613 | "dependencies": { 614 | "lru-cache": "^6.0.0" 615 | }, 616 | "bin": { 617 | "semver": "bin/semver.js" 618 | }, 619 | "engines": { 620 | "node": ">=10" 621 | } 622 | }, 623 | "node_modules/set-blocking": { 624 | "version": "2.0.0", 625 | "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", 626 | "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==" 627 | }, 628 | "node_modules/signal-exit": { 629 | "version": "3.0.7", 630 | "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", 631 | "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==" 632 | }, 633 | "node_modules/simple-concat": { 634 | "version": "1.0.1", 635 | "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz", 636 | "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==", 637 | "funding": [ 638 | { 639 | "type": "github", 640 | "url": "https://github.com/sponsors/feross" 641 | }, 642 | { 643 | "type": "patreon", 644 | "url": "https://www.patreon.com/feross" 645 | }, 646 | { 647 | "type": "consulting", 648 | "url": "https://feross.org/support" 649 | } 650 | ] 651 | }, 652 | "node_modules/simple-get": { 653 | "version": "3.1.1", 654 | "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.1.tgz", 655 | "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==", 656 | "dependencies": { 657 | "decompress-response": "^4.2.0", 658 | "once": "^1.3.1", 659 | "simple-concat": "^1.0.0" 660 | } 661 | }, 662 | "node_modules/string_decoder": { 663 | "version": "1.3.0", 664 | "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", 665 | "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", 666 | "dependencies": { 667 | "safe-buffer": "~5.2.0" 668 | } 669 | }, 670 | "node_modules/string-width": { 671 | "version": "4.2.3", 672 | "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", 673 | "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", 674 | "dependencies": { 675 | "emoji-regex": "^8.0.0", 676 | "is-fullwidth-code-point": "^3.0.0", 677 | "strip-ansi": "^6.0.1" 678 | }, 679 | "engines": { 680 | "node": ">=8" 681 | } 682 | }, 683 | "node_modules/strip-ansi": { 684 | "version": "6.0.1", 685 | "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", 686 | "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", 687 | "dependencies": { 688 | "ansi-regex": "^5.0.1" 689 | }, 690 | "engines": { 691 | "node": ">=8" 692 | } 693 | }, 694 | "node_modules/tar": { 695 | "version": "6.1.11", 696 | "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", 697 | "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", 698 | "dependencies": { 699 | "chownr": "^2.0.0", 700 | "fs-minipass": "^2.0.0", 701 | "minipass": "^3.0.0", 702 | "minizlib": "^2.1.1", 703 | "mkdirp": "^1.0.3", 704 | "yallist": "^4.0.0" 705 | }, 706 | "engines": { 707 | "node": ">= 10" 708 | } 709 | }, 710 | "node_modules/tr46": { 711 | "version": "0.0.3", 712 | "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", 713 | "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==" 714 | }, 715 | "node_modules/typedarray": { 716 | "version": "0.0.6", 717 | "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", 718 | "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==" 719 | }, 720 | "node_modules/util-deprecate": { 721 | "version": "1.0.2", 722 | "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", 723 | "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" 724 | }, 725 | "node_modules/webidl-conversions": { 726 | "version": "3.0.1", 727 | "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", 728 | "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==" 729 | }, 730 | "node_modules/whatwg-url": { 731 | "version": "5.0.0", 732 | "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", 733 | "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", 734 | "dependencies": { 735 | "tr46": "~0.0.3", 736 | "webidl-conversions": "^3.0.0" 737 | } 738 | }, 739 | "node_modules/which": { 740 | "version": "1.3.1", 741 | "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", 742 | "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", 743 | "dependencies": { 744 | "isexe": "^2.0.0" 745 | }, 746 | "bin": { 747 | "which": "bin/which" 748 | } 749 | }, 750 | "node_modules/wide-align": { 751 | "version": "1.1.5", 752 | "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", 753 | "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", 754 | "dependencies": { 755 | "string-width": "^1.0.2 || 2 || 3 || 4" 756 | } 757 | }, 758 | "node_modules/wrappy": { 759 | "version": "1.0.2", 760 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 761 | "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" 762 | }, 763 | "node_modules/yallist": { 764 | "version": "4.0.0", 765 | "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", 766 | "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" 767 | } 768 | }, 769 | "dependencies": { 770 | "@derhuerst/http-basic": { 771 | "version": "8.2.4", 772 | "resolved": "https://registry.npmjs.org/@derhuerst/http-basic/-/http-basic-8.2.4.tgz", 773 | "integrity": "sha512-F9rL9k9Xjf5blCz8HsJRO4diy111cayL2vkY2XE4r4t3n0yPXVYy3KD3nJ1qbrSn9743UWSXH4IwuCa/HWlGFw==", 774 | "requires": { 775 | "caseless": "^0.12.0", 776 | "concat-stream": "^2.0.0", 777 | "http-response-object": "^3.0.1", 778 | "parse-cache-control": "^1.0.1" 779 | } 780 | }, 781 | "@mapbox/node-pre-gyp": { 782 | "version": "1.0.10", 783 | "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz", 784 | "integrity": "sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==", 785 | "requires": { 786 | "detect-libc": "^2.0.0", 787 | "https-proxy-agent": "^5.0.0", 788 | "make-dir": "^3.1.0", 789 | "node-fetch": "^2.6.7", 790 | "nopt": "^5.0.0", 791 | "npmlog": "^5.0.1", 792 | "rimraf": "^3.0.2", 793 | "semver": "^7.3.5", 794 | "tar": "^6.1.11" 795 | } 796 | }, 797 | "@types/node": { 798 | "version": "10.17.60", 799 | "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.60.tgz", 800 | "integrity": "sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==" 801 | }, 802 | "abbrev": { 803 | "version": "1.1.1", 804 | "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", 805 | "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" 806 | }, 807 | "agent-base": { 808 | "version": "6.0.2", 809 | "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", 810 | "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", 811 | "requires": { 812 | "debug": "4" 813 | } 814 | }, 815 | "ansi-regex": { 816 | "version": "5.0.1", 817 | "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", 818 | "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==" 819 | }, 820 | "aproba": { 821 | "version": "2.0.0", 822 | "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", 823 | "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==" 824 | }, 825 | "are-we-there-yet": { 826 | "version": "2.0.0", 827 | "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", 828 | "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", 829 | "requires": { 830 | "delegates": "^1.0.0", 831 | "readable-stream": "^3.6.0" 832 | } 833 | }, 834 | "async": { 835 | "version": "3.2.4", 836 | "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz", 837 | "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==" 838 | }, 839 | "balanced-match": { 840 | "version": "1.0.2", 841 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", 842 | "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" 843 | }, 844 | "brace-expansion": { 845 | "version": "1.1.11", 846 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", 847 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", 848 | "requires": { 849 | "balanced-match": "^1.0.0", 850 | "concat-map": "0.0.1" 851 | } 852 | }, 853 | "buffer-from": { 854 | "version": "1.1.2", 855 | "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", 856 | "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==" 857 | }, 858 | "canvas": { 859 | "version": "2.10.1", 860 | "resolved": "https://registry.npmjs.org/canvas/-/canvas-2.10.1.tgz", 861 | "integrity": "sha512-29pIjn9uwTUsIgJUNd7GXxKk8sg4iyJwLm1wIilNIqX1mVzXSc2nUij9exW1LqNpis1d2ebMYfMqTWcokZ4pdA==", 862 | "requires": { 863 | "@mapbox/node-pre-gyp": "^1.0.0", 864 | "nan": "^2.15.0", 865 | "simple-get": "^3.0.3" 866 | } 867 | }, 868 | "caseless": { 869 | "version": "0.12.0", 870 | "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", 871 | "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==" 872 | }, 873 | "chownr": { 874 | "version": "2.0.0", 875 | "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", 876 | "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==" 877 | }, 878 | "color-support": { 879 | "version": "1.1.3", 880 | "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", 881 | "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==" 882 | }, 883 | "concat-map": { 884 | "version": "0.0.1", 885 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", 886 | "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" 887 | }, 888 | "concat-stream": { 889 | "version": "2.0.0", 890 | "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz", 891 | "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==", 892 | "requires": { 893 | "buffer-from": "^1.0.0", 894 | "inherits": "^2.0.3", 895 | "readable-stream": "^3.0.2", 896 | "typedarray": "^0.0.6" 897 | } 898 | }, 899 | "console-control-strings": { 900 | "version": "1.1.0", 901 | "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", 902 | "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==" 903 | }, 904 | "debug": { 905 | "version": "4.3.4", 906 | "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", 907 | "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", 908 | "requires": { 909 | "ms": "2.1.2" 910 | } 911 | }, 912 | "decompress-response": { 913 | "version": "4.2.1", 914 | "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz", 915 | "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==", 916 | "requires": { 917 | "mimic-response": "^2.0.0" 918 | } 919 | }, 920 | "delegates": { 921 | "version": "1.0.0", 922 | "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", 923 | "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==" 924 | }, 925 | "detect-libc": { 926 | "version": "2.0.1", 927 | "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz", 928 | "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==" 929 | }, 930 | "emoji-regex": { 931 | "version": "8.0.0", 932 | "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", 933 | "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" 934 | }, 935 | "env-paths": { 936 | "version": "2.2.1", 937 | "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", 938 | "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==" 939 | }, 940 | "ffmpeg-static": { 941 | "version": "5.1.0", 942 | "resolved": "https://registry.npmjs.org/ffmpeg-static/-/ffmpeg-static-5.1.0.tgz", 943 | "integrity": "sha512-eEWOiGdbf7HKPeJI5PoJ0oCwkL0hckL2JdS4JOuB/gUETppwkEpq8nF0+e6VEQnDCo/iuoipbTUsn9QJmtpNkg==", 944 | "requires": { 945 | "@derhuerst/http-basic": "^8.2.0", 946 | "env-paths": "^2.2.0", 947 | "https-proxy-agent": "^5.0.0", 948 | "progress": "^2.0.3" 949 | } 950 | }, 951 | "fluent-ffmpeg": { 952 | "version": "2.1.2", 953 | "resolved": "https://registry.npmjs.org/fluent-ffmpeg/-/fluent-ffmpeg-2.1.2.tgz", 954 | "integrity": "sha512-IZTB4kq5GK0DPp7sGQ0q/BWurGHffRtQQwVkiqDgeO6wYJLLV5ZhgNOQ65loZxxuPMKZKZcICCUnaGtlxBiR0Q==", 955 | "requires": { 956 | "async": ">=0.2.9", 957 | "which": "^1.1.1" 958 | } 959 | }, 960 | "fs-minipass": { 961 | "version": "2.1.0", 962 | "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", 963 | "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", 964 | "requires": { 965 | "minipass": "^3.0.0" 966 | } 967 | }, 968 | "fs.realpath": { 969 | "version": "1.0.0", 970 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", 971 | "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" 972 | }, 973 | "gauge": { 974 | "version": "3.0.2", 975 | "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", 976 | "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", 977 | "requires": { 978 | "aproba": "^1.0.3 || ^2.0.0", 979 | "color-support": "^1.1.2", 980 | "console-control-strings": "^1.0.0", 981 | "has-unicode": "^2.0.1", 982 | "object-assign": "^4.1.1", 983 | "signal-exit": "^3.0.0", 984 | "string-width": "^4.2.3", 985 | "strip-ansi": "^6.0.1", 986 | "wide-align": "^1.1.2" 987 | } 988 | }, 989 | "glob": { 990 | "version": "7.2.3", 991 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", 992 | "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", 993 | "requires": { 994 | "fs.realpath": "^1.0.0", 995 | "inflight": "^1.0.4", 996 | "inherits": "2", 997 | "minimatch": "^3.1.1", 998 | "once": "^1.3.0", 999 | "path-is-absolute": "^1.0.0" 1000 | } 1001 | }, 1002 | "has-unicode": { 1003 | "version": "2.0.1", 1004 | "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", 1005 | "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==" 1006 | }, 1007 | "http-response-object": { 1008 | "version": "3.0.2", 1009 | "resolved": "https://registry.npmjs.org/http-response-object/-/http-response-object-3.0.2.tgz", 1010 | "integrity": "sha512-bqX0XTF6fnXSQcEJ2Iuyr75yVakyjIDCqroJQ/aHfSdlM743Cwqoi2nDYMzLGWUcuTWGWy8AAvOKXTfiv6q9RA==", 1011 | "requires": { 1012 | "@types/node": "^10.0.3" 1013 | } 1014 | }, 1015 | "https-proxy-agent": { 1016 | "version": "5.0.1", 1017 | "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", 1018 | "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", 1019 | "requires": { 1020 | "agent-base": "6", 1021 | "debug": "4" 1022 | } 1023 | }, 1024 | "inflight": { 1025 | "version": "1.0.6", 1026 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", 1027 | "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", 1028 | "requires": { 1029 | "once": "^1.3.0", 1030 | "wrappy": "1" 1031 | } 1032 | }, 1033 | "inherits": { 1034 | "version": "2.0.4", 1035 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", 1036 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" 1037 | }, 1038 | "is-fullwidth-code-point": { 1039 | "version": "3.0.0", 1040 | "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", 1041 | "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==" 1042 | }, 1043 | "isexe": { 1044 | "version": "2.0.0", 1045 | "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", 1046 | "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" 1047 | }, 1048 | "lru-cache": { 1049 | "version": "6.0.0", 1050 | "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", 1051 | "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", 1052 | "requires": { 1053 | "yallist": "^4.0.0" 1054 | } 1055 | }, 1056 | "make-dir": { 1057 | "version": "3.1.0", 1058 | "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", 1059 | "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", 1060 | "requires": { 1061 | "semver": "^6.0.0" 1062 | }, 1063 | "dependencies": { 1064 | "semver": { 1065 | "version": "6.3.0", 1066 | "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", 1067 | "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" 1068 | } 1069 | } 1070 | }, 1071 | "mimic-response": { 1072 | "version": "2.1.0", 1073 | "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz", 1074 | "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==" 1075 | }, 1076 | "minimatch": { 1077 | "version": "3.1.2", 1078 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", 1079 | "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", 1080 | "requires": { 1081 | "brace-expansion": "^1.1.7" 1082 | } 1083 | }, 1084 | "minipass": { 1085 | "version": "3.3.4", 1086 | "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz", 1087 | "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==", 1088 | "requires": { 1089 | "yallist": "^4.0.0" 1090 | } 1091 | }, 1092 | "minizlib": { 1093 | "version": "2.1.2", 1094 | "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", 1095 | "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", 1096 | "requires": { 1097 | "minipass": "^3.0.0", 1098 | "yallist": "^4.0.0" 1099 | } 1100 | }, 1101 | "mkdirp": { 1102 | "version": "1.0.4", 1103 | "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", 1104 | "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==" 1105 | }, 1106 | "ms": { 1107 | "version": "2.1.2", 1108 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", 1109 | "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" 1110 | }, 1111 | "nan": { 1112 | "version": "2.16.0", 1113 | "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz", 1114 | "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==" 1115 | }, 1116 | "node-fetch": { 1117 | "version": "2.6.7", 1118 | "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", 1119 | "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", 1120 | "requires": { 1121 | "whatwg-url": "^5.0.0" 1122 | } 1123 | }, 1124 | "nopt": { 1125 | "version": "5.0.0", 1126 | "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz", 1127 | "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==", 1128 | "requires": { 1129 | "abbrev": "1" 1130 | } 1131 | }, 1132 | "npmlog": { 1133 | "version": "5.0.1", 1134 | "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", 1135 | "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", 1136 | "requires": { 1137 | "are-we-there-yet": "^2.0.0", 1138 | "console-control-strings": "^1.1.0", 1139 | "gauge": "^3.0.0", 1140 | "set-blocking": "^2.0.0" 1141 | } 1142 | }, 1143 | "object-assign": { 1144 | "version": "4.1.1", 1145 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 1146 | "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==" 1147 | }, 1148 | "once": { 1149 | "version": "1.4.0", 1150 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", 1151 | "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", 1152 | "requires": { 1153 | "wrappy": "1" 1154 | } 1155 | }, 1156 | "parse-cache-control": { 1157 | "version": "1.0.1", 1158 | "resolved": "https://registry.npmjs.org/parse-cache-control/-/parse-cache-control-1.0.1.tgz", 1159 | "integrity": "sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==" 1160 | }, 1161 | "path-is-absolute": { 1162 | "version": "1.0.1", 1163 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", 1164 | "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==" 1165 | }, 1166 | "prettier": { 1167 | "version": "2.7.1", 1168 | "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", 1169 | "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", 1170 | "dev": true 1171 | }, 1172 | "progress": { 1173 | "version": "2.0.3", 1174 | "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", 1175 | "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==" 1176 | }, 1177 | "readable-stream": { 1178 | "version": "3.6.0", 1179 | "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", 1180 | "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", 1181 | "requires": { 1182 | "inherits": "^2.0.3", 1183 | "string_decoder": "^1.1.1", 1184 | "util-deprecate": "^1.0.1" 1185 | } 1186 | }, 1187 | "rimraf": { 1188 | "version": "3.0.2", 1189 | "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", 1190 | "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", 1191 | "requires": { 1192 | "glob": "^7.1.3" 1193 | } 1194 | }, 1195 | "safe-buffer": { 1196 | "version": "5.2.1", 1197 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", 1198 | "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==" 1199 | }, 1200 | "semver": { 1201 | "version": "7.3.7", 1202 | "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", 1203 | "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", 1204 | "requires": { 1205 | "lru-cache": "^6.0.0" 1206 | } 1207 | }, 1208 | "set-blocking": { 1209 | "version": "2.0.0", 1210 | "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", 1211 | "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==" 1212 | }, 1213 | "signal-exit": { 1214 | "version": "3.0.7", 1215 | "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", 1216 | "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==" 1217 | }, 1218 | "simple-concat": { 1219 | "version": "1.0.1", 1220 | "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz", 1221 | "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==" 1222 | }, 1223 | "simple-get": { 1224 | "version": "3.1.1", 1225 | "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.1.tgz", 1226 | "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==", 1227 | "requires": { 1228 | "decompress-response": "^4.2.0", 1229 | "once": "^1.3.1", 1230 | "simple-concat": "^1.0.0" 1231 | } 1232 | }, 1233 | "string_decoder": { 1234 | "version": "1.3.0", 1235 | "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", 1236 | "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", 1237 | "requires": { 1238 | "safe-buffer": "~5.2.0" 1239 | } 1240 | }, 1241 | "string-width": { 1242 | "version": "4.2.3", 1243 | "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", 1244 | "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", 1245 | "requires": { 1246 | "emoji-regex": "^8.0.0", 1247 | "is-fullwidth-code-point": "^3.0.0", 1248 | "strip-ansi": "^6.0.1" 1249 | } 1250 | }, 1251 | "strip-ansi": { 1252 | "version": "6.0.1", 1253 | "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", 1254 | "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", 1255 | "requires": { 1256 | "ansi-regex": "^5.0.1" 1257 | } 1258 | }, 1259 | "tar": { 1260 | "version": "6.1.11", 1261 | "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", 1262 | "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", 1263 | "requires": { 1264 | "chownr": "^2.0.0", 1265 | "fs-minipass": "^2.0.0", 1266 | "minipass": "^3.0.0", 1267 | "minizlib": "^2.1.1", 1268 | "mkdirp": "^1.0.3", 1269 | "yallist": "^4.0.0" 1270 | } 1271 | }, 1272 | "tr46": { 1273 | "version": "0.0.3", 1274 | "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", 1275 | "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==" 1276 | }, 1277 | "typedarray": { 1278 | "version": "0.0.6", 1279 | "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", 1280 | "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==" 1281 | }, 1282 | "util-deprecate": { 1283 | "version": "1.0.2", 1284 | "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", 1285 | "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" 1286 | }, 1287 | "webidl-conversions": { 1288 | "version": "3.0.1", 1289 | "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", 1290 | "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==" 1291 | }, 1292 | "whatwg-url": { 1293 | "version": "5.0.0", 1294 | "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", 1295 | "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", 1296 | "requires": { 1297 | "tr46": "~0.0.3", 1298 | "webidl-conversions": "^3.0.0" 1299 | } 1300 | }, 1301 | "which": { 1302 | "version": "1.3.1", 1303 | "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", 1304 | "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", 1305 | "requires": { 1306 | "isexe": "^2.0.0" 1307 | } 1308 | }, 1309 | "wide-align": { 1310 | "version": "1.1.5", 1311 | "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", 1312 | "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", 1313 | "requires": { 1314 | "string-width": "^1.0.2 || 2 || 3 || 4" 1315 | } 1316 | }, 1317 | "wrappy": { 1318 | "version": "1.0.2", 1319 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 1320 | "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" 1321 | }, 1322 | "yallist": { 1323 | "version": "4.0.0", 1324 | "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", 1325 | "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" 1326 | } 1327 | } 1328 | } 1329 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "video-rendering-nodejs-ffmpeg", 3 | "type": "module", 4 | "version": "1.0.0", 5 | "description": "Video Rendering with Node.js and FFmpeg", 6 | "main": "src/index.js", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "Casper Kloppenburg", 11 | "license": "ISC", 12 | "dependencies": { 13 | "canvas": "^2.10.1", 14 | "ffmpeg-static": "^5.1.0", 15 | "fluent-ffmpeg": "^2.1.2" 16 | }, 17 | "devDependencies": { 18 | "prettier": "^2.7.1" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/compositions/renderAnimatedText.js: -------------------------------------------------------------------------------- 1 | import { interpolateKeyframes } from '../utils/interpolateKeyframes.js'; 2 | 3 | export function renderAnimatedText(context, text, font, x, y, time) { 4 | 5 | if (time < 0) { 6 | return; 7 | } 8 | 9 | context.save(); 10 | 11 | context.font = font; 12 | 13 | // Measure how the dimensions of the text 14 | const textMetrics = context.measureText(text); 15 | const fontHeight = textMetrics.actualBoundingBoxAscent + textMetrics.actualBoundingBoxDescent; 16 | 17 | // Interpolate the y position of the text from 0 to the font size 18 | const offset = interpolateKeyframes([ 19 | { time: 0, value: -fontHeight }, 20 | { time: 1, value: 0, easing: 'expo-out' }, 21 | ], time); 22 | 23 | // Clip to the bounding box of the text 24 | context.beginPath(); 25 | context.rect(x, y - textMetrics.actualBoundingBoxAscent, textMetrics.width, fontHeight); 26 | context.clip(); 27 | 28 | // Draw the text 29 | context.fillText(text, x, y + offset); 30 | 31 | context.restore(); 32 | } 33 | -------------------------------------------------------------------------------- /src/compositions/renderMainComposition.js: -------------------------------------------------------------------------------- 1 | import { interpolateKeyframes } from '../utils/interpolateKeyframes.js'; 2 | import { renderThreePictures } from './renderThreePictures.js'; 3 | import { renderOutro } from './renderOutro.js'; 4 | 5 | export function renderMainComposition( 6 | context, 7 | image1, 8 | image2, 9 | image3, 10 | logo, 11 | width, 12 | height, 13 | time, 14 | ) { 15 | 16 | // Interpolate the x position to create a slide effect between the polaroid pictures scene 17 | // and the outro scene 18 | const slideProgress = interpolateKeyframes([ 19 | { time: 6.59, value: 0 }, 20 | { time: 7.63, value: 1, easing: 'cubic-in-out' }, 21 | ], time); 22 | 23 | // Scene 1 – The three polaroid pictures 24 | 25 | // Move the slide over 25% of the canvas width while adjusting its opacity with globalAlpha 26 | context.save(); 27 | context.translate((0.25 * width) * -slideProgress, 0); 28 | context.globalAlpha = 1 - slideProgress; 29 | 30 | // Render the polaroid picture scene using relative sizes 31 | renderThreePictures(context, image1, image2, image3, 0.9636 * width, 0.8843 * height, time); 32 | 33 | context.restore(); 34 | 35 | // Scene 2 – The outro 36 | 37 | // Move the slide over 25% of the canvas width while adjusting its opacity with globalAlpha 38 | context.save(); 39 | context.translate((0.25 * width) * (1 - slideProgress), 0); 40 | context.globalAlpha = slideProgress; 41 | 42 | renderOutro(context, logo, width, height, time - 6.59); 43 | 44 | context.restore(); 45 | } 46 | -------------------------------------------------------------------------------- /src/compositions/renderOutro.js: -------------------------------------------------------------------------------- 1 | import { renderAnimatedText } from './renderAnimatedText.js'; 2 | 3 | export function renderOutro(context, logo, width, height, time) { 4 | 5 | if (time < 0) { 6 | return; 7 | } 8 | 9 | context.drawImage(logo, 0.1789 * width, 0.3311 * height, 0.19 * width, 0.3378 * height); 10 | 11 | context.font = `${0.1455 * height}px Chivo`; 12 | context.fillText('Logoipsum', 0.3972 * width, 0.5355 * height); 13 | 14 | renderAnimatedText( 15 | context, 16 | 'www.mywebsite.com', 17 | `${0.0762 * height}px Chivo`, 18 | 0.3972 * width, 19 | 0.6258 * height, 20 | time - 1.0, 21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /src/compositions/renderPolaroidPicture.js: -------------------------------------------------------------------------------- 1 | import { drawImageCoverFit } from '../utils/drawImageCoverFit.js'; 2 | 3 | export function renderPolaroidPicture(context, image, caption, width, height) { 4 | 5 | context.save(); 6 | 7 | // Set a shadow 8 | context.shadowBlur = 16; 9 | context.shadowColor = 'rgba(0, 0, 0, 0.22)'; 10 | context.shadowOffsetX = 0; 11 | context.shadowOffsetY = 7; 12 | 13 | // Draw a white rectangle as the frame of the polaroid picture 14 | context.fillStyle = '#ffffff'; 15 | context.fillRect(0, 0, width, height); 16 | 17 | context.restore(); 18 | 19 | // Draw the image and make sure it fits in the available space 20 | drawImageCoverFit(context, image, 0.054 * width, 0.0466 * height, 0.8921 * width, 0.8048 * height); 21 | 22 | // Draw the caption 23 | context.font = `${0.09 * height}px 'Caveat Medium'`; 24 | context.fillText(caption, 0.05 * width, 0.95 * height); 25 | } 26 | -------------------------------------------------------------------------------- /src/compositions/renderThreePictures.js: -------------------------------------------------------------------------------- 1 | import { interpolateKeyframes } from '../utils/interpolateKeyframes.js'; 2 | import { renderPolaroidPicture } from './renderPolaroidPicture.js'; 3 | 4 | export function renderThreePictures(context, image1, image2, image3, width, height, time) { 5 | 6 | if (time < 0) { 7 | return; 8 | } 9 | 10 | // Animate the x position 11 | const x = interpolateKeyframes([ 12 | { time: 0, value: 0.4265 }, 13 | { time: 7.63, value: -0.2377 }, 14 | ], time); 15 | 16 | context.save(); 17 | 18 | context.translate(x * width, 0.0578 * height); 19 | 20 | // Render each picture 21 | renderPicture1(context, image1, width, height, time); 22 | renderPicture2(context, image2, width, height, time - 1.8); 23 | renderPicture3(context, image3, width, height, time - 3.6); 24 | 25 | context.restore(); 26 | } 27 | 28 | function renderPicture1(context, image1, width, height, time) { 29 | 30 | if (time < 0) { 31 | return; 32 | } 33 | 34 | // Animation the x, y and rotation 35 | 36 | const x = interpolateKeyframes([ 37 | { time: 0, value: 0.1672 }, 38 | { time: 1.4, value: 0.0945, easing: 'expo-out' }, 39 | ], time); 40 | 41 | const y = interpolateKeyframes([ 42 | { time: 0, value: 1.1363 }, 43 | { time: 1.4, value: 0.0454, easing: 'expo-out' }, 44 | ], time); 45 | 46 | const rotate = interpolateKeyframes([ 47 | { time: 0, value: 30.12 }, 48 | { time: 1.4, value: 14.67, easing: 'expo-out' }, 49 | ], time); 50 | 51 | context.save(); 52 | 53 | context.translate(x * width, y * height); 54 | context.rotate(rotate * Math.PI / 180); 55 | 56 | renderPolaroidPicture(context, image1, 'Caption 1', 0.3201 * width, 0.7229 * height); 57 | 58 | context.restore(); 59 | } 60 | 61 | function renderPicture2(context, image1, width, height, time) { 62 | 63 | if (time < 0) { 64 | return; 65 | } 66 | 67 | // Animation the x, y and rotation 68 | 69 | const x = interpolateKeyframes([ 70 | { time: 0, value: 0.317 }, 71 | { time: 1.4, value: 0.3758, easing: 'expo-out' }, 72 | ], time); 73 | 74 | const y = interpolateKeyframes([ 75 | { time: 0, value: 1.3707 }, 76 | { time: 1.4, value: 0.2792, easing: 'expo-out' }, 77 | ], time); 78 | 79 | const rotate = interpolateKeyframes([ 80 | { time: 0, value: -30.63 }, 81 | { time: 1.4, value: -4.43, easing: 'expo-out' }, 82 | ], time); 83 | 84 | context.save(); 85 | 86 | context.translate(x * width, y * height); 87 | context.rotate(rotate * Math.PI / 180); 88 | 89 | renderPolaroidPicture(context, image1, 'Caption 2', 0.3201 * width, 0.7229 * height); 90 | 91 | context.restore(); 92 | } 93 | 94 | function renderPicture3(context, image1, width, height, time) { 95 | 96 | if (time < 0) { 97 | return; 98 | } 99 | 100 | // Animation the x, y and rotation 101 | 102 | const x = interpolateKeyframes([ 103 | { time: 0, value: 0.6506 }, 104 | { time: 1.4, value: 0.6801, easing: 'expo-out' }, 105 | ], time); 106 | 107 | const y = interpolateKeyframes([ 108 | { time: 0, value: 1.2748 }, 109 | { time: 1.4, value: 0, easing: 'expo-out' }, 110 | ], time); 111 | 112 | const rotate = interpolateKeyframes([ 113 | { time: 0, value: -25.31 }, 114 | { time: 1.4, value: 1.69, easing: 'expo-out' }, 115 | ], time); 116 | 117 | context.save(); 118 | 119 | context.translate(x * width, y * height); 120 | context.rotate(rotate * Math.PI / 180); 121 | 122 | renderPolaroidPicture(context, image1, 'Caption 3', 0.3201 * width, 0.7229 * height); 123 | 124 | context.restore(); 125 | } 126 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import ffmpegStatic from 'ffmpeg-static'; 3 | import ffmpeg from 'fluent-ffmpeg'; 4 | import { Canvas, loadImage, registerFont } from 'canvas'; 5 | import { stitchFramesToVideo } from './utils/stitchFramesToVideo.js'; 6 | import { getVideoFrameReader } from './utils/getVideoFrameReader.js'; 7 | import { renderMainComposition } from './compositions/renderMainComposition.js'; 8 | 9 | // Tell fluent-ffmpeg where it can find FFmpeg 10 | ffmpeg.setFfmpegPath(ffmpegStatic); 11 | 12 | // Clean up the temporary directories first 13 | for (const path of ['out', 'tmp/output']) { 14 | if (fs.existsSync(path)) { 15 | await fs.promises.rm(path, { recursive: true }); 16 | } 17 | await fs.promises.mkdir(path, { recursive: true }); 18 | } 19 | 20 | // The video length and frame rate, as well as the number of frames required 21 | // to create the video 22 | const duration = 9.15; 23 | const frameRate = 60; 24 | const frameCount = Math.floor(duration * frameRate); 25 | 26 | console.log('Extracting frames from video 1...'); 27 | const getVideo1Frame = await getVideoFrameReader( 28 | 'assets/pexels-4782135.mp4', 29 | 'tmp/video-1', 30 | frameRate, 31 | ); 32 | 33 | console.log('Extracting frames from video 2...'); 34 | const getVideo2Frame = await getVideoFrameReader( 35 | 'assets/pexels-3576378.mp4', 36 | 'tmp/video-2', 37 | frameRate, 38 | ); 39 | 40 | console.log('Extracting frames from video 3...'); 41 | const getVideo3Frame = await getVideoFrameReader( 42 | 'assets/pexels-2829177.mp4', 43 | 'tmp/video-3', 44 | frameRate, 45 | ); 46 | 47 | const logo = await loadImage('assets/logo.svg'); 48 | 49 | // Load fonts so we can use them for drawing 50 | registerFont('assets/caveat-medium.ttf', { family: 'Caveat' }); 51 | registerFont('assets/chivo-regular.ttf', { family: 'Chivo' }); 52 | 53 | const canvas = new Canvas(1280, 720); 54 | const context = canvas.getContext('2d'); 55 | 56 | // Render each frame 57 | for (let i = 0; i < frameCount; i++) { 58 | 59 | const time = i / frameRate; 60 | 61 | console.log(`Rendering frame ${i} at ${Math.round(time * 10) / 10} seconds...`); 62 | 63 | // Clear the canvas with a white background color. This is required as we are 64 | // reusing the canvas with every frame 65 | context.fillStyle = '#ffffff'; 66 | context.fillRect(0, 0, canvas.width, canvas.height); 67 | 68 | // Grab a frame from our input videos 69 | const image1 = await getVideo1Frame(); 70 | const image2 = await getVideo2Frame(); 71 | const image3 = await getVideo3Frame(); 72 | 73 | renderMainComposition( 74 | context, 75 | image1, 76 | image2, 77 | image3, 78 | logo, 79 | canvas.width, 80 | canvas.height, 81 | time, 82 | ); 83 | 84 | // Store the image in the directory where it can be found by FFmpeg 85 | const output = canvas.toBuffer('image/png'); 86 | const paddedNumber = String(i).padStart(4, '0'); 87 | await fs.promises.writeFile(`tmp/output/frame-${paddedNumber}.png`, output); 88 | } 89 | 90 | console.log(`Stitching ${frameCount} frames to video...`); 91 | 92 | await stitchFramesToVideo( 93 | 'tmp/output/frame-%04d.png', 94 | 'assets/catch-up-loop-119712.mp3', 95 | 'out/video.mp4', 96 | duration, 97 | frameRate, 98 | ); 99 | -------------------------------------------------------------------------------- /src/utils/drawImageCoverFit.js: -------------------------------------------------------------------------------- 1 | export function drawImageCoverFit(context, image, x, y, width, height) { 2 | 3 | // Calculate the dimensions of the image to make it cover the available space 4 | const scale = Math.max(width / image.width, height / image.height); 5 | const drawWidth = image.width * scale; 6 | const drawHeight = image.height * scale; 7 | const drawX = x + (width - drawWidth) / 2; 8 | const drawY = y + (height - drawHeight) / 2; 9 | 10 | context.save(); 11 | 12 | // Clip the parts of the image that overflow the provided bounding box 13 | context.beginPath(); 14 | context.rect(x, y, width, height); 15 | context.clip(); 16 | 17 | // Draw the image 18 | context.drawImage(image, drawX, drawY, drawWidth, drawHeight); 19 | 20 | context.restore(); 21 | } 22 | -------------------------------------------------------------------------------- /src/utils/extractFramesFromVideo.js: -------------------------------------------------------------------------------- 1 | import ffmpeg from 'fluent-ffmpeg'; 2 | 3 | export async function extractFramesFromVideo(inputFilepath, outputFilepath, frameRate) { 4 | 5 | await new Promise((resolve, reject) => { 6 | ffmpeg() 7 | 8 | // Specify the filepath to the video 9 | .input(inputFilepath) 10 | 11 | // Instruct FFmpeg to extract frames at this rate regardless of the video's frame rate 12 | .fps(frameRate) 13 | 14 | // Save frames to this directory 15 | .saveToFile(outputFilepath) 16 | 17 | .on('end', () => resolve()) 18 | .on('error', (error) => reject(new Error(error))); 19 | }); 20 | } 21 | -------------------------------------------------------------------------------- /src/utils/getVideoFrameReader.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import path from 'path'; 3 | import { loadImage } from 'canvas'; 4 | import { extractFramesFromVideo } from './extractFramesFromVideo.js'; 5 | 6 | export async function getVideoFrameReader(videoFilepath, tmpDir, frameRate) { 7 | 8 | // Extract frames using FFmpeg 9 | await extractFramesFromVideo(videoFilepath, path.join(tmpDir, 'frame-%04d.png'), frameRate); 10 | 11 | // Get the filepaths to the frames and sort them alphabetically 12 | // so we can read them back in the right order 13 | const filepaths = (await fs.promises.readdir(tmpDir)) 14 | .map(file => path.join(tmpDir, file)) 15 | .sort(); 16 | 17 | let frameNumber = 0; 18 | 19 | // Return a function that returns the next frame every time it is called 20 | return async () => { 21 | 22 | // Load a frame image 23 | const frame = await loadImage(filepaths[frameNumber]); 24 | 25 | // Next time, load the next frame 26 | if (frameNumber < filepaths.length - 1) { 27 | frameNumber++; 28 | } 29 | 30 | return frame; 31 | }; 32 | } 33 | -------------------------------------------------------------------------------- /src/utils/interpolateKeyframes.js: -------------------------------------------------------------------------------- 1 | export function interpolateKeyframes(keyframes, time) { 2 | 3 | if (keyframes.length < 2) { 4 | throw new Error('At least two keyframes should be provided'); 5 | } 6 | 7 | // Take the value of the first keyframe if the provided time is before it 8 | const firstKeyframe = keyframes[0]; 9 | if (time < firstKeyframe.time) { 10 | return firstKeyframe.value; 11 | } 12 | 13 | // Take the value of the last keyframe if the provided time is after it 14 | const lastKeyframe = keyframes[keyframes.length - 1]; 15 | if (time >= lastKeyframe.time) { 16 | return lastKeyframe.value; 17 | } 18 | 19 | // Find the keyframes before and after the provided time, like this: 20 | // 21 | // Time 22 | // ─── [Keyframe] ───┸───── [Keyframe] ──── [...] 23 | // 24 | let index; 25 | for (index = 0; index < keyframes.length - 1; index++) { 26 | if (keyframes[index].time <= time && keyframes[index + 1].time >= time) { 27 | break; 28 | } 29 | } 30 | 31 | const keyframe1 = keyframes[index]; 32 | const keyframe2 = keyframes[index + 1]; 33 | 34 | // Find out where the provided time falls between the two keyframes from 0 to 1 35 | let t = (time - keyframe1.time) / (keyframe2.time - keyframe1.time); 36 | 37 | // Apply easing 38 | if (keyframe2.easing === 'expo-out') { 39 | t = applyExponentialOutEasing(t); 40 | } else if (keyframe2.easing === 'cubic-in-out') { 41 | t = applyCubicInOutEasing(t); 42 | } else { 43 | // ... Implement more easing functions 44 | } 45 | 46 | // Return the interpolated value 47 | return keyframe1.value + (keyframe2.value - keyframe1.value) * t; 48 | } 49 | 50 | // Exponential out easing 51 | function applyExponentialOutEasing(t) { 52 | return t === 1 ? 1 : 1 - Math.pow(2, -10 * t); 53 | } 54 | 55 | // Cubic in-out easing 56 | function applyCubicInOutEasing(t) { 57 | return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2; 58 | } 59 | -------------------------------------------------------------------------------- /src/utils/stitchFramesToVideo.js: -------------------------------------------------------------------------------- 1 | import ffmpeg from 'fluent-ffmpeg'; 2 | 3 | export async function stitchFramesToVideo( 4 | framesFilepath, 5 | soundtrackFilePath, 6 | outputFilepath, 7 | duration, 8 | frameRate, 9 | ) { 10 | 11 | await new Promise((resolve, reject) => { 12 | ffmpeg() 13 | 14 | // Tell FFmpeg to stitch all images together in the provided directory 15 | .input(framesFilepath) 16 | .inputOptions([ 17 | // Set input frame rate 18 | `-framerate ${frameRate}`, 19 | ]) 20 | 21 | // Add the soundtrack 22 | .input(soundtrackFilePath) 23 | .audioFilters([ 24 | // Fade out the volume 2 seconds before the end 25 | `afade=out:st=${duration - 2}:d=2`, 26 | ]) 27 | 28 | .videoCodec('libx264') 29 | .outputOptions([ 30 | // YUV color space with 4:2:0 chroma subsampling for maximum compatibility with 31 | // video players 32 | '-pix_fmt yuv420p', 33 | ]) 34 | 35 | // Set the output duration. It is required because FFmpeg would otherwise 36 | // automatically set the duration to the longest input, and the soundtrack might 37 | // be longer than the desired video length 38 | .duration(duration) 39 | // Set output frame rate 40 | .fps(frameRate) 41 | 42 | // Set the output filepath 43 | .saveToFile(outputFilepath) 44 | 45 | // Resolve or reject (throw an error) the Promise once FFmpeg completes 46 | .on('end', () => resolve()) 47 | .on('error', (error) => reject(new Error(error))); 48 | }); 49 | } 50 | --------------------------------------------------------------------------------