Skip to Content

Wiki source code of VR-Inhalte einfügen

Last modified by Moritz Baumgarten on 15.01.2024
Show last authors
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 VR content from the web, such as 3D models by [[Sketchfab>>url:https://sketchfab.com/||shape="rect"]], can be embedded in many places on the learning platform via the text editor using **embed code**.
5
6 {{info}}
7 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>>url:https://www.bps-system.de/help/display/LMSintern/Anwendungsbeispiel:+Datei+mit+VR-Inhalt+einbinden||shape="rect"]] help page in the single page course element section.
8 {{/info}}
9
10 (% class="auto-cursor-target" %)
11 [[image:attach:Kursrun - 3D Modell in einer Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
12 {{/layout-cell}}
13
14 {{layout-cell}}{{/layout-cell}}
15 {{/layout-section}}
16
17 {{layout-section ac:type="single"}}
18 {{layout-cell}}
19
20 {{/layout-cell}}
21 {{/layout-section}}
22
23 {{layout-section ac:type="single"}}
24 {{layout-cell}}
25 == Make VR content available via embed code ==
26
27
28
29 The [[Sketchfab>>url:https://sketchfab.com/||shape="rect"]] 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>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/23615176737||shape="rect"]] course.
30
31
32 To embed a Sketchfab 3D model on an internal page, proceed as follows:
33
34 |(((
35 First, you need the **embed code** of the VR content. In [[Sketchfab>>url:https://sketchfab.com/||shape="rect"]], 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.
36 )))|(((
37 (% class="content-wrapper" %)
38 (((
39 [[image:attach:Skatchfab - Einbettungscode anzeigen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
40 )))
41 )))
42 |(((
43 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.
44 )))|(((
45 (% class="content-wrapper" %)
46 (((
47 [[image:attach:Textditor - Video einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
48 )))
49 )))
50 |(((
51 In the dialogue that opens, select the displayed **Embed** tab. Enter your embed code in the text field.
52 )))|(((
53 (% class="content-wrapper" %)
54 (((
55 [[image:attach:Textditor - Einbettungscode einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
56 )))
57 )))
58 |(((
59 If necessary, you can also adjust the size later in the General tab. Close the dialogue with **OK**.
60 )))|(((
61 (% class="content-wrapper" %)
62 (((
63 [[image:attach:Textditor - Größe anpassen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
64 )))
65 )))
66 |(((
67 A placeholder for the VR content will then appear in the text field. Save your page with **Save and close**.
68 )))|(((
69 (% class="content-wrapper" %)
70 (((
71 [[image:attach:Textditor - Speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
72 )))
73 )))
74 |(((
75 The editor view of the page closes, and you see the VR content on the displayed page in the course view.
76 )))|(((
77 (% class="content-wrapper" %)
78 (((
79 [[image:attach:Kursrun - 3D Modell in einer Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
80 )))
81 )))
82 {{/layout-cell}}
83 {{/layout-section}}
84 {{/layout}}