VR-Inhalte einfuegen

Version 256.1 von Carina Enke am 20.12.2023
Warnung: Aus Sicherheitsgründen wird das Dokument in einem eingeschränkten Modus angezeigt, da es sich nicht um die aktuelle Version handelt. Dadurch kann es zu Abweichungen und Fehlern kommen.

VR-Inhalte aus dem Web, wie beispielsweise 3D-Modelle von Sketchfab, können über den Texteditor per Einbettungscode an vielen Stellen der Lernplattform eingebunden werden.

Information

Liegen Ihnen VR-Inhalte als WebGL- bzw. HTML5 Export vor, können diese auch direkt im Kurs eingebunden und als interne Seite aufgerufen werden. Weitere Informationen zu dieser Möglichkeit finden Sie im Abschnitt zum Kursbaustein Einzelne Seite auf der Seite Datei mit VR-Inhalt einbinden.

Kursrun - 3D Modell in einer Seite_de.png

Unbekanntes Makro: scroll-ignore. Klicke auf diese Nachricht, um Details zu erfahren.


VR-Inhalt per Einbettungscode verfügbar machen

Der Webservice Sketchfab bietet die Möglichkeit, dort verfügbare 3D-Modelle anzusehen und im Browser mit diesen Modellen per Maus, Touch, Virtual Reality oder Augmented Reality zu interagieren. Die Anzeige und (einfache) Einbindung der Modelle, bspw. auf einer Website, sind bei allen (öffentlich zugänglichen) 3D-Modellen ohne Benutzerkonto möglich. Mehr Informationen zu Sketchfab und weiteren Werkzeugen zur Anzeige und Erstellung von 3D-Inhalten finden Sie im Kurs opalVR.


Um einen 3D-Modell von Sketchfab auf einer internen Seite einzubetten, gehen Sie wie folgt vor:

Sie benötigen zunächst den Einbettungscode des VR-Inhalts. Bei Sketchfab finden Sie diesen Code in der Detailansicht eines 3D-Inhalts im Bereich </> Embed. Stellen Sie dort das Format auf iframe und passen Sie bei Bedarf unter Size die Größe an. Sichern Sie sich den angezeigten Code in einer Zwischenablage.

Skatchfab - Einbettungscode anzeigen_de.png

Öffnen Sie nun den Texteditor, bspw. bei einem Kursbausteins Einzelne Seite, zu dem Sie den VR-Inhalt einfügen möchten. Wählen Sie den Eintrag Einfügen im Werkzeugbereich des Texteditors. Es öffnet sich eine Liste. Klicken Sie hier auf die Auswahloption Video einfügen.

Textditor - Video einfügen_de.png

Im sich öffnenden Dialog wählen Sie den angezeigten Reiter Einbetten. Tragen Sie dort Ihren Einbettungscode in das Textfeld ein.

Textditor - Einbettungscode einfügen_de.png

Bei Bedarf können Sie die Größe auch nachträglich im Reiter Allgemein anpassen. Schließen Sie den Dialog mit Klick auf den Button OK.

Textditor - Größe anpassen_de.png

Anschließend wird ein Platzhalter für den VR-Inhalt im Textfeld angezeigt. Speichern Sie Ihre Seite mit dem Button Speichern und Schließen.

Textditor - Speichern_de.png

Die Editoransicht der Seite wird geschlossen und Sie sehen in der Kursansicht den VR-Inhalt auf der angezeigten Seite.

Kursrun - 3D Modell in einer Seite_de.png

VR content from the web, such as 3D models by Sketchfab, can be embedded in many places on the learning platform via the text editor using embed code.

Information

If VR content is available as a WebGL or HTML5 export, it can also be embedded directly in the course and opened as an internal page. For more information on this option, see the Embed file with VR content help page in the single page course element section.

Kursrun - 3D Modell in einer Seite_de.png

Unbekanntes Makro: scroll-ignore. Klicke auf diese Nachricht, um Details zu erfahren.


Make VR content available via embed code

The Sketchfab web service offers the chance to view the 3D models available there and to interact with these models in the browser using a mouse, touch, virtual reality or augmented reality. The display and (simple) integration of the models, e. g. on a website, are possible for all (publicly accessible) 3D models without a user account. For more information about Sketchfab and other tools to view and create 3D content, see the opalVR course.


To embed a Sketchfab 3D model on an internal page, proceed as follows:

First, you need the embed code of the VR content. In Sketchfab, you will find this code in the detailed view of the 3D content in the </> Embed area. Set the format to iframe and adjust the size if necessary. Save the displayed code to a clipboard.

Skatchfab - Einbettungscode anzeigen_de.png

Now open the text editor, e. g. for a single page course element, where you wish to paste the VR content. Select Insert from the tool area of the text editor. A list opens. Click on the Media selection option.

Textditor - Video einfügen_de.png

In the dialogue that opens, select the displayed Embed tab. Enter your embed code in the text field.

Textditor - Einbettungscode einfügen_de.png

If necessary, you can also adjust the size later in the General tab. Close the dialogue with OK.

Textditor - Größe anpassen_de.png

A placeholder for the VR content will then appear in the text field. Save your page with Save and close.

Textditor - Speichern_de.png

The editor view of the page closes, and you see the VR content on the displayed page in the course view.

Kursrun - 3D Modell in einer Seite_de.png