Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
sim1222 opened this issue Jan 26, 2022 · 7 comments
Closed

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

sim1222 opened this issue Jan 26, 2022 · 7 comments
Assignees
@sim1222
Labels
enhancement New feature or request

Comments

@sim1222
Copy link
Owner

sim1222 commented Jan 26, 2022

Summary

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

投稿フォームのファイル添付ボタンのよこになんかふやす
@sim1222 sim1222 added the enhancement New feature or request label Jan 26, 2022
@sim1222 sim1222 self-assigned this Jan 26, 2022
@sim1222
Copy link
Owner Author

sim1222 commented Jan 27, 2022

sim-dev-ffmpeg-wasm

@sim1222 sim1222 linked a pull request Jan 27, 2022 that will close this issue
ffmpeg-wasmによるMOV→mp4のコンテナ変換機能の実装 #20
Closed
@sim1222
Copy link
Owner Author

sim1222 commented Jan 27, 2022

なんもわからん

@sim1222
Copy link
Owner Author

sim1222 commented Jan 28, 2022

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

@sim1222
Copy link
Owner Author

sim1222 commented Jan 28, 2022 

[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
Copy link
Owner Author

sim1222 commented Jan 28, 2022

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

@sim1222
Copy link
Owner Author

sim1222 commented Jan 28, 2022

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

@sim1222
Copy link
Owner Author

sim1222 commented Mar 13, 2022

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

@sim1222 sim1222 closed this as completed Mar 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sim1222 sim1222

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

ffmpeg-wasmによるMOV→mp4のコンテナ変換機能の実装 sim1222/misskey
1 participant
@sim1222