capacitor-native-video-compressor 1.2.0 → 2.1.0
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/README.md +53 -33
- package/android/build.gradle +6 -4
- package/android/src/main/AndroidManifest.xml +8 -17
- package/android/src/main/java/com/atomic/videocompressor/NativeVideoCompressor.java +134 -4
- package/android/src/main/java/com/atomic/videocompressor/NativeVideoCompressorPlugin.java +385 -122
- package/android/src/main/java/com/atomic/videocompressor/VideoCompressionWorker.java +134 -0
- package/dist/docs.json +24 -24
- package/dist/esm/definitions.d.ts +52 -9
- package/dist/esm/definitions.js +14 -0
- package/dist/esm/definitions.js.map +1 -1
- package/dist/esm/opfs-output.d.ts +7 -0
- package/dist/esm/opfs-output.js +94 -0
- package/dist/esm/opfs-output.js.map +1 -0
- package/dist/esm/web.d.ts +21 -3
- package/dist/esm/web.js +194 -129
- package/dist/esm/web.js.map +1 -1
- package/dist/plugin.cjs.js +306 -128
- package/dist/plugin.cjs.js.map +1 -1
- package/dist/plugin.js +307 -129
- package/dist/plugin.js.map +1 -1
- package/ios/Sources/NativeVideoCompressorPlugin/NativeVideoCompressor.swift +34 -0
- package/ios/Sources/NativeVideoCompressorPlugin/NativeVideoCompressorPlugin.swift +118 -79
- package/ios/Tests/NativeVideoCompressorPluginTests/NativeVideoCompressorTests.swift +44 -0
- package/package.json +9 -4
- package/android/src/main/java/com/atomic/videocompressor/VideoCompressionService.java +0 -310
package/dist/plugin.cjs.js
CHANGED
|
@@ -11,40 +11,186 @@ var mediabunny = require('mediabunny');
|
|
|
11
11
|
* retry prompt — and tell it apart from a genuine compression failure.
|
|
12
12
|
*/
|
|
13
13
|
const CANCELLED = 'CANCELLED';
|
|
14
|
+
/**
|
|
15
|
+
* `code` on the error `compressVideo` rejects with on web when WebCodecs can't
|
|
16
|
+
* encode the video and it is larger than 200 MB, the cap for the ffmpeg.wasm
|
|
17
|
+
* fallback. ffmpeg.wasm copies the whole input into wasm memory (~2 GB
|
|
18
|
+
* ceiling), so a large file there crashes or hangs the tab rather than failing
|
|
19
|
+
* cleanly.
|
|
20
|
+
*/
|
|
21
|
+
const TOO_LARGE_FOR_WEB = 'TOO_LARGE_FOR_WEB';
|
|
22
|
+
/**
|
|
23
|
+
* `code` on the error `compressVideo` rejects with on web when the browser
|
|
24
|
+
* refuses to store more of the output (storage quota). Retryable once space
|
|
25
|
+
* is freed.
|
|
26
|
+
*/
|
|
27
|
+
const STORAGE_FULL = 'STORAGE_FULL';
|
|
14
28
|
|
|
15
29
|
const NativeVideoCompressor = core.registerPlugin('NativeVideoCompressor', {
|
|
16
30
|
web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.NativeVideoCompressorWeb()),
|
|
17
31
|
});
|
|
18
32
|
|
|
19
33
|
/**
|
|
20
|
-
*
|
|
34
|
+
* WebCodecs output goes to the origin private file system so a long video
|
|
35
|
+
* never sits whole in memory. The File handed back stays readable only while
|
|
36
|
+
* its OPFS entry exists, and callers keep it well past `compressVideo` (until
|
|
37
|
+
* the upload is done, or longer for a retry), so a successful output stays
|
|
38
|
+
* until the caller releases it with `finishUpload({ jobId })` or the tab
|
|
39
|
+
* closes. Each tab writes under its own directory and holds a Web Lock named
|
|
40
|
+
* after it for its whole life; every compress removes the directories whose
|
|
41
|
+
* lock nobody holds any more, i.e. those of closed tabs. A failed or cancelled
|
|
42
|
+
* job deletes its own file straight away.
|
|
43
|
+
*/
|
|
44
|
+
const OPFS_ROOT = 'native-video-compressor';
|
|
45
|
+
const lockName = (tabId) => `${OPFS_ROOT}:${tabId}`;
|
|
46
|
+
let tabId = null;
|
|
47
|
+
const getTabId = () => (tabId !== null && tabId !== void 0 ? tabId : (tabId = crypto.randomUUID()));
|
|
48
|
+
let fileCount = 0;
|
|
49
|
+
// Memoised apart from the directories: they are reopened after site data is
|
|
50
|
+
// cleared, but this tab still holds its lock, and requesting it again would
|
|
51
|
+
// wait forever on ourselves.
|
|
52
|
+
let tabLock = null;
|
|
53
|
+
let tabDirsPromise = null;
|
|
54
|
+
// A rejected request (e.g. a sandboxed iframe) rejects here, so openTabDirs
|
|
55
|
+
// fails and the caller buffers in memory instead of waiting forever.
|
|
56
|
+
const holdTabLock = () => new Promise((granted, rejected) => {
|
|
57
|
+
navigator.locks
|
|
58
|
+
.request(lockName(getTabId()), () => {
|
|
59
|
+
granted();
|
|
60
|
+
return new Promise(() => undefined);
|
|
61
|
+
})
|
|
62
|
+
.catch(rejected);
|
|
63
|
+
});
|
|
64
|
+
const sweepClosedTabs = async (base) => {
|
|
65
|
+
// Names first, locks second: a tab that creates its directory between the two
|
|
66
|
+
// reads already holds its lock, so it is never mistaken for a closed one.
|
|
67
|
+
const names = [];
|
|
68
|
+
for await (const name of base.keys())
|
|
69
|
+
names.push(name);
|
|
70
|
+
const { held = [] } = await navigator.locks.query();
|
|
71
|
+
const live = new Set(held.map((l) => l.name));
|
|
72
|
+
for (const name of names) {
|
|
73
|
+
if (!live.has(lockName(name)))
|
|
74
|
+
await base.removeEntry(name, { recursive: true }).catch(() => undefined);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
const openTabDirs = async () => {
|
|
78
|
+
const base = await (await navigator.storage.getDirectory()).getDirectoryHandle(OPFS_ROOT, { create: true });
|
|
79
|
+
if (navigator.locks) {
|
|
80
|
+
await (tabLock !== null && tabLock !== void 0 ? tabLock : (tabLock = holdTabLock().catch((e) => {
|
|
81
|
+
tabLock = null;
|
|
82
|
+
throw e;
|
|
83
|
+
})));
|
|
84
|
+
}
|
|
85
|
+
return { base, dir: await base.getDirectoryHandle(getTabId(), { create: true }) };
|
|
86
|
+
};
|
|
87
|
+
/** Null when OPFS or `createWritable` (missing on Safari's main thread) isn't there. */
|
|
88
|
+
const createOpfsOutput = async () => {
|
|
89
|
+
var _a;
|
|
90
|
+
try {
|
|
91
|
+
if (typeof navigator === 'undefined' || !((_a = navigator.storage) === null || _a === void 0 ? void 0 : _a.getDirectory))
|
|
92
|
+
return null;
|
|
93
|
+
const { base, dir } = await (tabDirsPromise !== null && tabDirsPromise !== void 0 ? tabDirsPromise : (tabDirsPromise = openTabDirs().catch((e) => {
|
|
94
|
+
tabDirsPromise = null;
|
|
95
|
+
throw e;
|
|
96
|
+
})));
|
|
97
|
+
// Without Web Locks another tab's live files can't be told apart: no sweep.
|
|
98
|
+
if (navigator.locks)
|
|
99
|
+
await sweepClosedTabs(base).catch(() => undefined);
|
|
100
|
+
const name = `${++fileCount}.mp4`;
|
|
101
|
+
const handle = await dir.getFileHandle(name, { create: true }).catch((e) => {
|
|
102
|
+
// The directory was removed under us (site data cleared): reopen it next time.
|
|
103
|
+
if ((e === null || e === void 0 ? void 0 : e.name) === 'NotFoundError')
|
|
104
|
+
tabDirsPromise = null;
|
|
105
|
+
throw e;
|
|
106
|
+
});
|
|
107
|
+
if (typeof handle.createWritable !== 'function') {
|
|
108
|
+
await dir.removeEntry(name).catch(() => undefined);
|
|
109
|
+
return null;
|
|
110
|
+
}
|
|
111
|
+
const writable = await handle.createWritable();
|
|
112
|
+
const discard = async () => {
|
|
113
|
+
// Rejects harmlessly once mediabunny holds the writer; it closes it then.
|
|
114
|
+
await writable.abort().catch(() => undefined);
|
|
115
|
+
await dir.removeEntry(name).catch(() => undefined);
|
|
116
|
+
};
|
|
117
|
+
// OPFS files carry no MIME type, and callers derive the extension from it.
|
|
118
|
+
const read = async () => (await handle.getFile()).slice(0, undefined, 'video/mp4');
|
|
119
|
+
return { writable, read, discard };
|
|
120
|
+
}
|
|
121
|
+
catch (e) {
|
|
122
|
+
console.warn('[compress] OPFS unavailable, buffering output in memory:', e);
|
|
123
|
+
return null;
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Rejection shape for every coded failure. `code` matches what `call.reject`
|
|
21
129
|
* puts on the error object on iOS/Android, so one `error.code === 'CANCELLED'`
|
|
22
|
-
* check works on every platform
|
|
130
|
+
* check works on every platform and on both web engines below.
|
|
23
131
|
*/
|
|
24
|
-
class
|
|
25
|
-
constructor() {
|
|
26
|
-
super(
|
|
27
|
-
this.code =
|
|
28
|
-
this.name = '
|
|
132
|
+
class CompressError extends Error {
|
|
133
|
+
constructor(code, message) {
|
|
134
|
+
super(message);
|
|
135
|
+
this.code = code;
|
|
136
|
+
this.name = 'CompressError';
|
|
29
137
|
}
|
|
30
138
|
}
|
|
139
|
+
const cancelledError = () => new CompressError(CANCELLED, 'Đã hủy nén');
|
|
140
|
+
const isQuotaError = (e) => {
|
|
141
|
+
const { name, cause } = (e !== null && e !== void 0 ? e : {});
|
|
142
|
+
return name === 'QuotaExceededError' || (!!cause && isQuotaError(cause));
|
|
143
|
+
};
|
|
144
|
+
/** ffmpeg.wasm copies the whole input into wasm memory (~2 GB ceiling). */
|
|
145
|
+
const MAX_FFMPEG_INPUT_BYTES = 200 * 1024 * 1024;
|
|
31
146
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
147
|
+
* Per quality tier. `shortSide` caps the shorter display side, so portrait and
|
|
148
|
+
* landscape get the same box as on iOS. WebCodecs: that + a bitrate ceiling; the quantizer
|
|
149
|
+
* (constant 26, CRF-like) drives quality where the encoder honours it, but
|
|
150
|
+
* H.264 on most browsers is bitrate-driven, so `bitrate` is the real knob.
|
|
151
|
+
* ffmpeg: same short side, `crf` and `audioBitrate`. fps is capped to 30 at call
|
|
152
|
+
* time (never upsampled). On WebCodecs audio is left to mediabunny, which
|
|
153
|
+
* re-encodes to AAC for the MP4 container.
|
|
37
154
|
*/
|
|
38
|
-
const
|
|
39
|
-
VERY_HIGH: {
|
|
40
|
-
HIGH: {
|
|
41
|
-
MEDIUM: {
|
|
42
|
-
LOW: {
|
|
43
|
-
'360P': {
|
|
44
|
-
VERY_LOW: {
|
|
155
|
+
const QUALITY_LADDER = {
|
|
156
|
+
VERY_HIGH: { shortSide: 1080, bitrate: 4000000, crf: 23, audioBitrate: '128k' },
|
|
157
|
+
HIGH: { shortSide: 720, bitrate: 2000000, crf: 28, audioBitrate: '128k' },
|
|
158
|
+
MEDIUM: { shortSide: 540, bitrate: 1200000, crf: 30, audioBitrate: '96k' },
|
|
159
|
+
LOW: { shortSide: 480, bitrate: 1000000, crf: 32, audioBitrate: '96k' },
|
|
160
|
+
'360P': { shortSide: 360, bitrate: 700000, crf: 28, audioBitrate: '64k' },
|
|
161
|
+
VERY_LOW: { shortSide: 240, bitrate: 350000, crf: 35, audioBitrate: '48k' },
|
|
45
162
|
};
|
|
46
163
|
const WEBCODECS_QUANTIZER = 26;
|
|
164
|
+
// Never upscales. Mediabunny derives the other side from the aspect ratio and rounds both up to even.
|
|
165
|
+
const webCodecsSize = (displayWidth, displayHeight, shortSide) => {
|
|
166
|
+
const side = Math.min(shortSide, displayWidth, displayHeight);
|
|
167
|
+
return displayHeight > displayWidth ? { width: side } : { height: side };
|
|
168
|
+
};
|
|
169
|
+
// iw/ih are post-autorotate here: ffmpeg inserts the transpose ahead of -vf.
|
|
170
|
+
// Never upscales; trunc keeps an odd source side even for libx264.
|
|
171
|
+
const ffmpegScaleFilter = (shortSide) => `scale=w='if(gt(iw,ih),-2,min(${shortSide},trunc(iw/2)*2))':h='if(gt(iw,ih),min(${shortSide},trunc(ih/2)*2),-2)'`;
|
|
47
172
|
const FPS_CAP = 30;
|
|
173
|
+
const MIN_VIDEO_BITRATE = 200000;
|
|
174
|
+
// A lean source re-encoded at the tier bitrate comes out larger than it went in.
|
|
175
|
+
// The floor stops a broken source estimate from producing an unwatchable file.
|
|
176
|
+
const capBitrate = (target, sourceBitrate, floor, headroom = 1) => sourceBitrate && sourceBitrate > 0 ? Math.min(target, Math.max(floor, Math.round(sourceBitrate * headroom))) : target;
|
|
177
|
+
// H.264 needs about 1.5x the bitrate of these codecs for the same picture.
|
|
178
|
+
const codecHeadroom = (codec) => codec === 'hevc' || codec === 'vp9' || codec === 'av1' ? 1.5 : 1;
|
|
179
|
+
// Cap fps at 30, but never upsample. A failed probe leaves the source rate and bitrate untouched.
|
|
180
|
+
const probeVideoStats = async (track) => {
|
|
181
|
+
try {
|
|
182
|
+
const stats = await (track === null || track === void 0 ? void 0 : track.computePacketStats(100));
|
|
183
|
+
if (!stats)
|
|
184
|
+
return {};
|
|
185
|
+
return {
|
|
186
|
+
frameRate: stats.averagePacketRate > 0 ? Math.min(FPS_CAP, Math.round(stats.averagePacketRate)) : undefined,
|
|
187
|
+
bitrate: stats.averageBitrate,
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
catch (_a) {
|
|
191
|
+
return {};
|
|
192
|
+
}
|
|
193
|
+
};
|
|
48
194
|
const CORE_BASE_URL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/esm';
|
|
49
195
|
/**
|
|
50
196
|
* Cancelling means terminating the worker, which drops the loaded core with
|
|
@@ -77,28 +223,42 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
77
223
|
this.isLoaded = false;
|
|
78
224
|
/** The mediabunny conversion running now, so `cancel()` can abort it. */
|
|
79
225
|
this.activeConversion = null;
|
|
80
|
-
/** The job `compressVideo` is running right now,
|
|
81
|
-
this.
|
|
226
|
+
/** The job `compressVideo` is running right now; a fresh object per call, so two calls never look alike. */
|
|
227
|
+
this.currentJob = null;
|
|
82
228
|
this.cancelRequested = false;
|
|
229
|
+
/** Kept OPFS outputs by jobId, deleted by `finishUpload`. */
|
|
230
|
+
this.keptOutputs = new Map();
|
|
83
231
|
}
|
|
84
232
|
async initialize() {
|
|
85
|
-
//
|
|
86
|
-
// to warm. Eagerly loading the ffmpeg core here would pull ~30 MB for a
|
|
87
|
-
// path most compresses never take. The fallback lazy-loads its core on
|
|
88
|
-
// first use. Kept as a resolving no-op so callers that await it still pass.
|
|
233
|
+
// No-op: preloading the ~30 MB ffmpeg core would cost most compresses a download they never use.
|
|
89
234
|
return { success: true, message: 'ready' };
|
|
90
235
|
}
|
|
236
|
+
async finishUpload({ jobId }) {
|
|
237
|
+
const output = this.keptOutputs.get(jobId);
|
|
238
|
+
if (!output)
|
|
239
|
+
return { released: false };
|
|
240
|
+
this.keptOutputs.delete(jobId);
|
|
241
|
+
await output.discard();
|
|
242
|
+
return { released: true };
|
|
243
|
+
}
|
|
91
244
|
async compressVideo(options) {
|
|
92
245
|
var _a, _b;
|
|
93
|
-
|
|
246
|
+
const job = { id: (_a = options.jobId) !== null && _a !== void 0 ? _a : 'default' };
|
|
247
|
+
if (this.currentJob)
|
|
248
|
+
this.stopEngines();
|
|
249
|
+
this.currentJob = job;
|
|
94
250
|
this.cancelRequested = false;
|
|
251
|
+
// A job the caller gave up on (e.g. a stall timeout) runs on until its next
|
|
252
|
+
// await returns. Once another job has started, the shared flags above speak
|
|
253
|
+
// for that job, not this one, so a superseded job counts as cancelled.
|
|
254
|
+
const isSuperseded = () => this.currentJob !== job;
|
|
95
255
|
// Checked at every stage boundary, not just around the encode: cancelling
|
|
96
256
|
// an engine only reaches work already handed to it, so a cancel during the
|
|
97
257
|
// source fetch or before init has nothing to interrupt and would otherwise
|
|
98
258
|
// let the compress carry on as if nothing had happened.
|
|
99
259
|
const throwIfCancelled = () => {
|
|
100
|
-
if (this.cancelRequested)
|
|
101
|
-
throw
|
|
260
|
+
if (this.cancelRequested || isSuperseded())
|
|
261
|
+
throw cancelledError();
|
|
102
262
|
};
|
|
103
263
|
try {
|
|
104
264
|
throwIfCancelled();
|
|
@@ -107,18 +267,22 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
107
267
|
const quality = (_b = options.quality) !== null && _b !== void 0 ? _b : 'MEDIUM';
|
|
108
268
|
if (await this.canUseWebCodecs(quality)) {
|
|
109
269
|
try {
|
|
110
|
-
const result = await this.compressWithWebCodecs(blob, quality, throwIfCancelled);
|
|
270
|
+
const result = await this.compressWithWebCodecs(blob, quality, job.id, throwIfCancelled);
|
|
111
271
|
if (result)
|
|
112
272
|
return result;
|
|
113
|
-
// null → conversion invalid / tracks discarded → fall back to ffmpeg.
|
|
114
273
|
}
|
|
115
274
|
catch (e) {
|
|
116
275
|
if ((e === null || e === void 0 ? void 0 : e.code) === CANCELLED)
|
|
117
276
|
throw e; // user cancel: never fall back
|
|
277
|
+
// Not to ffmpeg either: it needs even more room, and its size cap would misreport this as TOO_LARGE_FOR_WEB.
|
|
278
|
+
if (isQuotaError(e))
|
|
279
|
+
throw new CompressError(STORAGE_FULL, 'Không đủ dung lượng lưu trữ để nén video');
|
|
118
280
|
console.warn('[compress] WebCodecs failed, falling back to ffmpeg:', e);
|
|
119
|
-
throwIfCancelled();
|
|
120
281
|
}
|
|
121
282
|
}
|
|
283
|
+
throwIfCancelled();
|
|
284
|
+
if (blob.size > MAX_FFMPEG_INPUT_BYTES)
|
|
285
|
+
throw new CompressError(TOO_LARGE_FOR_WEB, 'Video quá lớn để nén trên trình duyệt này');
|
|
122
286
|
return await this.compressWithFfmpeg(blob, quality, throwIfCancelled);
|
|
123
287
|
}
|
|
124
288
|
catch (error) {
|
|
@@ -131,9 +295,11 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
131
295
|
throw error;
|
|
132
296
|
}
|
|
133
297
|
finally {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
298
|
+
if (!isSuperseded()) {
|
|
299
|
+
this.currentJob = null;
|
|
300
|
+
this.cancelRequested = false;
|
|
301
|
+
this.activeConversion = null;
|
|
302
|
+
}
|
|
137
303
|
}
|
|
138
304
|
}
|
|
139
305
|
/**
|
|
@@ -141,30 +307,33 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
141
307
|
* so acting on both is safe.
|
|
142
308
|
*
|
|
143
309
|
* WebCodecs: `conversion.cancel()` makes the in-flight `execute()` reject
|
|
144
|
-
* with `ConversionCanceledError`, surfaced as a `
|
|
310
|
+
* with `ConversionCanceledError`, surfaced as a CANCELLED `CompressError` below.
|
|
145
311
|
* ffmpeg: `exec()` runs synchronously inside the worker and never reaches a
|
|
146
312
|
* message poll while encoding, so `worker.terminate()` is the only way to
|
|
147
313
|
* stop it — its cost is the loaded core, which is why the core URLs are
|
|
148
314
|
* cached above.
|
|
149
315
|
*/
|
|
150
316
|
async cancel(options) {
|
|
151
|
-
|
|
152
|
-
if (!this.currentJobId)
|
|
317
|
+
if (!this.currentJob)
|
|
153
318
|
return { cancelled: false };
|
|
154
|
-
if ((options === null || options === void 0 ? void 0 : options.jobId) && options.jobId !== this.
|
|
319
|
+
if ((options === null || options === void 0 ? void 0 : options.jobId) && options.jobId !== this.currentJob.id)
|
|
155
320
|
return { cancelled: false };
|
|
156
321
|
// Set even when neither engine exists yet: the job may still be fetching
|
|
157
322
|
// the source or inside loadFFmpeg, which read this flag at their boundaries.
|
|
158
323
|
this.cancelRequested = true;
|
|
324
|
+
this.stopEngines();
|
|
325
|
+
return { cancelled: true };
|
|
326
|
+
}
|
|
327
|
+
stopEngines() {
|
|
328
|
+
var _a;
|
|
159
329
|
const conversion = this.activeConversion;
|
|
160
330
|
this.activeConversion = null;
|
|
161
|
-
// Fire-and-forget: the
|
|
331
|
+
// Fire-and-forget: the CANCELLED error surfaces from the execute() rejection,
|
|
162
332
|
// not from here; awaiting would only make cancel() slower.
|
|
163
333
|
conversion === null || conversion === void 0 ? void 0 : conversion.cancel().catch(() => undefined);
|
|
164
334
|
(_a = this.ffmpeg) === null || _a === void 0 ? void 0 : _a.terminate();
|
|
165
335
|
this.ffmpeg = null;
|
|
166
336
|
this.isLoaded = false;
|
|
167
|
-
return { cancelled: true };
|
|
168
337
|
}
|
|
169
338
|
async fetchSourceBlob(sourcePath) {
|
|
170
339
|
try {
|
|
@@ -178,8 +347,9 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
178
347
|
}
|
|
179
348
|
async canUseWebCodecs(quality) {
|
|
180
349
|
try {
|
|
181
|
-
const { bitrate } =
|
|
350
|
+
const { bitrate } = QUALITY_LADDER[quality];
|
|
182
351
|
return await mediabunny.canEncodeVideo('avc', {
|
|
352
|
+
hardwareAcceleration: 'no-preference',
|
|
183
353
|
quality: new mediabunny.Quality({ quantizer: WEBCODECS_QUANTIZER, bitrate }),
|
|
184
354
|
});
|
|
185
355
|
}
|
|
@@ -187,71 +357,104 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
187
357
|
return false;
|
|
188
358
|
}
|
|
189
359
|
}
|
|
190
|
-
async compressWithWebCodecs(blob, quality, throwIfCancelled) {
|
|
191
|
-
const
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
// A failed probe just omits frameRate, leaving the source rate untouched.
|
|
196
|
-
let frameRate;
|
|
360
|
+
async compressWithWebCodecs(blob, quality, jobId, throwIfCancelled) {
|
|
361
|
+
const opfs = await createOpfsOutput();
|
|
362
|
+
console.debug(`[compress] engine=webcodecs target=${opfs ? 'opfs' : 'buffer'}`);
|
|
363
|
+
let output;
|
|
364
|
+
let kept = false;
|
|
197
365
|
try {
|
|
198
|
-
const
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
366
|
+
const input = new mediabunny.Input({ formats: mediabunny.ALL_FORMATS, source: new mediabunny.BlobSource(blob) });
|
|
367
|
+
output = new mediabunny.Output({
|
|
368
|
+
format: new mediabunny.Mp4OutputFormat(),
|
|
369
|
+
target: opfs ? new mediabunny.StreamTarget(opfs.writable, { chunked: true }) : new mediabunny.BufferTarget(),
|
|
370
|
+
});
|
|
371
|
+
if (!(await this.runConversion(input, output, QUALITY_LADDER[quality], throwIfCancelled)))
|
|
372
|
+
return null;
|
|
373
|
+
let outBlob;
|
|
374
|
+
if (opfs) {
|
|
375
|
+
outBlob = await opfs.read();
|
|
204
376
|
}
|
|
377
|
+
else {
|
|
378
|
+
const buffer = output.target.buffer;
|
|
379
|
+
if (!buffer)
|
|
380
|
+
throw new Error('WebCodecs produced no output');
|
|
381
|
+
outBlob = new Blob([buffer], { type: 'video/mp4' });
|
|
382
|
+
}
|
|
383
|
+
kept = true;
|
|
384
|
+
if (opfs)
|
|
385
|
+
this.keptOutputs.set(jobId, opfs);
|
|
386
|
+
return { success: true, destPath: URL.createObjectURL(outBlob) };
|
|
205
387
|
}
|
|
206
|
-
|
|
207
|
-
|
|
388
|
+
finally {
|
|
389
|
+
if (!kept) {
|
|
390
|
+
// Closes the writable first, which otherwise keeps the entry locked against removal.
|
|
391
|
+
await (output === null || output === void 0 ? void 0 : output.cancel().catch(() => undefined));
|
|
392
|
+
await (opfs === null || opfs === void 0 ? void 0 : opfs.discard());
|
|
393
|
+
}
|
|
208
394
|
}
|
|
395
|
+
}
|
|
396
|
+
/** False when mediabunny can't convert this input. */
|
|
397
|
+
async runConversion(input, output, { shortSide, bitrate }, throwIfCancelled) {
|
|
398
|
+
const track = await input.getPrimaryVideoTrack();
|
|
399
|
+
const { frameRate, bitrate: sourceBitrate } = await probeVideoStats(track);
|
|
400
|
+
const size = track ? webCodecsSize(await track.getDisplayWidth(), await track.getDisplayHeight(), shortSide) : {};
|
|
209
401
|
throwIfCancelled();
|
|
210
402
|
const conversion = await mediabunny.Conversion.init({
|
|
211
403
|
input,
|
|
212
404
|
output,
|
|
213
|
-
video:
|
|
405
|
+
video: {
|
|
406
|
+
...size,
|
|
407
|
+
quality: new mediabunny.Quality({
|
|
408
|
+
quantizer: WEBCODECS_QUANTIZER,
|
|
409
|
+
bitrate: capBitrate(bitrate, sourceBitrate, MIN_VIDEO_BITRATE, codecHeadroom(track === null || track === void 0 ? void 0 : track.codec)),
|
|
410
|
+
}),
|
|
411
|
+
// Not 'prefer-hardware': machines without a hardware H.264 encoder
|
|
412
|
+
// (Linux, VMs, headless) then fail mid-encode and drop to ffmpeg.wasm.
|
|
413
|
+
// The browser still picks the hardware encoder when it has one, and the
|
|
414
|
+
// canEncodeVideo probe asks the same question, so probe and encode agree.
|
|
415
|
+
hardwareAcceleration: 'no-preference',
|
|
416
|
+
...(frameRate ? { frameRate } : {}),
|
|
417
|
+
},
|
|
418
|
+
// The default copies the input's raw udta metadata tags, GPS location included.
|
|
419
|
+
tags: {},
|
|
214
420
|
});
|
|
215
421
|
if (!conversion.isValid) {
|
|
216
422
|
console.warn('[compress] WebCodecs conversion invalid:', conversion.discardedTracks.map((t) => t.reason));
|
|
217
|
-
return
|
|
423
|
+
return false;
|
|
218
424
|
}
|
|
425
|
+
throwIfCancelled();
|
|
219
426
|
this.activeConversion = conversion;
|
|
220
427
|
this.notifyListeners('onProgress', { status: 'started', percent: 0 });
|
|
221
428
|
conversion.onProgress = (progress) => {
|
|
222
|
-
this.
|
|
429
|
+
if (this.activeConversion === conversion)
|
|
430
|
+
this.notifyListeners('onProgress', { status: 'progress', percent: Math.round(progress * 100) });
|
|
223
431
|
};
|
|
224
|
-
throwIfCancelled();
|
|
225
432
|
try {
|
|
226
433
|
await conversion.execute();
|
|
227
434
|
}
|
|
228
435
|
catch (e) {
|
|
229
436
|
if (this.cancelRequested || e instanceof mediabunny.ConversionCanceledError)
|
|
230
|
-
throw
|
|
437
|
+
throw cancelledError();
|
|
231
438
|
throw e;
|
|
232
439
|
}
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
throw new Error('WebCodecs produced no output');
|
|
236
|
-
const outBlob = new Blob([buffer], { type: 'video/mp4' });
|
|
237
|
-
return { success: true, destPath: URL.createObjectURL(outBlob) };
|
|
440
|
+
throwIfCancelled();
|
|
441
|
+
return true;
|
|
238
442
|
}
|
|
239
|
-
async loadFFmpeg() {
|
|
443
|
+
async loadFFmpeg(throwIfCancelled) {
|
|
240
444
|
if (this.isLoaded && this.ffmpeg)
|
|
241
445
|
return;
|
|
446
|
+
throwIfCancelled();
|
|
242
447
|
this.notifyListeners('onProgress', { status: 'loading_core', percent: 0 });
|
|
243
|
-
//
|
|
244
|
-
// wanted. Assigning `this.ffmpeg` up front and setting `isLoaded` after the
|
|
245
|
-
// await left a window where a cancel could null the instance and the load,
|
|
246
|
-
// finishing a moment later, would set `isLoaded = true` on nothing at all —
|
|
247
|
-
// after which every compressVideo threw 'FFmpeg failed to load' for the
|
|
248
|
-
// rest of the page's life.
|
|
448
|
+
// Published only once loaded and still wanted, so a cancel mid-load can't leave `isLoaded` set on a dropped instance.
|
|
249
449
|
const instance = new ffmpeg.FFmpeg();
|
|
250
450
|
instance.on('progress', ({ progress }) => {
|
|
251
|
-
|
|
451
|
+
// Once published the instance serves every later job; before that, or
|
|
452
|
+
// after cancel() dropped it, its events belong to no job.
|
|
453
|
+
if (this.ffmpeg === instance)
|
|
454
|
+
this.notifyListeners('onProgress', { status: 'progress', percent: Math.round(progress * 100) });
|
|
252
455
|
});
|
|
253
456
|
instance.on('log', ({ message }) => {
|
|
254
|
-
console.
|
|
457
|
+
console.debug('[FFmpeg Log]', message);
|
|
255
458
|
});
|
|
256
459
|
try {
|
|
257
460
|
await instance.load(await loadCoreURLs());
|
|
@@ -263,16 +466,19 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
263
466
|
}
|
|
264
467
|
// Cancelled while this was loading. Terminate what we just built rather
|
|
265
468
|
// than publish it — the caller asked for none of it.
|
|
266
|
-
|
|
469
|
+
try {
|
|
470
|
+
throwIfCancelled();
|
|
471
|
+
}
|
|
472
|
+
catch (e) {
|
|
267
473
|
instance.terminate();
|
|
268
|
-
throw
|
|
474
|
+
throw e;
|
|
269
475
|
}
|
|
270
476
|
this.ffmpeg = instance;
|
|
271
477
|
this.isLoaded = true;
|
|
272
478
|
}
|
|
273
479
|
async compressWithFfmpeg(blob, quality, throwIfCancelled) {
|
|
274
480
|
if (!this.isLoaded) {
|
|
275
|
-
await this.loadFFmpeg();
|
|
481
|
+
await this.loadFFmpeg(throwIfCancelled);
|
|
276
482
|
}
|
|
277
483
|
throwIfCancelled();
|
|
278
484
|
if (!this.ffmpeg) {
|
|
@@ -280,72 +486,39 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
280
486
|
}
|
|
281
487
|
// Bound once. `this.ffmpeg` is nulled by cancel(), so reading it after any
|
|
282
488
|
// of the awaits below can hand back null on a reference the compiler
|
|
283
|
-
// narrowed here — surfacing a cancel as a TypeError, not a
|
|
489
|
+
// narrowed here — surfacing a cancel as a TypeError, not a CANCELLED error.
|
|
284
490
|
const ffmpeg = this.ffmpeg;
|
|
491
|
+
console.debug('[compress] engine=ffmpeg');
|
|
285
492
|
this.notifyListeners('onProgress', { status: 'started', percent: 0 });
|
|
286
493
|
const inputFileName = 'input.mp4';
|
|
287
494
|
const outputFileName = 'output.mp4';
|
|
288
|
-
|
|
289
|
-
let scale = '';
|
|
290
|
-
let audioBitrate = '128k';
|
|
291
|
-
switch (quality) {
|
|
292
|
-
case 'VERY_HIGH':
|
|
293
|
-
crf = '23';
|
|
294
|
-
scale = '-vf scale=-2:1080';
|
|
295
|
-
audioBitrate = '128k';
|
|
296
|
-
break;
|
|
297
|
-
case 'HIGH':
|
|
298
|
-
crf = '28';
|
|
299
|
-
scale = '-vf scale=-2:720';
|
|
300
|
-
audioBitrate = '128k';
|
|
301
|
-
break;
|
|
302
|
-
case 'MEDIUM':
|
|
303
|
-
crf = '30';
|
|
304
|
-
scale = '-vf scale=-2:540';
|
|
305
|
-
audioBitrate = '96k';
|
|
306
|
-
break;
|
|
307
|
-
case 'LOW':
|
|
308
|
-
crf = '32';
|
|
309
|
-
scale = '-vf scale=-2:480';
|
|
310
|
-
audioBitrate = '96k';
|
|
311
|
-
break;
|
|
312
|
-
case '360P':
|
|
313
|
-
crf = '28';
|
|
314
|
-
scale = '-vf scale=-2:360';
|
|
315
|
-
audioBitrate = '64k';
|
|
316
|
-
break;
|
|
317
|
-
case 'VERY_LOW':
|
|
318
|
-
crf = '35';
|
|
319
|
-
scale = '-vf scale=-2:240';
|
|
320
|
-
audioBitrate = '48k';
|
|
321
|
-
break;
|
|
322
|
-
}
|
|
495
|
+
const { shortSide, crf, audioBitrate } = QUALITY_LADDER[quality];
|
|
323
496
|
const inputData = new Uint8Array(await blob.arrayBuffer());
|
|
324
497
|
try {
|
|
325
498
|
await ffmpeg.writeFile(inputFileName, inputData);
|
|
326
499
|
}
|
|
327
500
|
catch (err) {
|
|
328
|
-
|
|
329
|
-
throw new CancelledError();
|
|
501
|
+
throwIfCancelled();
|
|
330
502
|
console.error('[FFmpeg] Error writing to FS:', err);
|
|
331
503
|
throw new Error('Could not write to FFmpeg FS');
|
|
332
504
|
}
|
|
333
505
|
throwIfCancelled();
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
506
|
+
// ffmpeg copies global metadata by default, including the GPS location (©xyz / loci).
|
|
507
|
+
// prettier-ignore
|
|
508
|
+
const args = [
|
|
509
|
+
'-i', inputFileName, '-map_metadata', '-1',
|
|
510
|
+
'-c:v', 'libx264', '-preset', 'superfast', '-crf', String(crf),
|
|
511
|
+
'-vf', ffmpegScaleFilter(shortSide),
|
|
512
|
+
'-c:a', 'aac', '-b:a', audioBitrate,
|
|
513
|
+
outputFileName,
|
|
514
|
+
];
|
|
341
515
|
try {
|
|
342
516
|
await ffmpeg.exec(args);
|
|
343
517
|
}
|
|
344
518
|
catch (err) {
|
|
345
519
|
// terminate() rejects every in-flight call, so a cancel arrives here
|
|
346
520
|
// looking like a generic failure unless we name it.
|
|
347
|
-
|
|
348
|
-
throw new CancelledError();
|
|
521
|
+
throwIfCancelled();
|
|
349
522
|
console.error('[FFmpeg] Error executing command:', err);
|
|
350
523
|
throw new Error('FFmpeg execution failed');
|
|
351
524
|
}
|
|
@@ -355,8 +528,7 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
355
528
|
data = await ffmpeg.readFile(outputFileName);
|
|
356
529
|
}
|
|
357
530
|
catch (err) {
|
|
358
|
-
|
|
359
|
-
throw new CancelledError();
|
|
531
|
+
throwIfCancelled();
|
|
360
532
|
console.error('[FFmpeg] Error reading output file:', err);
|
|
361
533
|
throw new Error('Could not read FFmpeg output');
|
|
362
534
|
}
|
|
@@ -369,9 +541,15 @@ class NativeVideoCompressorWeb extends core.WebPlugin {
|
|
|
369
541
|
|
|
370
542
|
var web = /*#__PURE__*/Object.freeze({
|
|
371
543
|
__proto__: null,
|
|
372
|
-
NativeVideoCompressorWeb: NativeVideoCompressorWeb
|
|
544
|
+
NativeVideoCompressorWeb: NativeVideoCompressorWeb,
|
|
545
|
+
capBitrate: capBitrate,
|
|
546
|
+
codecHeadroom: codecHeadroom,
|
|
547
|
+
ffmpegScaleFilter: ffmpegScaleFilter,
|
|
548
|
+
webCodecsSize: webCodecsSize
|
|
373
549
|
});
|
|
374
550
|
|
|
375
551
|
exports.CANCELLED = CANCELLED;
|
|
376
552
|
exports.NativeVideoCompressor = NativeVideoCompressor;
|
|
553
|
+
exports.STORAGE_FULL = STORAGE_FULL;
|
|
554
|
+
exports.TOO_LARGE_FOR_WEB = TOO_LARGE_FOR_WEB;
|
|
377
555
|
//# sourceMappingURL=plugin.cjs.js.map
|