@codingfactory/mediables-vue 2.4.16 → 2.4.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{PixiFrameExporter-BJgx5idV.js → PixiFrameExporter-nyNuO2Eg.js} +2 -2
- package/dist/{PixiFrameExporter-BJgx5idV.js.map → PixiFrameExporter-nyNuO2Eg.js.map} +1 -1
- package/dist/{PixiFrameExporter-DKN__2tw.cjs → PixiFrameExporter-xKH2b9TP.cjs} +2 -2
- package/dist/{PixiFrameExporter-DKN__2tw.cjs.map → PixiFrameExporter-xKH2b9TP.cjs.map} +1 -1
- package/dist/components/ImageEditorModal.vue.d.ts +1 -2
- package/dist/editor-BIDFjsrP.cjs +42 -0
- package/dist/editor-BIDFjsrP.cjs.map +1 -0
- package/dist/{editor-BQNym0-5.js → editor-BfdrdqUU.js} +451 -441
- package/dist/editor-BfdrdqUU.js.map +1 -0
- package/dist/{index-DCljToZr.cjs → index-BLELmZZs.cjs} +4 -4
- package/dist/index-BLELmZZs.cjs.map +1 -0
- package/dist/{index-DHKu69UX.js → index-JKTSyJp3.js} +8 -9
- package/dist/index-JKTSyJp3.js.map +1 -0
- package/dist/mediables-vanilla.cjs +1 -1
- package/dist/mediables-vanilla.mjs +1 -1
- package/dist/mediables-vue.cjs +1 -1
- package/dist/mediables-vue.mjs +2 -2
- package/dist/render-page/assets/{index-DigDyl_v.js → index-ZZVWF3LA.js} +34 -4
- package/dist/render-page/index.html +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/editor-2YMaYryX.cjs +0 -42
- package/dist/editor-2YMaYryX.cjs.map +0 -1
- package/dist/editor-BQNym0-5.js.map +0 -1
- package/dist/index-DCljToZr.cjs.map +0 -1
- package/dist/index-DHKu69UX.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./editor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./editor-BIDFjsrP.cjs");exports.VanillaImageEditor=e.VanillaImageEditor;exports.getAllCategories=e.getAllCategories;exports.getAllFilters=e.getAllFilters;exports.getFilter=e.getFilter;exports.getFiltersByCategory=e.getFiltersByCategory;exports.hasFilter=e.hasFilter;exports.initializeFilterRegistry=e.initializeFilterRegistry;exports.registerFilter=e.registerFilter;
|
|
2
2
|
//# sourceMappingURL=mediables-vanilla.cjs.map
|
package/dist/mediables-vue.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BLELmZZs.cjs"),i=require("./editor-BIDFjsrP.cjs");exports.AlbumBrowser=e.AlbumBrowser;exports.AlbumManager=e.AlbumManager;exports.AlbumMediaGrid=e.AlbumMediaGrid;exports.AlbumTree=e.AlbumTree;exports.ImageEditor=e.ImageEditor;exports.ImageEditorModal=e.ImageEditorModal;exports.LiveStreamManager=e.LiveStreamManager;exports.ManagedMediaGallery=e.ManagedMediaGallery;exports.MediaAttachment=e.MediaAttachment;exports.MediaAttachmentProvider=e._sfc_main$1;exports.MediaCollection=e.MediaCollection;exports.MediaCollectionDropzone=e.MediaCollectionDropzone;exports.MediaCollectionItem=e.MediaCollectionItem;exports.MediaCollectionProvider=e._sfc_main;exports.MediaHiddenFields=e._sfc_main$2;exports.MediaWorkspace=e.MediaWorkspace;exports.ModelMediaManager=e.ModelMediaManager;exports.VideoEditor=e.VideoEditor;exports.VideoEditorDialog=e.VideoEditorDialog;exports.VideoEditorSimple=e.VideoEditorSimple;exports.VideoExportPanel=e.VideoExportPanel;exports.VideoJobClient=e.VideoJobClient;exports.VideoPlayer=e.VideoPlayer;exports.VideoTimeline=e.VideoTimeline;exports.VideoToolsPanel=e.VideoToolsPanel;exports.VideoUploader=e.VideoUploader;exports.applyTemporaryMediaStoreConfig=e.applyTemporaryMediaStoreConfig;exports.configureMediaStore=e.configureMediaStore;exports.createAdapter=e.createAdapter;exports.createEmptyEditorState=e.createEmptyEditorState;exports.createImageEditor=e.createImageEditor;exports.createMediablesAdapter=e.createMediablesAdapter;exports.createSpatieAdapter=e.createSpatieAdapter;exports.deserializeEditorState=e.deserializeEditorState;exports.formatFileSize=e.formatFileSize;exports.fromMediaArray=e.fromMediaArray;exports.getFileExtension=e.getFileExtension;exports.getImageDimensions=e.getImageDimensions;exports.getMediablesAdapter=e.getMediablesAdapter;exports.getSpatieAdapter=e.getSpatieAdapter;exports.isImageFile=e.isImageFile;exports.normalizeEditorState=e.normalizeEditorState;exports.normalizeRecipeForServerRender=e.normalizeRecipeForServerRender;exports.recipeHasServerRenderableEdits=e.recipeHasServerRenderableEdits;exports.recipeHasUnsupportedServerEdits=e.recipeHasUnsupportedServerEdits;exports.resetMediablesAdapter=e.resetMediablesAdapter;exports.resetSpatieAdapter=e.resetSpatieAdapter;exports.restoreMediaStoreConfig=e.restoreMediaStoreConfig;exports.serializeEditorState=e.serializeEditorState;exports.snapshotMediaStoreConfig=e.snapshotMediaStoreConfig;exports.toFormValues=e.toFormValues;exports.useAdminMediaStore=e.useAdminMediaStore;exports.useAlbumDragDrop=e.useAlbumDragDrop;exports.useAlbumStore=e.useAlbumStore;exports.useAlbums=e.useAlbums;exports.useGlobalImageEditor=e.useGlobalImageEditor;exports.useImageEditorModal=e.useImageEditorModal;exports.useMediaAttachment=e.useMediaAttachment;exports.useMediaCollection=e.useMediaCollection;exports.useMediaDragSort=e.useMediaDragSort;exports.useMediaStore=e.useMediaStore;exports.useMediaUploadQueue=e.useMediaUploadQueue;exports.useMediaValidation=e.useMediaValidation;exports.validateFile=e.validateFile;exports.VanillaImageEditor=i.VanillaImageEditor;exports.getAllCategories=i.getAllCategories;exports.getAllFilters=i.getAllFilters;exports.getFilter=i.getFilter;exports.getFiltersByCategory=i.getFiltersByCategory;exports.hasFilter=i.hasFilter;exports.initializeFilterRegistry=i.initializeFilterRegistry;exports.registerFilter=i.registerFilter;
|
|
2
2
|
//# sourceMappingURL=mediables-vue.cjs.map
|
package/dist/mediables-vue.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { w as s, x as i, y as r, v as t, I as o, d, L as l, f as n, Q as m, R as g, N as M, P as p, O as u, _ as S, S as A, e as c, g as E, h as b, V as F, i as V, l as C, o as y, n as I, j as f, k as v, m as z, a as h, c as D, a3 as P, G as x, C as R, a4 as T, a7 as G, F as H, Z as U, ab as B, $ as k, a1 as w, a5 as J, a8 as L, a0 as Q, D as W, p as j, q, t as K, a6 as N, a9 as O, r as X, E as Y, s as Z, aa as _, b as $, J as ee, K as ae, H as se, B as ie, z as re, U as te, T as oe, X as de, u as le, W as ne, Y as me, a2 as ge } from "./index-
|
|
2
|
-
import { V as pe, c as ue, g as Se, a as Ae, b as ce, h as Ee, i as be, r as Fe } from "./editor-
|
|
1
|
+
import { w as s, x as i, y as r, v as t, I as o, d, L as l, f as n, Q as m, R as g, N as M, P as p, O as u, _ as S, S as A, e as c, g as E, h as b, V as F, i as V, l as C, o as y, n as I, j as f, k as v, m as z, a as h, c as D, a3 as P, G as x, C as R, a4 as T, a7 as G, F as H, Z as U, ab as B, $ as k, a1 as w, a5 as J, a8 as L, a0 as Q, D as W, p as j, q, t as K, a6 as N, a9 as O, r as X, E as Y, s as Z, aa as _, b as $, J as ee, K as ae, H as se, B as ie, z as re, U as te, T as oe, X as de, u as le, W as ne, Y as me, a2 as ge } from "./index-JKTSyJp3.js";
|
|
2
|
+
import { V as pe, c as ue, g as Se, a as Ae, b as ce, h as Ee, i as be, r as Fe } from "./editor-BfdrdqUU.js";
|
|
3
3
|
export {
|
|
4
4
|
s as AlbumBrowser,
|
|
5
5
|
i as AlbumManager,
|
|
@@ -71062,16 +71062,36 @@ function toBase64(buffer) {
|
|
|
71062
71062
|
}
|
|
71063
71063
|
return btoa(binary);
|
|
71064
71064
|
}
|
|
71065
|
+
async function ensureFrameDecoded(video) {
|
|
71066
|
+
return new Promise((resolve) => {
|
|
71067
|
+
let resolved = false;
|
|
71068
|
+
const rvfcId = video.requestVideoFrameCallback(() => {
|
|
71069
|
+
if (!resolved) {
|
|
71070
|
+
resolved = true;
|
|
71071
|
+
resolve();
|
|
71072
|
+
}
|
|
71073
|
+
});
|
|
71074
|
+
requestAnimationFrame(() => {
|
|
71075
|
+
requestAnimationFrame(() => {
|
|
71076
|
+
if (!resolved) {
|
|
71077
|
+
resolved = true;
|
|
71078
|
+
video.cancelVideoFrameCallback(rvfcId);
|
|
71079
|
+
resolve();
|
|
71080
|
+
}
|
|
71081
|
+
});
|
|
71082
|
+
});
|
|
71083
|
+
});
|
|
71084
|
+
}
|
|
71065
71085
|
function seekVideo(video, timeSec) {
|
|
71066
71086
|
return new Promise((resolve, reject) => {
|
|
71067
71087
|
if (Math.abs(video.currentTime - timeSec) < 1e-3) {
|
|
71068
|
-
|
|
71088
|
+
ensureFrameDecoded(video).then(resolve, resolve);
|
|
71069
71089
|
return;
|
|
71070
71090
|
}
|
|
71071
71091
|
const onSeeked = () => {
|
|
71072
71092
|
video.removeEventListener("seeked", onSeeked);
|
|
71073
71093
|
video.removeEventListener("error", onError);
|
|
71074
|
-
|
|
71094
|
+
ensureFrameDecoded(video).then(resolve, resolve);
|
|
71075
71095
|
};
|
|
71076
71096
|
const onError = () => {
|
|
71077
71097
|
video.removeEventListener("seeked", onSeeked);
|
|
@@ -71199,11 +71219,16 @@ async function main() {
|
|
|
71199
71219
|
});
|
|
71200
71220
|
const container = document.getElementById("pixi-container");
|
|
71201
71221
|
container.appendChild(app.canvas);
|
|
71202
|
-
const videoTexture = Texture$2.from(video);
|
|
71203
|
-
const sprite = new Sprite$1(videoTexture);
|
|
71204
71222
|
const fitMode = resolveFitMode(recipe);
|
|
71205
71223
|
const sourceWidth = video.videoWidth > 0 ? video.videoWidth : ((_a = recipe.source) == null ? void 0 : _a.original_width) && recipe.source.original_width > 0 ? recipe.source.original_width : width;
|
|
71206
71224
|
const sourceHeight = video.videoHeight > 0 ? video.videoHeight : ((_b = recipe.source) == null ? void 0 : _b.original_height) && recipe.source.original_height > 0 ? recipe.source.original_height : height;
|
|
71225
|
+
const sourceCanvas = document.createElement("canvas");
|
|
71226
|
+
sourceCanvas.width = sourceWidth;
|
|
71227
|
+
sourceCanvas.height = sourceHeight;
|
|
71228
|
+
const sourceCtx = sourceCanvas.getContext("2d", { willReadFrequently: true });
|
|
71229
|
+
if (!sourceCtx) throw new Error("Failed to create 2D context for source extraction");
|
|
71230
|
+
const videoTexture = Texture$2.from(sourceCanvas);
|
|
71231
|
+
const sprite = new Sprite$1(videoTexture);
|
|
71207
71232
|
const scaleX = width / sourceWidth;
|
|
71208
71233
|
const scaleY = height / sourceHeight;
|
|
71209
71234
|
let scale = 1;
|
|
@@ -71318,8 +71343,13 @@ async function main() {
|
|
|
71318
71343
|
for (let frame = 0; frame < totalFrames; frame++) {
|
|
71319
71344
|
const timeSec = trimStart + frame / fps;
|
|
71320
71345
|
await seekVideo(video, timeSec);
|
|
71346
|
+
sourceCtx.drawImage(video, 0, 0, sourceWidth, sourceHeight);
|
|
71321
71347
|
videoTexture.source.update();
|
|
71322
71348
|
app.render();
|
|
71349
|
+
const gl = app.renderer.gl;
|
|
71350
|
+
if (gl) {
|
|
71351
|
+
gl.finish();
|
|
71352
|
+
}
|
|
71323
71353
|
targetCtx.clearRect(0, 0, width, height);
|
|
71324
71354
|
targetCtx.drawImage(app.canvas, 0, 0, width, height);
|
|
71325
71355
|
const timestamp = Math.floor(frame / fps * 1e6);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
body { margin: 0; background: #000; overflow: hidden; }
|
|
10
10
|
#render-canvas { display: block; }
|
|
11
11
|
</style>
|
|
12
|
-
<script type="module" crossorigin src="/assets/index-
|
|
12
|
+
<script type="module" crossorigin src="/assets/index-ZZVWF3LA.js"></script>
|
|
13
13
|
</head>
|
|
14
14
|
<body>
|
|
15
15
|
<video id="source-video" crossorigin="anonymous" preload="auto" muted playsinline></video>
|