 |
48 |  |
49 |
| 前 | 52 |后 | 53 |
| 41kB | 56 |12kB | 57 |
 |
69 |  |
70 |
| 前 | 73 |后 | 74 |
| 28.9kB | 77 |9.42kB | 78 |
 |
88 |  |
89 |
| 前 | 92 |后 | 93 |
| 5.47kB | 96 |3.55kB | 97 |
29 |
74 | -
30 |
-
31 |
32 |
33 | -
34 |
35 |
36 | -
37 |
39 |
40 | -
41 |
43 |
44 | -
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 | -
56 |
57 |
58 | -
59 |
60 |
61 |
64 |
73 |
65 |
72 |
66 |
70 |
71 |
67 |
68 |
69 |
75 |
76 |
79 |
82 |
83 |
84 |
118 |
119 |
120 |
121 |
122 |
123 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
30 |
75 | -
31 |
-
32 |
33 |
34 |
-
35 |
36 |
37 |
-
38 |
40 |
41 |
-
42 |
44 |
45 |
-
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
-
57 |
58 |
59 |
-
60 |
61 |
62 |
65 |
74 |
66 |
73 |
67 |
71 |
72 |
68 |
69 |
70 |
76 |
77 |
80 |
83 |
84 |
85 |
119 |
120 |
121 |
122 |
123 |
124 |
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | .ui-app {
2 | height: 260px;
3 | overflow: hidden;
4 | box-shadow: inset 0 0 2px #fff, inset 0 0 100px #d5dbe2;
5 | -webkit-app-region: drag;
6 | }
7 |
8 | .ui-hd {
9 | display: flex;
10 | justify-content: center;
11 | height: 46px;
12 | margin: 0 20px;
13 | padding: 8px 0;
14 | -webkit-user-select: none;
15 | box-shadow: 0 12px 18px rgba(64, 100, 138, .4), inset 0 0 3px rgba(255, 255, 255, .6), 0 0 3px rgba(64, 100, 138, .3), 0 2px 4px #3b5c7f, inset 0 1px 1px rgba(64, 100, 138, .25);
16 | background-image: linear-gradient(to top, #dee7f0, #f1f6fa);
17 | border-radius: 0 0 3px 3px;
18 | }
19 |
20 |
21 | /*.ui-hd-drag { position:absolute; top:0; bottom:0; right:50px; left:107px; z-index:0; }*/
22 | .ui-hd-icon {
23 | -webkit-app-region: no-drag;
24 | position: relative;
25 | z-index: 1;
26 | width: 34px;
27 | margin: 0 3px;
28 | color: rgba(64, 100, 138, 0.8);
29 | cursor: pointer;
30 | display: flex;
31 | align-items: center;
32 | justify-content: center;
33 | }
34 |
35 | .ui-hd-icon:after {
36 | position: absolute;
37 | right: -3px;
38 | top: 0;
39 | bottom: 0;
40 | width: 1px;
41 | background: rgba(255, 255, 255, 0);
42 | box-shadow: -1px 0 rgba(255, 255, 255, .25);
43 | background-image: linear-gradient(to top, rgba(64, 100, 138, .2), rgba(92, 144, 199, .2));
44 | content: "";
45 | }
46 |
47 | .ui-hd-icon:last-child:after {
48 | display: none;
49 | }
50 |
51 | .ui-hd-icon:hover {
52 | color: rgba(64, 100, 138, 1);
53 | }
54 |
55 | .close:hover {
56 | color: red;
57 | }
58 |
59 | /*.ui-bd { height:213px; overflow:hidden; }*/
60 | .ui-tip {
61 | text-align: center;
62 | font-size: 12px;
63 | color: rgb(62 47 0 / 0.5);
64 | }
65 |
66 | .ui-area-icon {
67 | text-align: center;
68 | padding-bottom: 8px;
69 | }
70 |
71 | .ui-area {
72 | -webkit-app-region: no-drag;
73 | position: relative;
74 | z-index: 1;
75 | margin: 14px;
76 | height: 186px;
77 | padding: 30px 0;
78 | font-size: 12px; /*background:rgba(222,230,246,0.2);*/
79 | display: grid;
80 | place-items: center; /*background:url("images/bg.jpg") no-repeat 0 0; */
81 | color: rgba(64, 100, 138, 0.6);
82 | -webkit-user-select: none;
83 | }
84 |
85 | .ui-area-main a.click {
86 | font-weight: bold;
87 | text-decoration: underline
88 | }
89 |
90 | .ui-area-drop {
91 | position: absolute;
92 | z-index: 1;
93 | left: 0;
94 | top: 0;
95 | right: 0;
96 | bottom: 0;
97 | border-radius: 8px;
98 | border: 2px dashed rgba(64, 100, 138, 0.2);
99 | }
100 |
101 | .ui-area-drop.ui-area-drop-have {
102 | border-color: rgba(64, 100, 138, 0.4);
103 | }
104 |
105 | .ui-area-tip {
106 | text-align: center;
107 | }
108 |
109 | .ui-area-progress {
110 | padding: 5px 0 0;
111 | }
112 |
113 | .ui-area-waiting {
114 | padding: 3px 20px 0;
115 | line-height: 1.3;
116 | }
117 |
118 | .ui-area-waiting:before {
119 | display: block;
120 | text-align: center;
121 | padding-bottom: 8px;
122 | }
123 |
124 | .pie {
125 | position: relative;
126 | width: 80px;
127 | height: 80px;
128 | margin: 0 auto;
129 | border-radius: 50%;
130 | background-color: #bdf9db;
131 | }
132 |
133 | .pie.gt-50 {
134 | background-color: #11CD6E;
135 | border: solid 3px #00ac55;
136 | }
137 |
138 | .pie-progress {
139 | content: "";
140 | position: absolute;
141 | border-radius: 50%;
142 | left: calc(50% - 40px);
143 | top: calc(50% - 40px);
144 | width: 80px;
145 | height: 80px;
146 | clip: rect(0, 80px, 80px, 40px);
147 | }
148 |
149 | .pie-progress .pie-progress-fill {
150 | content: "";
151 | position: absolute;
152 | border-radius: 50%;
153 | left: calc(50% - 40px);
154 | top: calc(50% - 40px);
155 | width: 80px;
156 | height: 80px;
157 | clip: rect(0, 40px, 80px, 0);
158 | border: solid 3px #00ac55;
159 | background: #11CD6E; /*transition:transform 0.3s;*/
160 | }
161 |
162 | .gt-50 .pie-progress {
163 | clip: rect(0, 40px, 80px, 0);
164 | }
165 |
166 | .gt-50 .pie-progress .pie-progress-fill {
167 | clip: rect(0, 80px, 80px, 40px);
168 | border: solid 3px #bdf9db;
169 | background: #bdf9db;
170 | }
171 |
172 | /*.pie-percents { content: ""; position: absolute; border-radius: 50%; left: calc(50% - 70px/2); top: calc(50% - 70px/2); width: 70px; height: 70px; background: #fff; text-align: center; display: table; }
173 | .pie-percents span { display: block; font-size: 2em; color: #11CD6E;}
174 | .pie-percents-wrapper { display: table-cell; vertical-align: middle;}*/
175 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | English | [简体中文](./README-zh-CN.md)
2 |
3 | # |
51 | |
52 |
| Before | 55 |After | 56 |
| 41kB | 59 |12kB | 60 |
|
70 | |
71 |
| Before | 74 |After | 75 |
| 28.9kB | 78 |9.42kB | 79 |
|
89 | |
90 |
| Before | 93 |After | 94 |
| 5.47kB | 97 |3.55kB | 98 |
| Before | 108 |After | 109 |
| 1382.44MB | 112 |37.95MB | 113 |
\
169 |
\
173 | '
174 | }
175 | this._init();
176 | }
177 |
178 | App.prototype = {
179 | _init: function () {
180 | this._updateState();
181 | const waitingEl = this.el.querySelector(".ui-area-waiting");
182 | if (waitingEl) {
183 | waitingEl.innerHTML = i18n.__('waiting');
184 | }
185 |
186 | const importBtn = this.el.querySelector("#import");
187 | if (importBtn) {
188 | importBtn.addEventListener("click", (e) => {
189 | e.preventDefault();
190 | ipcRenderer.invoke('dialog:openMultiFileSelect').then((paths) => {
191 | if (paths === undefined) {
192 | return;
193 | } // Dialog was cancelled
194 | this.filesArray = [];
195 | this.diff = 0;
196 | this.status = "drop";
197 | this._updateState();
198 | for (let p of paths) {
199 | const mime_type = mime.getType(p);
200 | this.filesArray.push({
201 | size: getFilesizeInBytes(p),
202 | name: path.basename(p),
203 | path: p,
204 | type: mime_type
205 | });
206 | }
207 | this._delFiles(this.filesArray);
208 | });
209 | });
210 | }
211 |
212 | // 阻止默认的拖拽行为
213 | document.addEventListener('dragenter', (e) => {
214 | e.preventDefault();
215 | const dropArea = e.target.closest('.ui-area-drop');
216 | if (dropArea) {
217 | dropArea.classList.add("ui-area-drop-have");
218 | const waitingEl = dropArea.querySelector(".ui-area-waiting");
219 | if (waitingEl) {
220 | waitingEl.innerHTML = i18n.__('dragenter');
221 | }
222 | }
223 | });
224 |
225 | document.addEventListener('dragleave', (e) => {
226 | e.preventDefault();
227 | const dropArea = e.target.closest('.ui-area-drop');
228 | if (dropArea) {
229 | dropArea.classList.remove("ui-area-drop-have");
230 | const waitingEl = dropArea.querySelector(".ui-area-waiting");
231 | if (waitingEl) {
232 | waitingEl.innerHTML = i18n.__('waiting');
233 | }
234 | }
235 | });
236 |
237 | document.addEventListener('dragover', (e) => {
238 | e.preventDefault();
239 | });
240 |
241 | document.addEventListener('drop', (e) => {
242 | e.preventDefault();
243 | const dropArea = e.target.closest('.ui-area-drop');
244 | if (dropArea) {
245 | dropArea.classList.remove("ui-area-drop-have");
246 | this.filesArray = [];
247 | this.diff = 0;
248 |
249 | // 处理拖放的文件和文件夹
250 | const items = e.dataTransfer.items;
251 | if (items) {
252 | this._filterFiles(items);
253 | } else {
254 | // 降级处理：如果不支持 items，则直接处理文件
255 | const files = e.dataTransfer.files;
256 | for (let i = 0; i < files.length; i++) {
257 | const file = files[i];
258 | if (file.type.indexOf("image") > -1 ||
259 | file.type.indexOf("css") > -1 ||
260 | file.type.indexOf("javascript") > -1 ||
261 | file.type.indexOf("html") > -1 ||
262 | file.type.indexOf("mp4") > -1) {
263 | this.filesArray.push({
264 | size: file.size,
265 | name: file.name,
266 | path: file.path,
267 | type: file.type
268 | });
269 | }
270 | if (file.name.match(/\.(mov|MOV)$/)) {
271 | this.filesArray.push({
272 | size: file.size,
273 | name: file.name,
274 | path: file.path,
275 | type: 'video/mov'
276 | });
277 | }
278 | }
279 | if (this.filesArray.length > 0) {
280 | this.status = "drop";
281 | this._updateState();
282 | this._delFiles(this.filesArray);
283 | }
284 | }
285 | }
286 | });
287 | },
288 | _filterFiles: function (items) {
289 | if (items.length === 0) {
290 | const waitingEl = this.el.querySelector(".ui-area-waiting");
291 | if (waitingEl) {
292 | waitingEl.innerHTML = i18n.__('waiting');
293 | }
294 | return false;
295 | }
296 |
297 | if (!this.time) {
298 | this.time = Date.now();
299 | }
300 |
301 | // 处理所有拖放的项目
302 | for (let i = 0; i < items.length; i++) {
303 | const entry = items[i].webkitGetAsEntry();
304 | if (entry) {
305 | this._traverseFileTree(entry);
306 | } else if (items[i].kind === 'file') {
307 | // 降级处理：如果不支持 webkitGetAsEntry
308 | const file = items[i].getAsFile();
309 | this._handleFile(file);
310 | }
311 | }
312 | },
313 | _handleFile: function(file) {
314 | if (!file) return;
315 |
316 | // 检查文件类型
317 | if (file.type.indexOf("image") > -1 ||
318 | file.type.indexOf("css") > -1 ||
319 | file.type.indexOf("javascript") > -1 ||
320 | file.type.indexOf("html") > -1 ||
321 | file.type.indexOf("mp4") > -1) {
322 | this.filesArray.push({
323 | size: file.size,
324 | name: file.name,
325 | path: webUtils.getPathForFile(file) || '', // 在普通 Chrome 中可能没有 path
326 | type: file.type
327 | });
328 | }
329 | if (file.name.match(/\.(mov|MOV)$/)) {
330 | this.filesArray.push({
331 | size: file.size,
332 | name: file.name,
333 | path: webUtils.getPathForFile(file) || '', // 在普通 Chrome 中可能没有 path
334 | type: 'video/mov'
335 | });
336 | }
337 | },
338 | _traverseFileTree: function (item) {
339 | const self = this;
340 | if (item.isFile) {
341 | item.file((file) => {
342 | clearTimeout(this.Timer);
343 | this.Timer = setTimeout(() => {
344 | if (this.filesArray.length > 0) {
345 | this.status = "drop";
346 | this._updateState();
347 | this._delFiles(this.filesArray);
348 | } else {
349 | const waitingEl = this.el.querySelector(".ui-area-waiting");
350 | if (waitingEl) {
351 | waitingEl.innerHTML = i18n.__('waiting');
352 | }
353 | }
354 | }, 100);
355 |
356 | this._handleFile(file);
357 | });
358 | } else if (item.isDirectory) {
359 | const dirReader = item.createReader();
360 | const readEntries = function () {
361 | dirReader.readEntries(function (entries) {
362 | if (entries.length) {
363 | for (let i = 0; i < entries.length; i++) {
364 | self._traverseFileTree(entries[i]);
365 | }
366 | readEntries(); // 继续读取，直到所有条目都被处理
367 | }
368 | });
369 | };
370 | readEntries();
371 | }
372 | },
373 | _sharp: function (filePath) {
374 | return new Promise((resolve, reject) => {
375 | if (maxWidth > 0 && maxHeight < 1) {
376 | // Read input image metadata
377 | sharp(filePath)
378 | .metadata()
379 | .then(metadata => {
380 | // If image width exceeds target width, resize it proportionally
381 | if (metadata.width > maxWidth) {
382 | return sharp(filePath)
383 | .resize({width: Number(maxWidth)})
384 | .toBuffer(function (err, buffer) {
385 | fs.writeFile(filePath, buffer, function (e) {
386 | console.log('Image has been resized to width ' + maxWidth + ' pixels');
387 | resolve()
388 | });
389 | })
390 | } else {
391 | console.log('Image width does not exceed ' + maxWidth + ' pixels, no resizing needed');
392 | resolve()
393 | }
394 | })
395 | .catch(err => {
396 | console.error('Failed to read image metadata:', err);
397 | reject()
398 | });
399 | } else if (maxWidth < 1 && maxHeight > 0) {
400 | // Read input image metadata
401 | sharp(filePath)
402 | .metadata()
403 | .then(metadata => {
404 | // If image width exceeds target width, resize it proportionally
405 | if (metadata.height > maxHeight) {
406 | return sharp(filePath)
407 | .resize({height: Number(maxHeight)})
408 | .toBuffer(function (err, buffer) {
409 | fs.writeFile(filePath, buffer, function (e) {
410 | console.log('Image has been resized to height ' + maxHeight + ' pixels');
411 | resolve()
412 | });
413 | })
414 | } else {
415 | console.log('Image width does not exceed ' + maxHeight + ' pixels, no resizing needed');
416 | resolve()
417 | }
418 | })
419 | .catch(err => {
420 | console.error('Failed to read image metadata:', err);
421 | reject()
422 | });
423 | } else if (maxWidth > 0 && maxHeight > 0) {
424 | sharp(filePath)
425 | .metadata()
426 | .then(metadata => {
427 | // If image width exceeds target width, resize it proportionally
428 | if (metadata.width > maxWidth) {
429 | return sharp(filePath)
430 | .resize({width: Number(maxWidth)})
431 | .toBuffer(function (err, buffer) {
432 | fs.writeFile(filePath, buffer, function (e) {
433 | console.log('Image has been resized to width ' + maxWidth + ' pixels');
434 | resolve()
435 | });
436 | })
437 | } else {
438 | console.log('Image width does not exceed ' + maxHeight + ' pixels, no resizing needed');
439 | resolve()
440 | }
441 | })
442 | .catch(err => {
443 | console.error('Failed to read image metadata:', err);
444 | reject()
445 | });
446 | } else {
447 | resolve()
448 | }
449 | });
450 | },
451 | _delFiles: function () {
452 | let p = 0;
453 | let pie = new Pie(),
454 | index = 0,
455 | self = this,
456 | len = this.filesArray.length;
457 |
458 | // Ensure DOM is ready before setting initial progress
459 | // Use requestAnimationFrame to ensure DOM is painted
460 | requestAnimationFrame(() => {
461 | requestAnimationFrame(() => {
462 | pie.set(0);
463 | });
464 | });
465 |
466 | const obj = new Proxy({count: 0}, {
467 | get: function (target, propKey, receiver) {
468 | return Reflect.get(target, propKey, receiver);
469 | },
470 | set: function (target, propKey, value, receiver) {
471 | Reflect.set(target, propKey, value, receiver);
472 | if (target.count < 5) {
473 | filesHandle(index)
474 | }
475 | }
476 | });
477 |
478 | function filesHandle(i) {
479 | if (i + 1 > len) return;
480 | index++;
481 | const filePath = self.filesArray[i].path;
482 | const fileDirname = path.dirname(filePath);
483 | const fileBasename = path.basename(filePath);
484 | const extension = path.extname(filePath);
485 | const fileSourcePath = path.join(fileDirname, 'source', fileBasename);
486 |
487 | const name = path.basename(filePath, `${extension}`);
488 | const targetPath = path.join(fileDirname, `${name}.min${extension}`);
489 | const options = [];
490 | //writeFile
491 | if (backup) {
492 | //mkdir
493 | self._mkdirSync(path.join(fileDirname, 'source'));
494 | if (self.filesArray[i].type.indexOf("image") > -1) {
495 | !fs.existsSync(fileSourcePath) && fs.writeFileSync(fileSourcePath, fs.readFileSync(filePath));
496 | } else {
497 | fs.writeFileSync(fileSourcePath, fs.readFileSync(filePath));
498 | }
499 | }
500 | switch (self.filesArray[i].type) {
501 | case "image/svg+xml":
502 | imagemin([filePath], fileDirname, {
503 | plugins: [
504 | imageminSvgo({})
505 | ]
506 | }).then(files => {
507 | runSucceed(i, [
508 | {size: getFilesizeInBytes(filePath)}
509 | ]);
510 | }, err => {
511 | runSkip(i, err)
512 | });
513 | break;
514 | case "image/jpeg":
515 | self._sharp(filePath).finally(() => {
516 | sharp(filePath).jpeg({
517 | mozjpeg: true,
518 | progressive,
519 | quality: jpgValue || 80
520 | })
521 | .toBuffer(function (err, buffer) {
522 | if (err) {
523 | runSkip(i, err)
524 | }
525 | fs.writeFile(filePath, buffer, function (e) {
526 | runSucceed(i, [{data: buffer}], "img");
527 | });
528 | });
529 | });
530 | break;
531 | case "image/png":
532 | self._sharp(filePath).finally(
533 | () => {
534 | imagemin([filePath], fileDirname, {
535 | plugins: [
536 | imageminOptipng({optimizationLevel: 2}),//OptiPNG 无损压缩算法
537 | imageminPngquant({
538 | quality: png,
539 | })//Pngquant 有损压缩算法
540 | ]
541 | }).then(files => {
542 | runSucceed(i, files, "img");
543 | }, err => {
544 | runSkip(i, err)
545 | });
546 | }
547 | );
548 | break;
549 | case "image/gif":
550 | self._sharp(filePath).finally(
551 | () => {
552 | imagemin([filePath], fileDirname, {
553 | plugins: [imageminGifsicle()]
554 | }).then(files => {
555 | runSucceed(i, files, "img");
556 | }, err => {
557 | runSkip(i, err)
558 | });
559 | }
560 | )
561 |
562 | break;
563 | case "image/webp":
564 | self._sharp(filePath).finally(
565 | () => {
566 | imagemin([filePath], fileDirname, {
567 | plugins: [
568 | imageminWebp({quality: webpValue || 85})
569 | ]
570 | }).then(files => {
571 | runSucceed(i, files, "img");
572 | }, err => {
573 | runSkip(i, err)
574 | });
575 | }
576 | )
577 |
578 | break;
579 | case "text/css":
580 | gulp.src(filePath).pipe(cleanCSS({compatibility: 'ie8'})).pipe(rename({suffix: '.min'})).pipe(gulp.dest(fileDirname)).on('end', function () {
581 | runSucceed(i, [
582 | {
583 | size: getFilesizeInBytes(
584 | `${path.dirname(filePath)}/${path.parse(filePath).name}.min${path.parse(filePath).ext}`
585 | )
586 | }
587 | ]);
588 | });
589 | break;
590 | case "text/javascript":
591 | gulp.src(filePath).pipe(uglify()).pipe(rename({suffix: '.min'})).pipe(gulp.dest(fileDirname)).on('end', function () {
592 | runSucceed(i, [
593 | {
594 | size: getFilesizeInBytes(
595 | `${path.dirname(filePath)}/${path.parse(filePath).name}.min${path.parse(filePath).ext}`
596 | )
597 | }
598 | ]);
599 | });
600 | break;
601 | case "text/html":
602 | gulp.src(filePath).pipe(htmlmin({collapseWhitespace: true})).pipe(gulp.dest(fileDirname)).on('end', function () {
603 | runSucceed(i, [
604 | {size: getFilesizeInBytes(filePath)}
605 | ]);
606 | });
607 | break;
608 | case "video/mp4": {
609 | console.log('Starting MP4 processing...');
610 | options.push('-crf 28');
611 | if (maxHeightVideo > 0) {
612 | options.push(`-vf scale=-2:${maxHeightVideo}`);
613 | }
614 |
615 | // Get video duration first, then start processing
616 | console.log('Calling ffprobe for:', filePath);
617 | ffmpeg.ffprobe(filePath, (err, metadata) => {
618 | let videoDuration = 0;
619 | if (err) {
620 | console.error('ffprobe error:', err);
621 | } else {
622 | console.log('ffprobe success, metadata format:', metadata ? metadata.format : 'no format');
623 | }
624 | if (!err && metadata && metadata.format && metadata.format.duration) {
625 | videoDuration = metadata.format.duration;
626 | console.log('Video duration:', videoDuration, 'seconds');
627 | } else {
628 | console.warn('Could not get video duration, progress will not be shown');
629 | }
630 |
631 | const mp4Command = ffmpeg()
632 | .input(filePath)
633 | .fps(30)
634 | .outputOptions(options)
635 | .on('progress', (progress) => {
636 | try {
637 | if (progress && progress.timemark) {
638 | if (videoDuration > 0) {
639 | // Parse timemark (format: "00:00:05.73")
640 | const timemarkParts = progress.timemark.split(':');
641 | const hours = parseInt(timemarkParts[0]) || 0;
642 | const minutes = parseInt(timemarkParts[1]) || 0;
643 | const seconds = parseFloat(timemarkParts[2]) || 0;
644 | let currentTime = hours * 3600 + minutes * 60 + seconds;
645 | if (currentTime < 0) {
646 | currentTime = 0;
647 | }
648 | const videoPercent = Math.min(100, (currentTime / videoDuration) * 100);
649 | const currentProgress = ((p / len) * 100 + (1 / len) * videoPercent).toFixed(0);
650 | console.log('Video progress:', currentProgress + '%');
651 |
652 | if (pie && typeof pie.set === 'function') {
653 | pie.set(currentProgress);
654 | }
655 | }
656 | }
657 | } catch (err) {
658 | console.error('Error updating video progress:', err);
659 | }
660 | })
661 | .on('end', () => {
662 | console.log('FFmpeg has finished.');
663 | runSucceed(i, [
664 | {size: getFilesizeInBytes(targetPath)}
665 | ]);
666 | })
667 | .on('error', (error) => {
668 | console.error('FFmpeg error:', error);
669 | runSkip(i, error);
670 | });
671 |
672 | mp4Command.saveToFile(targetPath);
673 | });
674 | break;
675 | }
676 | case "video/mov": {
677 | console.log('Starting MOV processing...');
678 | options.push('-crf 28');
679 | options.push('-c:v libx264');
680 | //-c:a copy 选项用于直接复制音频流，而不对音频进行重新编码
681 | options.push('-c:a copy');
682 | if (maxHeightVideo > 0) {
683 | options.push(`-vf scale=-2:${maxHeightVideo}`);
684 | }
685 |
686 | // Get video duration first, then start processing
687 | console.log('Calling ffprobe for:', filePath);
688 | ffmpeg.ffprobe(filePath, (err, metadata) => {
689 | let videoDuration = 0;
690 | if (err) {
691 | console.error('ffprobe error:', err);
692 | } else {
693 | console.log('ffprobe success, metadata format:', metadata ? metadata.format : 'no format');
694 | }
695 | if (!err && metadata && metadata.format && metadata.format.duration) {
696 | videoDuration = metadata.format.duration;
697 | console.log('Video duration:', videoDuration, 'seconds');
698 | } else {
699 | console.warn('Could not get video duration, progress will not be shown');
700 | }
701 |
702 | const movCommand = ffmpeg()
703 | .input(filePath)
704 | .fps(30)
705 | .outputOptions(options)
706 | .on('progress', (progress) => {
707 | try {
708 | if (progress && progress.timemark) {
709 | if (videoDuration > 0) {
710 | // Parse timemark (format: "00:00:05.73")
711 | const timemarkParts = progress.timemark.split(':');
712 | const hours = parseInt(timemarkParts[0]) || 0;
713 | const minutes = parseInt(timemarkParts[1]) || 0;
714 | const seconds = parseFloat(timemarkParts[2]) || 0;
715 | const currentTime = hours * 3600 + minutes * 60 + seconds;
716 |
717 | const videoPercent = Math.min(100, (currentTime / videoDuration) * 100);
718 | const currentProgress = ((p / len) * 100 + (1 / len) * videoPercent).toFixed(0);
719 | console.log('Video progress:', currentProgress + '%');
720 |
721 | if (pie && typeof pie.set === 'function') {
722 | pie.set(currentProgress);
723 | }
724 | }
725 | }
726 | } catch (err) {
727 | console.error('Error updating video progress:', err);
728 | }
729 | })
730 | .on('end', () => {
731 | console.log('FFmpeg has finished.');
732 | runSucceed(i, [
733 | {size: getFilesizeInBytes(targetPath)}
734 | ]);
735 | })
736 | .on('error', (error) => {
737 | console.error('FFmpeg error:', error);
738 | runSkip(i, error);
739 | });
740 |
741 | movCommand.saveToFile(targetPath);
742 | });
743 | break;
744 | }
745 | default:
746 | runSkip(i);
747 | }
748 | obj.count++;
749 | }
750 |
751 | function runSucceed(i, files, type) {
752 | self.filesArray[i].time = new Date().toString();
753 | if (type === "img") {
754 | if (files) {
755 | self.filesArray[i].optimized = files[0] ? files[0].data.length : self.filesArray[i].size;
756 | }
757 | } else {
758 | self.filesArray[i].optimized = files[0] ? files[0].size : self.filesArray[i].size;
759 | }
760 | p++;
761 | pie.set(((p / len) * 100).toFixed(0));
762 | obj.count--;
763 | if (p >= len) {
764 | self._finished(len);
765 | }
766 | }
767 |
768 | function runSkip(i, err) {
769 | self.filesArray[i].time = new Date().toString();
770 | console.log(i, err)
771 | self.filesArray[i].skip = true;
772 | self.filesArray[i].optimized = self.filesArray[i].size;
773 | p++;
774 | pie.set(((p / len) * 100).toFixed(0));
775 | obj.count--;
776 | if (p >= len) {
777 | self._finished(len);
778 | }
779 | }
780 |
781 | if (len > 0) {
782 | filesHandle(0)
783 | }
784 | },
785 | _finished: function (num) {
786 | this.status = "waiting";
787 | this._updateState();
788 | console.log(this.filesArray)
789 | let log = "";
790 | this.filesArray.forEach(function (file) {
791 | this.diff += file.size - file.optimized;
792 | const fileDiff = file.size - file.optimized;
793 | log += `${file.time} ${file.name} ${file.size}B - ${file.optimized}B = ${fileDiff}B ${this.skip ? "skip" : ""} \n`
794 | }.bind(this));
795 | this._updateProgress(num);
796 | ipcRenderer.send('set-share', window.shareCount + 1, window.shareSize + this.diff);
797 |
798 | const maxSizeInBytes = 1024 * 1024; // 1MB
799 | const logPath = path.join(getUserHome(), 'hummingbird-log.txt');
800 | fs.stat(logPath, (err, stats) => {
801 | if (err) {
802 | console.error("Error occurred while getting file stats:", err);
803 | return;
804 | }
805 | if (stats.size > maxSizeInBytes) {
806 | // File size exceeds 1MB, clear its content
807 | fs.truncate(logPath, 0, (truncateErr) => {
808 | if (truncateErr) {
809 | console.error("Error occurred while truncating file:", truncateErr);
810 | return;
811 | }
812 | console.log("File content cleared successfully.");
813 | });
814 | }
815 | fs.appendFile(logPath, log, err => {
816 | if (err) {
817 | console.error(err);
818 | } else {
819 | // done!
820 | }
821 | });
822 | });
823 | },
824 | _mkdirSync: function (path) {
825 | try {
826 | fs.mkdirSync(path)
827 | } catch (e) {
828 | if (e.code !== 'EEXIST') throw e;
829 | }
830 | },
831 | _updateState: function () {
832 | if (this.el) {
833 | this.el.querySelector('.ui-area-main').innerHTML = this.statusHtml[this.status];
834 | }
835 | },
836 | _updateProgress: function(num) {
837 | const waitingEl = this.el.querySelector(".ui-area-waiting");
838 | if (waitingEl) {
839 | waitingEl.innerHTML = `${num} ${i18n.__('after')} ${(this.diff / (1024)).toFixed(3)}KB`;
840 | }
841 | }
842 | }
843 | module.exports = App;
844 |
--------------------------------------------------------------------------------
\
170 | \
171 |
\
172 |