Изменение качества MediaRecorder и canvas.captureStream?

Недавно я пытался создать видео в браузере и, таким образом, играл с двумя подходами:

• Использование js-библиотеки whammy для объединения кадров webp в видео webm. Подробнее здесь.
• Использование MediaRecorder и canvas.captureStream. Подробнее здесь.

Подход whammy работает хорошо, но поддерживается только в Chrome, так как это единственный браузер, который в настоящее время поддерживает кодировку webp (canvas.toDataURL("image/webp")). Поэтому я использую подход captureStream в качестве резервной копии для Firefox (и использую libwebpjs для Сафари).

Итак, теперь на мой вопрос: есть ли способ контролировать качество видео потока холста? А если нет, то рассматривалось ли что-то подобное браузерами/w3c?

Вот скриншот одного из кадров видео, сгенерированного whammy:

А вот тот же кадр, сгенерированный подходом MediaRecorder/canvas.captureStream:

Моя первая мысль — искусственно увеличить разрешение холста, который я транслирую, но я не хочу, чтобы выходное видео было больше.

Я пытался увеличить частоту кадров, передаваемую методу captureStream (думая, что могут происходить какие-то странные интерполяции кадров), но это не помогает. На самом деле это ухудшает качество, если я делаю его слишком высоким. Моя текущая теория заключается в том, что браузер определяет качество потока на основе того, к какой вычислительной мощности он имеет доступ. В этом есть смысл, потому что, если он будет поддерживать заданную мной частоту кадров, то что-то должно уступить.

Итак, следующая мысль состоит в том, что я должен замедлить скорость, с которой я загружаю холст изображениями, а затем пропорционально снизить значение FPS, которое я передаю в captureStream, но проблема в том, что хотя я, вероятно, решил проблему качества, я получил бы видео, которое работает медленнее, чем должно.

Изменить: вот грубый набросок кода, который я использование, если это поможет кому-то в подобной ситуации.