Wiki-Quellcode von VR-Inhalte einfügen

Zuletzt geändert von Moritz Baumgarten am 15.01.2024
Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4
5 {{/layout-cell}}
6 {{/layout-section}}
7
8 {{layout-section ac:type="two_right_sidebar"}}
9 {{layout-cell}}
10 VR-Inhalte aus dem Web, wie beispielsweise 3D-Modelle von [[Sketchfab>>url:https://sketchfab.com/||shape="rect"]], können über den Texteditor per** Einbettungscode** an vielen Stellen der Lernplattform eingebunden werden.
11
12 {{info}}
13 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome]].
14 {{/info}}
15
16 [[image:attach:Kursrun - 3D Modell in einer Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
17 {{/layout-cell}}
18
19 {{layout-cell}}{{/layout-cell}}
20 {{/layout-section}}
21
22 {{layout-section ac:type="single"}}
23 {{layout-cell}}
24
25 {{/layout-cell}}
26 {{/layout-section}}
27
28 {{layout-section ac:type="single"}}
29 {{layout-cell}}
30 == VR-Inhalt per Einbettungscode verfügbar machen ==
31
32
33
34 Der Webservice [[Sketchfab>>url:https://sketchfab.com/||shape="rect"]] 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>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/23615176737||shape="rect"]].
35
36
37 Um einen 3D-Modell von Sketchfab auf einer internen Seite einzubetten, gehen Sie wie folgt vor:
38
39 (% class="wrapped" %)
40 |(% colspan="1" %)(% colspan="1" %)
41 (((
42 Sie benötigen zunächst den **Einbettungscode** des VR-Inhalts. Bei [[Sketchfab>>url:https://sketchfab.com/||shape="rect" class="external-link"]] 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.
43 )))|(% colspan="1" %)(% colspan="1" %)
44 (((
45 (% class="content-wrapper" %)
46 (((
47 (% class="confluence-embedded-file-wrapper confluence-embedded-manual-size" %)[[image:attach:Skatchfab - Einbettungscode anzeigen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
48 )))
49 )))
50 |(% colspan="1" %)(% colspan="1" %)
51 (((
52 Ö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**.
53 )))|(% colspan="1" %)(% colspan="1" %)
54 (((
55 (% class="content-wrapper" %)
56 (((
57 [[image:attach:Textditor - Video einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
58 )))
59 )))
60 |(% colspan="1" %)(% colspan="1" %)
61 (((
62 Im sich öffnenden Dialog wählen Sie den angezeigten Reiter **Einbetten**. Tragen Sie dort Ihren Einbettungscode in das Textfeld ein.
63 )))|(% colspan="1" %)(% colspan="1" %)
64 (((
65 (% class="content-wrapper" %)
66 (((
67 [[image:attach:Textditor - Einbettungscode einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
68 )))
69 )))
70 |(% colspan="1" %)(% colspan="1" %)
71 (((
72 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**.
73 )))|(% colspan="1" %)(% colspan="1" %)
74 (((
75 (% class="content-wrapper" %)
76 (((
77 [[image:attach:Textditor - Größe anpassen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
78 )))
79 )))
80 |(% colspan="1" %)(% colspan="1" %)
81 (((
82 Anschließend wird ein Platzhalter für den VR-Inhalt im Textfeld angezeigt. Speichern Sie Ihre Seite mit dem Button **Speichern und Schließen**.
83 )))|(% colspan="1" %)(% colspan="1" %)
84 (((
85 (% class="content-wrapper" %)
86 (((
87 [[image:attach:Textditor - Speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
88 )))
89 )))
90 |(% colspan="1" %)(% colspan="1" %)
91 (((
92 Die Editoransicht der Seite wird geschlossen und Sie sehen in der Kursansicht den VR-Inhalt auf der angezeigten Seite.
93 )))|(% colspan="1" %)(% colspan="1" %)
94 (((
95 (% class="content-wrapper" %)
96 (((
97 [[image:attach:Kursrun - 3D Modell in einer Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
98 )))
99 )))
100 {{/layout-cell}}
101 {{/layout-section}}
102 {{/layout}}