@tsparticles/plugin-export-video 3.0.0-beta.0

package/tsparticles.plugin.export.video.js

@@ -0,0 +1,149 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-beta.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  loadExportVideoPlugin: () => (/* binding */ loadExportVideoPlugin)
+});
+
+;// CONCATENATED MODULE: ./dist/browser/ExportVideoInstance.js
+const videoTypes = ["webm", "ogg", "mp4", "x-matroska"],
+  codecs = ["vp9", "vp9.0", "vp8", "vp8.0", "avc1", "av1", "h265", "h.265", "h264", "h.264", "opus", "pcm", "aac", "mpeg", "mp4a"];
+function getVideoSupportedMimeTypes() {
+  const isSupported = MediaRecorder.isTypeSupported,
+    supported = [];
+  videoTypes.forEach(type => {
+    const mimeType = `video/${type}`;
+    codecs.forEach(codec => [`${mimeType};codecs=${codec}`, `${mimeType};codecs=${codec.toUpperCase()}`].forEach(variation => {
+      if (isSupported(variation)) {
+        supported.push(variation);
+      }
+    }));
+    if (isSupported(mimeType)) {
+      supported.push(mimeType);
+    }
+  });
+  return supported;
+}
+class ExportVideoInstance {
+  constructor(container, engine) {
+    this._supportedTypes = [];
+    this._exportVideo = async data => {
+      const element = this._container.canvas.element;
+      if (!element) {
+        return;
+      }
+      return new Promise(resolve => {
+        const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit),
+          mimeType = data.mimeType ?? this._supportedTypes[0],
+          recorder = new MediaRecorder(stream, {
+            mimeType
+          }),
+          chunks = [];
+        recorder.addEventListener("dataavailable", event => {
+          chunks.push(event.data);
+        });
+        recorder.addEventListener("stop", () => {
+          resolve(new Blob(chunks, {
+            type: mimeType
+          }));
+        });
+        recorder.start();
+        setTimeout(() => {
+          recorder.stop();
+        }, data.duration ?? 5000);
+      });
+    };
+    this._container = container;
+    this._engine = engine;
+    this._supportedTypes = getVideoSupportedMimeTypes();
+  }
+  async export(type, data) {
+    const res = {
+      supported: false
+    };
+    switch (type) {
+      case "video":
+        res.supported = true;
+        res.blob = await this._exportVideo(data);
+        break;
+    }
+    return res;
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+class ExportVideoPlugin {
+  constructor(engine) {
+    this.id = "export-video";
+    this._engine = engine;
+  }
+  getPlugin(container) {
+    return new ExportVideoInstance(container, this._engine);
+  }
+  loadOptions() {}
+  needsPlugin() {
+    return true;
+  }
+}
+async function loadExportVideoPlugin(engine, refresh = true) {
+  await engine.addPlugin(new ExportVideoPlugin(engine), refresh);
+}
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.plugin.export.video.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.plugin.export.video.min.js.LICENSE.txt */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{loadExportVideoPlugin:()=>i});const o=["webm","ogg","mp4","x-matroska"],r=["vp9","vp9.0","vp8","vp8.0","avc1","av1","h265","h.265","h264","h.264","opus","pcm","aac","mpeg","mp4a"];class n{constructor(e,t){this._supportedTypes=[],this._exportVideo=async e=>{const t=this._container.canvas.element;if(t)return new Promise((o=>{const r=t.captureStream(e.fps??this._container.actualOptions.fpsLimit),n=e.mimeType??this._supportedTypes[0],s=new MediaRecorder(r,{mimeType:n}),i=[];s.addEventListener("dataavailable",(e=>{i.push(e.data)})),s.addEventListener("stop",(()=>{o(new Blob(i,{type:n}))})),s.start(),setTimeout((()=>{s.stop()}),e.duration??5e3)}))},this._container=e,this._engine=t,this._supportedTypes=function(){const e=MediaRecorder.isTypeSupported,t=[];return o.forEach((o=>{const n=`video/${o}`;r.forEach((o=>[`${n};codecs=${o}`,`${n};codecs=${o.toUpperCase()}`].forEach((o=>{e(o)&&t.push(o)})))),e(n)&&t.push(n)})),t}()}async export(e,t){const o={supported:!1};if("video"===e)o.supported=!0,o.blob=await this._exportVideo(t);return o}}class s{constructor(e){this.id="export-video",this._engine=e}getPlugin(e){return new n(e,this._engine)}loadOptions(){}needsPlugin(){return!0}}async function i(e,t=!0){await e.addPlugin(new s(e),t)}return t})()));

package/tsparticles.plugin.export.video.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Export Video Plugin v3.0.0-beta.0 by Matteo Bruni */

package/types/ExportVideoInstance.d.ts

@@ -0,0 +1,9 @@
+import type { Container, Engine, ExportResult, IContainerPlugin } from "@tsparticles/engine";
+export declare class ExportVideoInstance implements IContainerPlugin {
+    private readonly _container;
+    private readonly _engine;
+    private readonly _supportedTypes;
+    constructor(container: Container, engine: Engine);
+    export(type: string, data: Record<string, unknown>): Promise<ExportResult>;
+    private readonly _exportVideo;
+}

package/types/IExportVideoData.d.ts

@@ -0,0 +1,5 @@
+export interface IExportVideoData {
+    duration?: number;
+    fps?: number;
+    mimeType?: string;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadExportVideoPlugin(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/ExportVideoInstance.js

@@ -0,0 +1,90 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ExportVideoInstance = void 0;
+    const videoTypes = ["webm", "ogg", "mp4", "x-matroska"], codecs = [
+        "vp9",
+        "vp9.0",
+        "vp8",
+        "vp8.0",
+        "avc1",
+        "av1",
+        "h265",
+        "h.265",
+        "h264",
+        "h.264",
+        "opus",
+        "pcm",
+        "aac",
+        "mpeg",
+        "mp4a",
+    ];
+    function getVideoSupportedMimeTypes() {
+        const isSupported = MediaRecorder.isTypeSupported, supported = [];
+        videoTypes.forEach((type) => {
+            const mimeType = `video/${type}`;
+            codecs.forEach((codec) => [
+                `${mimeType};codecs=${codec}`,
+                `${mimeType};codecs=${codec.toUpperCase()}`,
+            ].forEach((variation) => {
+                if (isSupported(variation)) {
+                    supported.push(variation);
+                }
+            }));
+            if (isSupported(mimeType)) {
+                supported.push(mimeType);
+            }
+        });
+        return supported;
+    }
+    class ExportVideoInstance {
+        constructor(container, engine) {
+            this._supportedTypes = [];
+            this._exportVideo = async (data) => {
+                const element = this._container.canvas.element;
+                if (!element) {
+                    return;
+                }
+                return new Promise((resolve) => {
+                    const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit), mimeType = data.mimeType ?? this._supportedTypes[0], recorder = new MediaRecorder(stream, {
+                        mimeType,
+                    }), chunks = [];
+                    recorder.addEventListener("dataavailable", (event) => {
+                        chunks.push(event.data);
+                    });
+                    recorder.addEventListener("stop", () => {
+                        resolve(new Blob(chunks, { type: mimeType }));
+                    });
+                    recorder.start();
+                    setTimeout(() => {
+                        recorder.stop();
+                    }, data.duration ?? 5000);
+                });
+            };
+            this._container = container;
+            this._engine = engine;
+            this._supportedTypes = getVideoSupportedMimeTypes();
+        }
+        async export(type, data) {
+            const res = {
+                supported: false,
+            };
+            switch (type) {
+                case "video":
+                    res.supported = true;
+                    res.blob = await this._exportVideo(data);
+                    break;
+            }
+            return res;
+        }
+    }
+    exports.ExportVideoInstance = ExportVideoInstance;
+});

package/umd/IExportVideoData.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/index.js

@@ -0,0 +1,32 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./ExportVideoInstance"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadExportVideoPlugin = void 0;
+    const ExportVideoInstance_1 = require("./ExportVideoInstance");
+    class ExportVideoPlugin {
+        constructor(engine) {
+            this.id = "export-video";
+            this._engine = engine;
+        }
+        getPlugin(container) {
+            return new ExportVideoInstance_1.ExportVideoInstance(container, this._engine);
+        }
+        loadOptions() {
+        }
+        needsPlugin() {
+            return true;
+        }
+    }
+    async function loadExportVideoPlugin(engine, refresh = true) {
+        await engine.addPlugin(new ExportVideoPlugin(engine), refresh);
+    }
+    exports.loadExportVideoPlugin = loadExportVideoPlugin;
+});