Fix the warning: "Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true"

[pzubar]

This is not actually a bug, but fixing the warning would be useful (and may optimize the canvas for readback operations)

• [x] I have verified that the issue occurs with the latest twilio-video-processors.js release and is not marked as a known issue in the CHANGELOG.md.
• [x] I reviewed the Common Issues and open GitHub issues and verified that this report represents a potentially new issue.
• [x] I am not sharing any Personally Identifiable Information (PII) or sensitive account information (API keys, credentials, etc.) when reporting this issue.

Code to reproduce the issue:

let [{ VirtualBackgroundProcessor }, image] = await Promise.all([
  import('@twilio/video-processors'),
  loadImage(src),
]);
let virtualBackgroundProcessor = new VirtualBackgroundProcessor({
  ...DEFAULT_VIRTUAL_PROCESSOR_OPTIONS,
  backgroundImage: image,
});

videoTrack.addProcessor(virtualBackgroundProcessor);

Expected behavior:

No warning is logged to console.

Actual behavior:

Warning: BackgroundProcessor.js:21 Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently (caused by BackgroundProcessor.js:21) is logged to the console.

Software versions:

• [ ] Browser(s): Chrome v. 110
• [ ] Operating System: macOS 13.2
• [ ] twilio-video-processors.js: ~1.0.2
• [ ] Third-party libraries (e.g., Angular, React, etc.): Ember.js