Wie man den RGB-Wert für den Chroma-Key-Effekt genau filtert

Ich lese geradeDie Tutorial und versuchte dieses Beispiel. Also habe ich ein Video aus dem Internet heruntergeladen, um es zu testen. Alles, was ich tun muss, ist, die RGB-Werte zu optimieren, wenn Bedingungen

HERE ist der Beispielcode aus Beispiel

computeFrame: function() {
    this.ctx1.drawImage(this.video, 0, 0, this.width, this.height);
    let frame = this.ctx1.getImageData(0, 0, this.width, this.height);
    let l = frame.data.length / 4;

    for (let i = 0; i < l; i++) {
      let r = frame.data[i * 4 + 0];
      let g = frame.data[i * 4 + 1];
      let b = frame.data[i * 4 + 2];
      if (g > 100 && r > 100 && b < 43)
        frame.data[i * 4 + 3] = 0;
    }
    this.ctx2.putImageData(frame, 0, 0);
    return;
  }

In dem Tutorial-Beispiel wird die gelbe (nicht die gelbe) Farbe herausgefiltert. Das Beispielvideo, das ich heruntergeladen habe, hat einen grünen Hintergrund. Also habe ich den RGB-Wert angepasst, um die gewünschten Ergebnisse zu erziele

Nach mehreren Versuchen habe ich es geschafft, dies zu bekommen.

Nun möchte ich wissen, wie ich Green Screen (oder jeden anderen Bildschirm) perfekt herausfiltern kann, ohne zu raten. Oder zufälliges Ändern von Werten.

With nur erraten, es dauert Stunden, um es perfekt richtig zu machen. Und dies ist nur ein Beispiel für eine reale Anwendung. Es kann vielleicht mehr dauern.

HINWEIS: Das Beispiel funktioniert momentan in Firefox.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage