search

sim1222 / misskey

🌎 A interplanetary communication platform 🚀
GNU Affero General Public License v3.0
6 stars 0 forks source link

ffmpeg-wasmによるMOV→mp4のコンテナ変換機能の実装 #17

Closed sim1222 closed 2 years ago

sim1222 commented 2 years ago

Summary

ffmpeg-wasmによるMOV→mp4のコンテナ変換機能の実装

投稿フォームのファイル添付ボタンのよこになんかふやす

sim1222 commented 2 years ago

sim-dev-ffmpeg-wasm

sim1222 commented 2 years ago

なんもわからん

sim1222 commented 2 years ago

現状:ffmpeg.load()するとエラー吐く

sim1222 commented 2 years ago 
[info] use ffmpeg.wasm v0.10.1 app.12.102.0-simkey.js:1249:13
Start const ffmpegconv app.12.102.0-simkey.js:46785:29
Start await beffile app.12.102.0-simkey.js:46791:29
Loading FFmpeg.wasm-core app.12.102.0-simkey.js:46795:33
[info] load ffmpeg-core app.12.102.0-simkey.js:1249:13
[info] loading ffmpeg-core app.12.102.0-simkey.js:1249:13
[info] fetch http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.js app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.js file size = 4985 bytes app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.js blob URL = blob:http://localhost:3000/16e46053-2f94-45af-b3f4-38b2a90d1f89 app.12.102.0-simkey.js:1249:13
[info] fetch http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.wasm app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.wasm file size = 4985 bytes app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.wasm blob URL = blob:http://localhost:3000/10908d48-a115-4f61-b92b-4705512fe43b app.12.102.0-simkey.js:1249:13
[info] fetch http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.worker.js app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.worker.js file size = 4985 bytes app.12.102.0-simkey.js:1249:13
[info] http://localhost:3000/node_modules/@ffmpeg/core/dist/ffmpeg-core.worker.js blob URL = blob:http://localhost:3000/6a53c48e-5cb9-473c-9da0-d66a7ca3ecf9 app.12.102.0-simkey.js:1249:13
error { target: Window, isTrusted: true, message: "SyntaxError: expected expression, got '<'", filename: "blob:http://localhost:3000/16e46053-2f94-45af-b3f4-38b2a90d1f89", lineno: 1, colno: 0, error: SyntaxError, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
​
bubbles: true
​
cancelBubble: false
​
cancelable: true
​
colno: 0
​
composed: false
​
currentTarget: null
​
defaultPrevented: false
​
error: SyntaxError: expected expression, got '<'
​
eventPhase: 0
​
explicitOriginalTarget: Window http://localhost:3000/
​
filename: "blob:http://localhost:3000/16e46053-2f94-45af-b3f4-38b2a90d1f89"
​
isTrusted: true
​
lineno: 1
​
message: "SyntaxError: expected expression, got '<'"
​
originalTarget: Window http://localhost:3000/
​
returnValue: true
​
srcElement: Window http://localhost:3000/
​
target: Window http://localhost:3000/
​
timeStamp: 24717
​
type: "error"
​
<get isTrusted()>: function isTrusted()
​
<prototype>: ErrorEventPrototype { message: Getter, filename: Getter, lineno: Getter, … }
app.12.102.0-simkey.js:43868:17
[info] ffmpeg-core.js script loaded app.12.102.0-simkey.js:1249:13
Uncaught SyntaxError: expected expression, got '<'
16e46053-2f94-45af-b3f4-38b2a90d1f89:1
error { target: Window, isTrusted: true, message: "ReferenceError: createFFmpegCore is not defined", filename: "http://localhost:3000/assets/app.12.102.0-simkey.js", lineno: 874, colno: 11, error: ReferenceError, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
​
bubbles: true
​
cancelBubble: false
​
cancelable: true
​
colno: 11
​
composed: false
​
currentTarget: null
​
defaultPrevented: false
​
error: ReferenceError: createFFmpegCore is not defined
​
eventPhase: 0
​
explicitOriginalTarget: Window http://localhost:3000/
​
filename: "http://localhost:3000/assets/app.12.102.0-simkey.js"
​
isTrusted: true
​
lineno: 874
​
message: "ReferenceError: createFFmpegCore is not defined"
​
originalTarget: Window http://localhost:3000/
​
returnValue: true
​
srcElement: Window http://localhost:3000/
​
target: Window http://localhost:3000/
​
timeStamp: 24719
​
type: "error"
​
<get isTrusted()>: function isTrusted()
​
<prototype>: ErrorEventPrototype { message: Getter, filename: Getter, lineno: Getter, … }
app.12.102.0-simkey.js:43868:17
Uncaught ReferenceError: createFFmpegCore is not defined
    eventHandler http://localhost:3000/assets/app.12.102.0-simkey.js:874
    node_modules ffmpeg/ffmpeg/src/browser/getCreateFFmpegCore.js/module.exports/<@http://localhost:3000/assets/app.12.102.0-simkey.js:882
    node_modules ffmpeg/ffmpeg/src/browser/getCreateFFmpegCore.js/module.exports@http://localhost:3000/assets/app.12.102.0-simkey.js:868
    load http://localhost:3000/assets/app.12.102.0-simkey.js:1036
    ffmpegconv http://localhost:3000/assets/app.12.102.0-simkey.js:46796
    onchange http://localhost:3000/assets/app.12.102.0-simkey.js:46820
    chooseFileFromPc http://localhost:3000/assets/app.12.102.0-simkey.js:46769
    clicked http://localhost:3000/assets/src_components_ui_menu_vue.12.102.0-simkey.js:113
    onClick http://localhost:3000/assets/src_components_ui_menu_vue.12.102.0-simkey.js:298
    callWithErrorHandling http://localhost:3000/assets/app.12.102.0-simkey.js:2849
    callWithAsyncErrorHandling http://localhost:3000/assets/app.12.102.0-simkey.js:2858
    invoker http://localhost:3000/assets/app.12.102.0-simkey.js:10907
    addEventListener http://localhost:3000/assets/app.12.102.0-simkey.js:10857
    patchEvent http://localhost:3000/assets/app.12.102.0-simkey.js:10875
    patchProp http://localhost:3000/assets/app.12.102.0-simkey.js:10939
    mountElement http://localhost:3000/assets/app.12.102.0-simkey.js:7274
    processElement http://localhost:3000/assets/app.12.102.0-simkey.js:7246
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7166
    mountChildren http://localhost:3000/assets/app.12.102.0-simkey.js:7356
    processFragment http://localhost:3000/assets/app.12.102.0-simkey.js:7527
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7162
    mountChildren http://localhost:3000/assets/app.12.102.0-simkey.js:7356
    processFragment http://localhost:3000/assets/app.12.102.0-simkey.js:7527
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7162
    mountChildren http://localhost:3000/assets/app.12.102.0-simkey.js:7356
    mountElement http://localhost:3000/assets/app.12.102.0-simkey.js:7265
    processElement http://localhost:3000/assets/app.12.102.0-simkey.js:7246
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7166
    componentUpdateFn http://localhost:3000/assets/app.12.102.0-simkey.js:7708
    run http://localhost:3000/assets/app.12.102.0-simkey.js:1515
    setupRenderEffect http://localhost:3000/assets/app.12.102.0-simkey.js:7827
    mountComponent http://localhost:3000/assets/app.12.102.0-simkey.js:7610
    processComponent http://localhost:3000/assets/app.12.102.0-simkey.js:7568
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7169
    mountChildren http://localhost:3000/assets/app.12.102.0-simkey.js:7356
    processFragment http://localhost:3000/assets/app.12.102.0-simkey.js:7527
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7162
    mountChildren http://localhost:3000/assets/app.12.102.0-simkey.js:7356
    mountElement http://localhost:3000/assets/app.12.102.0-simkey.js:7265
    processElement http://localhost:3000/assets/app.12.102.0-simkey.js:7246
    patch http://localhost:3000/assets/app.12.102.0-simkey.js:7166
app.12.102.0-simkey.js:874:11
sim1222 commented 2 years ago

普通に何もせずにffmpeg.load()してもsyntax error起きた ワケガワカラナイヨ

sim1222 commented 2 years ago

今の所コーデック変換を噛ます予定はないのでこれでもいいかも？ https://github.com/Kagami/ffmpeg.js/

sim1222 commented 2 years ago

でぎた！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ #27