search

node-webrtc / node-webrtc-examples

MediaStream and RTCDataChannel examples using node-webrtc
508 stars 161 forks source link

Error when compositing into Canvas #9

Closed dalisoft closed 3 years ago

dalisoft commented 4 years ago

message

Peer: Connected
file:///preparations/mediastream.js
      i420ToRgba(lastFrame, rgbaFrame);
      ^

TypeError: Dimensions must match
    at Timeout._onTimeout (file:///usr/src/ai-recognition-backend/src/preparations/mediastream.js:43:7)
    at listOnTimeout (internal/timers.js:531:17)
    at processTimers (internal/timers.js:475:7)

file:///preparations/mediastream.js

const interval = setInterval(() => {
    if (lastFrame) {
        const rgba = new Uint8ClampedArray(lastFrame.width * lastFrame.height * 4);
        const rgbaFrame = Canvas.createImageData(
          rgba,
          lastFrame.width,
          lastFrame.height
        );
      i420ToRgba(lastFrame, rgbaFrame);

      context.putImageData(rgbaFrame, 0, 0);
      context.drawImage(canvas, 0, 0);
    }
  });

On video composition demo same issue