1891068 - On https://dmnsgn.github.io/canvas-record/, the multiple "encoders" do not work

Status: RESOLVED DUPLICATE of bug 1891080

(Core :: Audio/Video: Web Codecs, defect)

Description

[Mayank Bansal]

Go to https://dmnsgn.github.io/canvas-record/
Extension: Mp4
Encoder: mp4wasmencoder
target: in-browser

Click on Start Recording

AR: no progress and error in console.
ER: It should, Chrome does.

21:33:27.074
DOMException: The given encoding is not supported. mp4.embed.js:1348:11
hg https://dmnsgn.github.io/canvas-record/src/encoders/mp4.embed.js:1348
21:33:27.085 Uncaught (in promise) DOMException: VideoEncoder.encode: Encoder must be configured first
addFrame https://dmnsgn.github.io/canvas-record/src/encoders/mp4.embed.js:1437
encode https://dmnsgn.github.io/canvas-record/src/encoders/MP4WasmEncoder.js:65
step https://dmnsgn.github.io/canvas-record/src/Recorder.js:326
mp4.embed.js:1437
22:15:53.676 Uncaught (in promise) DOMException: VideoEncoder.flush: Encoder must be configured first
end https://dmnsgn.github.io/canvas-record/src/encoders/mp4.embed.js:1431
stop https://dmnsgn.github.io/canvas-record/src/encoders/MP4WasmEncoder.js:69
stop https://dmnsgn.github.io/canvas-record/src/Recorder.js:348
reset https://dmnsgn.github.io/canvas-record/example/index.js:139
<anonymous> https://dmnsgn.github.io/canvas-record/example/index.js:148
on https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1484
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:155
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:154
onClick_ https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1538

Comment 1

[Mayank Bansal]

Attachment: about:support

Comment 2

[Mayank Bansal]

Second encoder: MediaCaptureEncoder
Error:
Uncaught (in promise) DOMException: MediaRecorder constructor: video/x-matroska;codecs=avc1 indicates an unsupported container
init https://dmnsgn.github.io/canvas-record/src/encoders/MediaCaptureEncoder.js:39
init https://dmnsgn.github.io/canvas-record/src/Recorder.js:220
start https://dmnsgn.github.io/canvas-record/src/Recorder.js:242
<anonymous> https://dmnsgn.github.io/canvas-record/example/index.js:203

Comment 3

[Mayank Bansal]

Third encoder: WebCodecEncoder
Error::
DOMException: The given encoding is not supported. WebCodecsEncoder.js:98:29
error https://dmnsgn.github.io/canvas-record/src/encoders/WebCodecsEncoder.js:98
(Async: WebCodecsErrorCallback)
init https://dmnsgn.github.io/canvas-record/src/encoders/WebCodecsEncoder.js:96
init https://dmnsgn.github.io/canvas-record/src/Recorder.js:220
start https://dmnsgn.github.io/canvas-record/src/Recorder.js:242
<anonymous> https://dmnsgn.github.io/canvas-record/example/index.js:203
on https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1484
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:155
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:154
onClick_ https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1538
(Async: EventListener.handleEvent)
ButtonController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1551
ButtonBladeController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1562
controller https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1621
createBladeController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:2773
bc https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:7296
createBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:7296
addBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1696
addButtonAsBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1640
addButton https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1681
addButton https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:2169
<anonymous> https://dmnsgn.github.io/canvas-record/example/index.js:45
22:23:02.812
Uncaught (in promise) DOMException: VideoEncoder.encode: Encoder must be configured first
encode https://dmnsgn.github.io/canvas-record/src/encoders/WebCodecsEncoder.js:133
step https://dmnsgn.github.io/canvas-record/src/Recorder.js:326
tick https://dmnsgn.github.io/canvas-record/example/index.js:125
rAFId https://dmnsgn.github.io/canvas-record/example/index.js:129
tick https://dmnsgn.github.io/canvas-record/example/index.js:129
rAFId https://dmnsgn.github.io/canvas-record/example/index.js:129
tick https://dmnsgn.github.io/canvas-record/example/index.js:129
async* https://dmnsgn.github.io/canvas-record/example/index.js:206
on https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1484
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:155
emit https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:154
onClick_ https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1538
ButtonController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1551
ButtonBladeController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1562
controller https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1621
createBladeController https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:2773
bc https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:7296
createBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:7296
addBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1696
addButtonAsBlade https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1640
addButton https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:1681
addButton https://dmnsgn.github.io/canvas-record/web_modules/tweakpane.js:2169
<anonymous> https://dmnsgn.github.io/canvas-record/example/index.js:45

​

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:padenot, could you have a look please?

For more information, please visit BugBot documentation.