Zum Inhalt springen

Änderungen von Dokument Video einbinden (ONYX)

Zuletzt geändert von Anna Paul-Hasenfuss am 08.05.2025
Von Version 1.1
bearbeitet von Carina Enke
am 13.11.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 13.1
bearbeitet von Carina Enke
am 13.11.2024
Änderungskommentar: Neues Bild Editor - Aufgabenstellung mit eingebettetem Video.png hochladen

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,7 +1,8 @@
1 1  {{section}}
2 2  {{column width="60%"}}
3 +Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert oder als Referenz verwenden.
3 3  
4 -
5 +Aus Performance-Gründen wird insbesondere für große Testszenarien die direkte Integration von Videos nicht empfohlen.
5 5  {{/column}}
6 6  
7 7  {{column width="30%"}}
... ... @@ -16,6 +16,36 @@
16 16  {{panel title="Weiterführende Inhalte"}}
17 17  * ..
18 18  {{/panel}}
19 -
20 20  {{/column}}
21 21  {{/section}}
22 +
23 +
24 +Um ein Video zu integrieren, benötigen Sie einen **Einbettungscode** des Videos. Sie finden diesen Code meist im Bearbeitungsbereich Ihrer Videoplattform. Für einzelne Plattformen beschreibt die Seite [[Einbettungscode finden>>url:https://help.bps-system.de/wiki/bin/view/LMS/Benutzerhandbuch%20OPAL/Lehren/Weitere%20Funktionen/Texteditor/Video%20einbinden/Einbettungscode%20finden/]], wo Sie diesen Code kopieren können. Sichern Sie sich den Code in einer Zwischenablage.
25 +
26 +
27 +[[image:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome@VCS - Einbettungscode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
28 +
29 +
30 +Öffnen Sie im Aufgabenpool die Ressource zu der das Video integriert werden soll. Wechseln Sie im ONYX Editor mit [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_HTML Ansicht öffnen.png||data-xwiki-image-style="img-icon" height="27" width="31"]] in die Quellcode-Ansicht, bspw. die Aufgabenstellung, und fügen Sie den iFrame-Link aus dem Zwischenspeicher ein.
31 +
32 +[[image:Editor - Video über Quellcode einbinden_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] [[image:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
33 +
34 +=== Referenzieren von Videos mit YouTube ===
35 +
36 +YouTube bietet eine einfache Funktion zum Einbetten von Videos in andere Webseiten. Diese Einbetten-Funktion kann auch für die Video-Integration in ONYX genutzt werden.
37 +
38 +[[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
39 +
40 +Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert werden. Um ein Video zu integrieren, kopieren Sie den angezeigten iFrame-Link in Ihren Testinhalt. Wechseln Sie im ONYX Editor mit [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_HTML Ansicht öffnen.png||data-xwiki-image-style="img-icon" height="27" width="31"]] in die Quellcode-Ansicht, bspw. die Aufgabenstellung, und fügen Sie den iFrame-Link aus dem Zwischenspeicher ein.
41 +
42 +[[image:attach:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
43 +
44 +[[image:attach:Editor - Beispielquellcode einer Aufgabe.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
45 +
46 +Mit Bestätigung durch OK wird das Quellcode-Fenster geschlossen und das Video in den Inhalt integriert.
47 +
48 +[[image:attach:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
49 +
50 +Über die Vorschau-Funktion können Sie den Inhalt ausprobieren.
51 +
52 + [[image:attach:Testvorschau - Beispielaufgabe mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
Editor - Aufgabenstellung mit eingebettetem Video.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +44.9 KB
Inhalt
Editor - Beispielquellcode einer Aufgabe.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +20.9 KB
Inhalt
Editor - Quellcodeansicht der Aufgabe öffnen_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +13.7 KB
Inhalt
Editor - Video über Quellcode einbinden_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +45.7 KB
Inhalt
Testvorschau - Beispielaufgabe mit eingebettetem Video.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +173.5 KB
Inhalt
Youtube - Video einbetten_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +227.9 KB
Inhalt