Kann eine MP4-Datei in eine Three.js-IFC-Szene eingebunden werden?

Ja. Ein HTMLVideoElement kann eine VideoTexture ansteuern, die auf eine Ebene in derselben Szene wie das IFC-Modell angewendet wird. Die Anwendung muss das Medienelement, die Textur, das Material und die Geometrie selbst verwalten und wieder freigeben.

Welcher Videoplatzierungsmodus eignet sich am besten für eine Messe?

Ein kamerazugewandtes Billboard ist als erste Ansicht am robustesten, weil es lesbar bleibt, während der Vorführende die Kamera bewegt. Geländeüberlagerungen liefern einen stärkeren räumlichen Kontext, erfordern aber eine sorgfältige Platzierung und Deckkraft.

Ist der Clip des Operations Pavilion echtes Baustellenmaterial?

Nein. Es handelt sich um eine klar gekennzeichnete, synthetische Acht-Sekunden-Schleife, die passend zum IFC-Modell erstellt wurde, um den Offline-Ausstellungsworkflow reproduzierbar zu machen.

Zurück zum BIM- & IFC-Blog

Digitale Zwillinge · 2026-08-21 · 10 Min.

IFC + Video auf 3D-Gelände: Interaktive Baufortschritts-Demo

Sehen Sie, wie der echte Viewer Video neben IFC als Bildschirm, Geländeüberlagerung oder Billboard platziert, und probieren Sie metrische Position und Deckkraft direkt in der Browser-Demo aus.

Titelbild „IFC and Video on 3D Terrain“ über einer echten Viewer-Aufnahme mit dem Operations Pavilion und den Steuerelementen für die Videoplatzierung

Ein normaler Videoplayer erklärt die Zeit, verliert aber den Raum. Ein normaler IFC-Viewer erklärt den Raum, verliert aber oft die visuelle Evidenz, die vor Ort aufgenommen wurde. Beide Ressourcen in einem 3D-Rahmen zusammenzuführen, erlaubt es dem Vorführenden, auf das geplante Element, den Geländekontext und den dokumentierten Zustand zu zeigen, ohne die Anwendung zu wechseln.

Das Ziel ist nicht, überall Video zu verteilen. Es geht darum, einen Platzierungsmodus zu wählen, der eine Nutzerfrage beantwortet: Was hat diese Kamera gesehen? Wohin gehört dieser Fortschrittsnachweis? Welche Fläche oder welcher Arbeitsbereich wird gerade besprochen?

Den Offline-Beispielclip ansehen

Baufortschritts-Schleife des Operations Pavilion

Synthetische Acht-Sekunden-Schleife, gepaart mit dem mitgelieferten IFC4-Pavillon.

IFC + 3D-Video live ausprobieren

Starten Sie das Live-Beispiel, um das passende IFC-Modell zu laden, eine Video-Textur zu erzeugen und beide Ressourcen gemeinsam ins Bild zu rücken. Der Clip startet stummgeschaltet und läuft lokal in einer Schleife, sodass die Demo nicht von einem Streaming-Dienst oder dem WLAN der Messe abhängt.

Operations Pavilion — IFC + Video-Textur

Interaktives WebGL-Beispiel mit einem mitgelieferten IFC4-Modell und der passenden synthetischen Fortschritts-Schleife als kamerazugewandte 3D-Ressource.

Echte Oberfläche von IFC Viewer Online mit dem Pavillon, dem Video-Billboard sowie den Steuerelementen für metrische Position, Größe und Deckkraft — IFC und Video sind bereit — zum Umkreisen ziehen

IFC Viewer Online mit dem Operations Pavilion, einem Video-Billboard und Steuerelementen für Bildschirm, Gelände, Position, Breite und Deckkraft — Echte Produktaufnahme: Das mitgelieferte IFC-Modell und die MP4-Datei werden gemeinsam geladen, und die Videofläche lässt sich positionieren, in der Größe ändern und transparent machen.

Drei Platzierungsmodi, drei verschiedene Aufgaben

Vergleich eines Baustellenvideos, platziert als vertikaler Bildschirm, geländeausgerichtete Überlagerung und kamerazugewandtes Billboard neben einem IFC-Pavillon — Bildschirm, Bodenüberlagerung und Billboard sind Präsentationsentscheidungen, keine austauschbaren visuellen Effekte.

Modus	Beste Verwendung	Hauptrisiko
Bildschirm	Inspektionsstation, Fassaden- oder Anlagenkamera	Wirkt losgelöst, wenn die 3D-Position willkürlich ist
Boden / Gelände	Fortschrittsbereich, Drohnenkontext, Aushub-Nachweis	Z-Fighting oder falsche Präzision bei unebenem Gelände
Billboard	Messen, geführte Touren und schnelles Storytelling	Weniger räumlich aussagekräftig, da es der Kamera folgt

Deckkraft und Gelände sind Produktsteuerungen

Deckkraft ist nützlich, wenn das Publikum die geplante Geometrie durch die aufgenommenen Pixel hindurch sehen soll. Sie ist kein Deko-Regler: Bei geringer Deckkraft kann das Video unmöglich interpretierbar werden, während es bei voller Deckkraft die besprochene IFC-Evidenz verdecken kann. Eine sinnvolle Voreinstellung hält das Material lesbar und bietet einen Vergleichszustand per Klick.

Ein Bodenvideo benötigt außerdem eine metrische Breite, eine lokale Position, einen Gierwinkel und einen kleinen Flächenversatz. Wenn die Anwendung das sichtbare Gelände oder die Szenengeometrie abtasten kann, kann sie die Ebene auf die Oberfläche einrasten lassen. Die Oberfläche sollte die resultierende Platzierung trotzdem anzeigen; ein automatisches Einrasten ist eine Annehmlichkeit, keine vermessene Transformation.

IFC-Modell des Operations Pavilion mit einem warmen Baufortschritts-Videobild, vorbereitet zur Platzierung als 3D-Textur — Das stabile Vorschaubild wird vom Player, den Social-Media-Metadaten und der Video-Suchmaschinen-Markup verwendet.

Regeln für Performance und Lebenszyklus

Erstellen Sie das HTMLVideoElement und die WebGL-VideoTexture erst, wenn ein Nutzer das Beispiel öffnet oder die Ressource in den sichtbaren Bereich gelangt.
Verwenden Sie eine Textur wieder, wenn Sie Deckkraft oder Platzierung ändern; erzeugen Sie den Decoder nicht bei jeder Reglerbewegung neu.
Pausieren Sie das Video, wenn es ausgeblendet wird, und geben Sie Medienelement, Textur, Material, Geometrie und Objekt-URL beim Entfernen wieder frei.
Halten Sie ein statisches Vorschaubild auf der Seite vor, damit Nutzer und Crawler nützlichen Inhalt sehen, bevor WebGL startet.
Bevorzugen Sie für Messen eine kleine lokale MP4-/WebM-Schleife und ergänzen Sie WebRTC-Kamera- oder Bildschirmaufnahme nur als explizit live gekennzeichnete Quelle.

Eine Fünf-Minuten-Erzählung für die Messe

Öffnen Sie das IFC-Modell allein und rücken Sie den Pavillon ins Bild.
Laden Sie den passenden Clip als Billboard, damit ihn jeder Besucher sofort sehen kann.
Wechseln Sie in den Bodenmodus und passen Sie die Deckkraft an, um den räumlichen Zusammenhang sichtbar zu machen.
Bewegen Sie die Kamera, während der Clip weiterläuft, um zu zeigen, dass er Teil der 3D-Szene ist und keine Überlagerung der Webseite.
Beenden Sie, indem Sie dasselbe Paar erneut offline laden, und erklären Sie, wie eine echte Kamera, ein geteilter Bildschirm oder eine aufgezeichnete Inspektion die synthetische Quelle ersetzen könnte.

Wenn die Evidenz als XYZ-Punkte statt als Pixel inspizierbar bleiben muss, verwenden Sie die Architektur für zeitliches LiDAR und MCAP. Wenn der Vergleich statisch und vermessen ist, beginnen Sie mit IFC + Punktwolke Scan-to-BIM-Ausrichtung.

IFC + Video auf 3D-Gelände: Interaktive Baufortschritts-Demo