{"id":17819,"date":"2021-01-22T11:01:54","date_gmt":"2021-01-22T10:01:54","guid":{"rendered":"https:\/\/www.herr-rau.de\/wordpress\/?p=17819"},"modified":"2023-06-09T14:08:34","modified_gmt":"2023-06-09T12:08:34","slug":"was-ist-ein-mensch-virtueller-hintergrund-in-bbb","status":"publish","type":"post","link":"https:\/\/www.herr-rau.de\/wordpress\/2021\/01\/was-ist-ein-mensch-virtueller-hintergrund-in-bbb.htm","title":{"rendered":"Was ist ein Mensch? Virtueller Hintergrund in BBB."},"content":{"rendered":"<div style='text-align:right;'><small>(<a href='https:\/\/www.herr-rau.de\/wordpress\/2021\/01\/was-ist-ein-mensch-virtueller-hintergrund-in-bbb.htm#comments'>6 Kommentare.<\/a>)<\/small> <\/div>\n<p>In Zoom oder Skype kann man virtuelle Hintergr\u00fcnde erstellen oder den tats\u00e4chlichen Hintergrund verschwommen darstellen lassen. Das ist sch\u00f6n, wenn man weniger Privates von sich preisgeben m\u00f6chte, und oft noch sch\u00f6ner, weil man Scherze damit treiben kann.<\/p>\n\n\n\n<p>Warum geht das mit BigBlueButton nicht?<\/p>\n\n\n\n<p>Kurz: Ich vermute, das liegt daran, dass man f\u00fcr BBB keinen eigenen Client, also kein eigenes Programm installieren muss, sondern das einfach in einem Browser laufen lassen kann.<\/p>\n\n\n\n<p>Lang: Da muss ich ausholen.<\/p>\n\n\n\n<p>Also: Mit einem geeigneten Programm kann man berechnen, was man zeigen m\u00f6chte &#8211; Gesicht, Oberk\u00f6rper, Arme, den Menschen halt. Den Rest ersetzt das Programm dann einfach durch gr\u00fcne Farbe oder ein anderes Bild oder stellt es verschwommen dar &#8211; dieser zweite Punkt ist relativ leicht umzusetzen, und das sieht dann so aus:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"295\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen2.jpg\" alt=\"\" class=\"wp-image-17823\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen2.jpg 502w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen2-300x176.jpg 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen2-150x88.jpg 150w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><figcaption class=\"wp-element-caption\">Hintergrund verschwommen.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"294\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen1.jpg\" alt=\"\" class=\"wp-image-17822\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen1.jpg 502w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen1-300x176.jpg 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen1-150x88.jpg 150w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><figcaption class=\"wp-element-caption\">Hintergrund durch Grafik ersetzt. (Die gr\u00fcn ist.)<\/figcaption><\/figure>\n\n\n\n<p>Schwierig ist der erste Schritt: Was geh\u00f6rt eigentlich zum Menschen und was nicht? Wenn man zus\u00e4tzlich zur Kamera einen Infrarotsender und -empf\u00e4nger h\u00e4tte, k\u00f6nnte man ein Signal senden und aus der Dauer bis zum abgestrahlten Empfang berechnen, wie weit ein Bildpunkt von der Kamera entfernt ist. Dann k\u00f6nnte man zumindest Vorder- und Hintergrund unterscheiden und das als Hilfsmittel heranziehen; in dieser Form macht das etwa die Kinect f\u00fcr die XBox.<\/p>\n\n\n\n<p>Aber diese Information hat man nicht. Also kann der Computer nicht messen, was zum Menschen geh\u00f6rt, sondern muss das allein anhand der Pixel, der Bildpunkte, entscheiden. Und das ist gar nicht leicht. Wenn man mit einem Bildbearbeitungsprogramm versucht, automatisiert einen Menschen auszuschneiden oder auch ein anderes Objekt, dann merkt man, wie schwer das ist. <\/p>\n\n\n\n<p>Ich habe mich gefragt, wie das funktioniert. <a href=\"https:\/\/twitter.com\/_nd_\/status\/1352514948518322176\">Auf Twitter hat man mir den Tipp gegeben,<\/a> dass Gesichtserkennung dahinter steckt, also ein Algorithmus, der Gesichter erkennen kann und dann anhand zusammengeh\u00f6render Fl\u00e4chen entscheidet, was am Gesicht noch alles dranh\u00e4ngt. Das kann man ausprobieren, wenn man in diesem System a) ein Cthulhu-Pl\u00fcschmonster oder ein Blatt Papier vor das eigene Gesicht h\u00e4lt (der ganze K\u00f6rper verschwindet, weil kein Mensch mehr erkannt wird) oder b) eine Guy-Fawkes-Maske (alles bleibt, weil die Maske als Gesicht erkannt wird).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"288\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen3.jpg\" alt=\"\" class=\"wp-image-17827\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen3.jpg 502w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen3-300x172.jpg 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen3-150x86.jpg 150w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><figcaption class=\"wp-element-caption\">Kein Foto von dem Blatt Papier. Weil, wenn&#8217;s funktioniert, dann sieht man ja genau nichts.<\/figcaption><\/figure>\n\n\n\n<p>Man kann das auch testen, indem man die Maske dreht. Ab einem bestimmten Winkel z\u00e4hlt sie nicht mehr als Gesicht und verschwindet v\u00f6llig. Man kann das nat\u00fcrlich auch testen, indem man das eigene Gesicht vor der Kamera um 90 Grad dreht und auf die Seite legt, oder noch mehr &#8211; ich hab&#8217;s ausprobiert, man sieht aber etwas bl\u00f6d dabei aus. (Und vielleicht stimmt das auch alles gar nicht und es geht nicht um Gesichter, sondern um, uh, eine andere Form von K\u00f6rpererkennung.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"285\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen4.jpg\" alt=\"\" class=\"wp-image-17829\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen4.jpg 502w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen4-300x170.jpg 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen4-150x85.jpg 150w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/figure>\n\n\n\n<p>Dieses Berechnen, was Gesicht ist und was nicht, ist aufwendig und kostet Rechenzeit. Wer Skype oder Zoom benutzt, installiert dazu meist einen Client, und der f\u00fchrt auf dem eigenen Rechner diese Berechnungen durch, bevor das so entstandene ver\u00e4nderte Bild an den Server geschickt wird. Wenn man kein eigenes Programm installiert, so wie das bei BigBlueButton der Fall ist, dann m\u00fcsste man das unmanipulierte Bild an den Server schicken (sofern man nicht dem eigenen Browser die Berechnung aufdr\u00fccken w\u00fcrde, wof\u00fcr der sich aber bedanken w\u00fcrde) und der Server m\u00fcsste die Berechnungen durchf\u00fchren, und zwar f\u00fcr alle Anwesenden in der Konferenz gleichzeitig. Das vermeidet BBB und deshalb bietet BBB dieses sch\u00f6ne Feature nicht an.<\/p>\n\n\n\n<p>Aber&#8230;<\/p>\n\n\n\n<p>&#8230;man kann diese Bildvorbereitung auch mit anderen Mitteln zuhause durchf\u00fchren, das Bild also au\u00dferhalb von BBB manipulieren und erst das fertig bearbeitete Bild an BBB schicken. Damit kann man dann n\u00e4mlich doch einen virtuellen Hintergrund in BBB erzeugen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"402\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen5.jpg\" alt=\"\" class=\"wp-image-17833\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen5.jpg 540w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen5-300x223.jpg 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen5-150x112.jpg 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><figcaption class=\"wp-element-caption\">Screenshot aus BigBlueButton.<\/figcaption><\/figure>\n\n\n\n<p>Daf\u00fcr gibt es sicher einige M\u00f6glichkeiten. Meine habe ich aus <a href=\"https:\/\/www.youtube.com\/watch?v=nIiQNwiry-I\">diesem Youtube-Video<\/a>, sie ist umst\u00e4ndlich, tut mir leid. Im Video ist alles erkl\u00e4rt, hier unten halt einfach noch einmal in meinen Worten.<\/p>\n\n\n\n<p>Ich brauche erstens ein Programm, das einen Algorithmus beherrscht, mit dem es Gesichter+K\u00f6rper erkennen kann. Das ist zum Beispiel Skype, das man sich installieren kann:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"669\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_skype-700x669.png\" alt=\"\" class=\"wp-image-17835\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_skype-700x669.png 700w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_skype-300x287.png 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_skype-150x143.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_skype.png 867w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Bei Skype kann man als Hintergrund ausw\u00e4hlen &#8222;Blur&#8220; (der verschwommene tats\u00e4chliche Hintergrund) oder eine eigene Datei. Ich habe eine eigene Datei hinzugef\u00fcgt, und zwar eine gr\u00fcne Grafikdatei &#8211; kann man sich selber machen oder man googelt nach &#8222;greenscreen.png&#8220; oder so etwas. &#8211; Ich habe gleichzeitig bei den Einstellungen zu Audio und Video mein Bild ents\u00e4ttigt, so dass es in Graut\u00f6nen dargestellt wird, einfach so als Spielerei.<\/p>\n\n\n\n<p>Zweitens l\u00e4uft gleichzeitig ein anderes Programm, das: a) das offene Skypefenster abfilmt, b) zus\u00e4tzlich die gr\u00fcnen Elemente unsichtbar macht, c) dahinter eine andere Grafik sichtbar macht und und d) das Ergebnis als virtuelle Kamera zur Verf\u00fcgung stellt. So wie es virtuelle Drucker gibt, die sich so verhalten wie Hardware-Drucker, in Wirklichkeit aber ein Programm sind, das das Druckergebnis in eine PDF-Datei ausgibt, gibt es auch virtuelle Kameras, die dem Betriebssystem vorgaukeln, sie seien eine ganz normale Kamera, hinter denen aber keine Hardware steckt.<\/p>\n\n\n\n<p>Dieses andere Programm hei\u00dft <a href=\"https:\/\/obsproject.com\/de\/\">OBS (Open Broadcaster Software) Studio<\/a>. Damit kann man Erkl\u00e4rvideos erstellen; Youtuber nutzen das. Ich habe es ohnehin bei mir installiert, es ist allerdings sehr m\u00e4chtig und deshalb gew\u00f6hnungsbed\u00fcrftig.<\/p>\n\n\n\n<p>OBS Studio funktioniert so, dass man mehrere Quellen f\u00fcr Bild oder Ton ausw\u00e4hlt und speichert. Die ordnet man dann neben- oder \u00fcbereinander an. So kann man Bild-in-Bild-Erkl\u00e4rvideos erstellen, oder gleichzeitig zum Beispiel ein Dokumentfenster, ein Kamerafensterchen und ein Programmfenster zeigen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"376\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_obs.png\" alt=\"\" class=\"wp-image-17841\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_obs.png 700w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_obs-300x161.png 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen_obs-150x81.png 150w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Die oben blau eingekastelte Quelle ist eine Fensteraufnahme eines offenen Fensters, und zwar des Skype-Fensters aus dem Screenshot oben. Das wird im Ganzen \u00fcbernommen, also mit allem Text drumherum. Deshalb beschneide ich das noch mit einem Filter. Au\u00dferdem kommt ein Chroma-Filter dar\u00fcber, der daf\u00fcr sorgt, dass alles gr\u00fcne durchsichtig wird. Die oben rot eingekastelte Quelle ist eine Medienaufnahme, und zwar eine Filmdatei auf der Festplatte. Das k\u00f6nnte auch ein gif oder ein normales Bild sein. (Zwei Stunden lang alte Superman-Cartoons in Dauerschleife kann ich sehr empfehlen. Viel Bewegung drin, satte Farben, expressive Formen.) Normalerweise liegen die rote und die blaue Quelle direkt \u00fcbereinander, ich habe die rote im Screenshot verschoben, damit man das besser sieht.<\/p>\n\n\n\n<p>Und zuletzt muss ich noch das Plugin &#8222;Virtual Camera&#8220; installieren, das mir erlaubt, die OBS-Ausgabe als Kamera zu benutzen. <a href=\"https:\/\/www.vodafone.de\/featured\/service-hilfe\/obs-studio-virtual-camera-plugin-installation-virtuelle-webcam\/#\/\">Hier beschrieben.<\/a><\/p>\n\n\n\n<p>Geht das alles nicht einfacher? Vermutlich. So eine virtuelle Kamera mit integrierter Gesichts\/K\u00f6rpererkennung wird es doch wohl als fertiges Produkt zu kaufen geben? Aber mir reichen meine Bordmittel. (Nachtrag: Ja, klar, gibt Programme dazu, m\u00fcsste nur den Namen suchen. Das hier ist eine, die habe ich aber nicht ausprobiert: https:\/\/www.xsplit.com\/de\/vcam. Und ein paar Kolleg:innen nutzen ein anderes Programm, aber wie gesagt, Name.)<\/p>\n\n\n\n<p>Das n\u00e4chste Mal vielleicht: wie ich live meine Stimme ver\u00e4ndern kann&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(6 Kommentare.) In Zoom oder Skype kann man virtuelle Hintergr\u00fcnde erstellen oder den tats\u00e4chlichen Hintergrund verschwommen darstellen lassen. Das ist sch\u00f6n, wenn man weniger Privates von sich preisgeben m\u00f6chte, und oft noch sch\u00f6ner, weil man Scherze damit treiben kann. Warum geht das mit BigBlueButton nicht? Kurz: Ich vermute, das liegt daran, dass man f\u00fcr BBB [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":17822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[313],"tags":[227],"class_list":["post-17819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tagebuch","tag-informatik"],"jetpack_featured_media_url":"https:\/\/www.herr-rau.de\/wordpress\/archiv\/greenscreen1.jpg","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/17819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/comments?post=17819"}],"version-history":[{"count":3,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/17819\/revisions"}],"predecessor-version":[{"id":55663,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/17819\/revisions\/55663"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media\/17822"}],"wp:attachment":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media?parent=17819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/categories?post=17819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/tags?post=17819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}