Zuletzt bearbeitet vor 3 Monaten
von Margit Link-Rodrigue

Handbuch:Erweiterung/EmbedVideo (fork) und Sandbox2: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
VisuellWikitext
Keine Bearbeitungszusammenfassung
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<bookshelf src="Buch:Benutzerhandbuch" />
{{DISPLAYTITLE:Sandkasten2}}


{{DISPLAYTITLE:Videos einbinden}}
==ASK ==
{{BSVersion|bsvFrom=4.4|bsvFeature=EmbedVideo|info=Bis BlueSpice 4.3 ist die Erweiterung [[Handbuch:Erweiterung/EmbedVideo|EmbedVideo]] gebündelt.}}
{{#ask:[[Kategorie:Verwaltung]]
{{Hinweisbox|boxtype=Wichtig|icon=|Note text=Standardmäßig sind Video- und Audioformate nicht als erlaubte Dateiformate konfiguriert.
|format=table
Ein Administrator muss daher in der [[Handbuch:Erweiterung/BlueSpiceConfigManager|Konfigurationsverwaltung]] die entsprechenden Dateiformate erst hinzufügen, bevor Benutzer diese Dateien hochladen können|bgcolor=}}
|?Category
}}
 
Eine Auswahl von standardmäßig integrierten Inhaltselementen - so holen Sie sich das Wiki Leben ein!
Wechseln Sie in den <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Bearbeitungsmodus]</span>, um die Seite selbst zu bearbeiten. . 
 
<div id="use_cases">
==PDF-Handler ==
[[File:Manual:Manual Wikitext Wikitext reference.pdf|thumb|alt=|283x283px]][[Datei:Testpdf.pdf|mini]]<span><span /><span /><br /></span>


==Externe Videos einbetten==
<span><br /></span>[[Datei:Translate Rasperry pi.pdf|mini]]<span><span /><br /></span>
[[Datei:750px-video-extern-einbetten.png|alternativtext=Eingebettete externe YouTube-Videos|zentriert|mini|750x750px|Eingebettete externe YouTube-Videos]]


<span><span /><br /></span>


<span><span /><br /></span>


=== Content Droplet ===
==Bildvorschau==
Externe Videos aus unterstützten Diensten lassen sich über das [[Handbuch:Erweiterung/ContentDroplets|Content Droplet]] "Video" einfügen.
[[File:Insert files 2.png|none|thumb]]


=== Quelltextmodus ===
==Tabellen ==
{{Hinweisbox|boxtype=note|Note text=Die Anleitung zur Nutzung der Erweiterung EmbedVideo wurde aus der englischen [https://www.mediawiki.org/wiki/Extension:EmbedVideo_(fork) Mediawiki-Hilfeseite] übernommen und angepasst.}}


==== Syntax ====
<span><span /><span /><br /></span>
Ein einzelnes externes Video wird über folgendes Parser-Tag im Quelltext eingefügt:
Tabellen haben praktische Filter- und Sortiermöglichkeiten. Zum Filtern und Sortieren können Benutzer im Ansichtsmodus auf die jeweilige Kopfzeile einer Spalte klicken. Diese Funktion steht im Bearbeitungsmodus nicht zur Verfügung. Beispiel einer filterbaren Tabelle:<span /><span /><span /><br />
<syntaxhighlight lang="text">
{| class="wikitable sortable" style="width:100%;"
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}
!Funktion!!Wert
</syntaxhighlight>Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:<syntaxhighlight lang="text">
|-
{{#ev:service|id|||description}}
|Filtrierbare Tabelle||funktioniert
<syntaxhighlight lang="text">Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:<syntaxhighlight>
|-
{{#ev:youtube|MLIE2642neg}}
|Kategoriencheck||nicht vorhanden
</syntaxhighlight>Beispiel mit Video-Beschreibung (- in die Beschreibung kann über das <code><nowiki><br /></nowiki></code> Tag ein Zeilenumbruch eingefügt werden):
|-
<syntaxhighlight lang="text">
|Sortierbare Tabelle
{{#ev:youtube|MLIE2642neg|||ISS - Leben auf der Weltraumstation <br/> 1:04:27}}
|funktioniert
|}
==<span class="bi bi-diagram-3-fill"></span> Diagramme / Infografiken==
 
<span><br /></span>
Ablaufdiagramme, Organigramme, Prozesslandkarten, BPMN-Diagramme und mehr. Hier als Beispiel eine Infografik, erstellt mit dem eingebundenen drawio-Tool:  
 
<bs:drawio filename="Sandkasten-11346612">test</bs:drawio>
==<span class="bi bi-camera-video"></span> Videos ==
 
<span><br /></span>
Video geht natürlich auch. Egal, ob es direkt im Wiki gespeichert ist oder ob es auf einem gängigen Video-Service läuft. Hier ein Video, das ins Demowiki hochgeladen wurde:
==<span class="bi bi-list-ul"></span> Seitenlisten ==
 
<span><span /><span /><br /></span>
 
Mit der integrierten Erweiterung ''Smartlist'' lassen sich ganz leicht Seitenlisten erstellen. <smartlist new="false" count="7" trim="false" />
 
==<span class="bi bi-input-cursor-text"></span> Eingabefeld==
 
Inputboxen sind praktische Werkzeuge, um neue Seiten in bestimmte Namensräume (Wikibereiche) zu lenken. Eine Seite, die Sie hier anlegen, wird im Namensraum IMS gespeichert:<inputbox>
type=create
prefix=IMS:
break=no
width=30
buttonlabel=Seite erstellen
</inputbox>
<span /><span /><span /><br />
==<span class="bi bi-code-slash"></span> Codebeispiele dokumentieren ==
 
<span><span /><span /><br /></span>
 
Code läßt sich übersichtlich über die enthaltene Erweiterung ''SyntaxHighlight'' darstellen:<syntaxhighlight lang="php" line="1">
<?php
echo "Hallo Welt";
?>
</syntaxhighlight>
</syntaxhighlight>


==== Parameter ====
==<span class="bi bi-rss"></span> RSS-Feed ==
{| class="contenttable-blue" style="width:100%;"
 
!Attribut
<span><span /><span /><br /></span>
!erforderlich
Hier ein Feed von Bluespice.com. Mit oder ohne Beschreibung formatierbar.<rss max="4" highlight="MediaWiki BlueSpice">https://blog.bluespice.com/feed/</rss><span></span>
!Standard-wert
 
!Beschreibung
 
|-
==<span class="bi bi-emoji-smile"></span> Emoticons==
|<code>service="(Siehe unterstützte Services unten)"</code>
 
|ja
 
|
 
|Der Video-Service, der aufgerufen wird.
<span><span /><span /><br /></span>
|-  
Weil sie immer noch Spaß machen. Smileys sind mit an Bord.
|<code><nowiki>id="[id|url]"</nowiki></code>
 
|ja
Hallo :-)
|
<span /><span /><span /><br />
|Die Video-ID oder die ganze URL des externen Videos.
 
|-
 
|<code><nowiki>dimensions="[BREITE|BREITExHÖHE|xHÖHE]"</nowiki></code>
==<span class="bi bi-calculator"></span> CountThings ==
|nein
 
|640
<span><span /><span /><br /></span>
|Maße in Pixels, um die Größe des Einbindungs-Containers festzulegen. Das Standardformat ist Breite x Höhe, wobei jeweils eine Größenangabe ausgelassen werden kann. Das  <code>x</code> muss der Höhe immer vorangestellt sein.
<bs:countcharacters mode="words">SmokeTest</bs:countcharacters>
Beispiele: <code>480</code>, <code>480x320</code>, <code>x320</code>. Wenn die Höhe nicht angegeben ist, wird sie automatisch über die Breite und das standardmäßige Seitenverhältnis des Video-Services berechnet.
 
 
==<span class="bi bi-diagram-2"></span> Kategorienbaum ==
 
<span><span /><span /><br /></span>
Der Kategorienbaum zeigt die Kategorienhierarchie - mal mit, mal ohne die zugehörigen Seiten. Ganz wie Sie wollen...
<categorytree>Produkt</categorytree>
 
 
==<span class="bi bi-cloud"></span> Tag Wolke==
 


Manche Video-Services haben keine Standardhöhe. Daher sollte die Höhe bei jeder Einbindung angegeben werden.  <code>$wgEmbedVideoDefaultWidth</code> kann in der Datei <code>LocalSettings.php</code> die Standardbreite überschreiben.
|-
|<code><nowiki>alignment="[left|center|right|inline]"</nowiki></code>
|nein
| keiner
|Das Video kann links, mittig, rechts oder inline plaziert werden. Inline erlaubt es, mehrere Videos nebeneinander zu plazieren. In mobiler Ansicht werden die Videos automatisch untereinander angezeigt.
|-
|<code>description="[wiki text]"</code>
| nein
|keiner
|Zeigt eine Beschreibung unter dem Einbettungs-Container an.
|-
|<code>container="[frame]"</code>
|nein
|keiner
|Legt den Container-Typ für das Einbetten fest.
<code>frame</code>: Umgibt den Video-Player mit einer Mediawiki Vorschaubox.
|-
|<code>urlargs="modestbranding=1&version=3"</code>
|nein
|keiner
| Ermöglicht es, der generierten Einbettungs-URL extra URL-Argumente hinzuzufügen. Dies ist nützlich, wenn ein unterstützter Video-Service besondere Optionen anbietet, die nur von diesem Service unterstützt werden.
|-
|<code>autoresize="false"</code>
|nein
|wahr
|Passt die Video-Größe automatisch an, wenn die Größe des Videos den Container sprengen würde.
|-
|<code><nowiki>valignment="[top|middle|bottom|baseline]"</nowiki></code>
| nein
|keiner
|Das Video wird im Bezug auf das Parent-Element oben, mittig, unten oder auf der Grundlinie plaziert.  Die Benutzung dieses Parameters forciert den Alignment-Parameter.
|-
|<code><nowiki>width</nowiki></code>
|
|
|Breite des Videos. Die Höhe wird automatisch berechnet.
|-
|<code><nowiki>height</nowiki></code>
|
|
|Höhe des Videos. Die Breite wird automatisch berechnet.
|-
|<code><nowiki>poster</nowiki></code> / <code><nowiki>cover</nowiki></code>
|
|
|Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true).
|-
|<code><nowiki>title</nowiki></code>
|
|
|Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true).
|}
==Lokale Videos einbetten==


===Mediendialog===
<span><span /><span /><br /></span>
Videos können wie [[Handbuch:Erweiterung/VisualEditor/Bilder|Bilder]]  direkt über den Mediendialog auf einer Seite eingefügt werden. Das Wiki erkennt die Dateiendung und generiert automatisch den nötigen HTML-Player.
Welche Kategorie wächst am schnellsten? Mit einer TagCloud sehe ich es auf den ersten Blick.


===BlueSpicePlayer oder EmbedVideo===
<bs:tagcloud width="98%" float="left" count="10" renderer="text" store="category" showcount="true" minsize="5" maxsize="30" exclude="Pages with syntax highlighting errors, Pages with borken file links, Pages with RSS feeds, Pages with broken file links" /><div class="bs-tag bs-tag-bs_tagcloud" data-bs-arg-width="98%" data-bs-arg-float="left" data-bs-arg-count="10" data-bs-arg-renderer="text" data-bs-arg-store="category" data-bs-arg-showcount="true" data-bs-arg-minsize="5" data-bs-arg-maxsize="30" data-bs-arg-exclude="Pages with syntax highlighting errors, Pages with borken file links, Pages with RSS feeds, Pages with broken file links">
Videos, die direkt im Wiki gespeichert sind, können ebenso in der Quelltextbearbeitung eingebunden werden. Dies ist auch über die BlueSpice-spezifische Erweiterung [[Handbuch:Erweiterung/BlueSpicePlayer|BlueSpicePlayer]] möglich. BlueSpicePlayer hat keine Funktion zur Einbindung von externen Videos. Die Verwendung unterscheidet sich wie folgt:


{| class="contenttable-blue" style="width:100%;"
* [/wiki/Category:WCAG WCAG] <span class="counter">(9)</span>
|+
* [/wiki/Category:Organization Organisation] <span class="counter">(11)</span>
! style="width:20%;" | Syntax/Parameter
* [/wiki/Category:Personalization Personalisierung] <span class="counter">(8)</span>
! style="width:39%;" |EmbedVideo
* [/w/index.php?title=Category:MediaWiki&action=edit&redlink=1 MediaWiki] <span class="counter">(6)</span>
!BlueSpicePlayer
* [/wiki/Category:Editing Bearbeitung von] <span class="counter">(16)</span>
|-
* [/w/index.php?title=Category:Imported_vocabulary&action=edit&redlink=1 Importiertes Vokabular] <span class="counter">(7)</span>
| style="width:20%;" |Syntax
* [/wiki/Category:Extension Erweiterung] <span class="counter">(198)</span>
| style="width:39%;" |entspricht der Syntax von Bild-Dateien
* [/wiki/Category:Customization Anpassungen] <span class="counter">(9)</span>
<code><nowiki>[[Datei:beispielname.mp4]]</nowiki></code>
* [/wiki/Category:Setup Einrichtung] <span class="counter">(8)</span>
|<code><nowiki><bs:showtime>beispielname.mp4</bs:showtime></nowiki></code>
* [/wiki/Category:BlueSpice_free BlueSpice kostenlos] <span class="counter">(9)</span>
|-
| style="width:20%;" |Größe
| style="width:39%;" |Angabe nur der Breite möglich, das Video füllt die gesamte Breite des Player-Containers aus:
<code><nowiki>[[Datei:beispielname.mp4|600px]]</nowiki></code>


[[Datei:video-size-embedvideo-600.png|zentriert|mini|300x300px|EmbedVideo mit 600px Breite|verweis=Special:FilePath/video-size-embedvideo-600.png]]
</div><span></span>
|Breite und Höhe können unabhängig definiert werden. Sind die Videoabmessungen kleiner als die Breite des Video-Containers, wird der Canvas schwarz ausgefüllt.
<code><nowiki><bs:showtime width="600"></nowiki></code>..


[[Datei:video-size-showtime-600.png|zentriert|mini|300x300px|BlueSpicePlayer mit 600px Breite|verweis=Special:FilePath/video-size-showtime-600.png]].
<span /><span /><span /><br />
|-
==<span class="bi bi-calendar-week"></span> Widgets ==
| style="width:20%;" |Loop
| style="width:39%;" | -
|<code><nowiki><bs:showtime repeat="yes"</code></nowiki>
|-
|Autostart
| -
|<code><nowiki><bs:showtime autostart="yes"</code></nowiki>
|-
|Start/Ende
|<code><nowiki>[[Datei:beispielname.mp4]]</nowiki></code>
Zeitangabe als: ''ss, mm:ss, hh:mm:ss''
| -
|-
| style="width:20%;" |HTML-Output
| style="width:39%;" |wird als <video>-Tag eingebettet
|als verschachtelte <nowiki><div>-Tags eingebettet</nowiki>
|-
| style="width:20%;" |Anpassung an mobiles Display
| style="width:39%;" | ja
|nein
|-
| colspan="3" class="col-blue-light-bg" |Bedienelemente
|-
| style="width:20%;" |Play-Button
| style="width:39%;" |ja
|ja
|-
| style="width:20%;" |Fortschrittsanzeige
| style="width:39%;" |ja
|ja
|-
| style="width:20%;" |Lautstärkenregler
| style="width:39%;" | ja
|ja
|-
| style="width:20%;" |Vollbild-Modus
| style="width:39%;" |ja
|ja
|-
| style="width:20%;" |Bild-im-Bild-Modus
| style="width:39%;" |ja
|ja
|-
| style="width:20%;" |Download
| style="width:39%;" |ja
|nein
|-
| style="width:20%;" |Geschwindigkeitsregler
| style="width:39%;" |nein
|ja
|}


==Unterstützte Video-Services==
<span><span /><span /><br /></span>
Die folgenden Video-Services werden in der Erweiterung EmbedVideo unterstützt. In Klammern stehen die jeweiligen Servicenamen, die im <code>#ev</code> Tag verwendet werden:
Iframes, Google Kalendar, Wetteranzeige und mehr. Oder eigene Widgets entwickeln. test


Archive.org Videos (archiveorg),  Bilibili (bilibli), KakaoTV (kakaotv), NaverTIV (navertv), Niconico (niconico), SoundCloud (soundcloud), Spotify Album (spotifyalbum), Spotify Artist (spotifyartist), Spotify Song (spotifytrack), Twitch (twitch), Vimeo (vimeo), YouTube (youtube), YouTube Playlist (youtubeplaylist), YouTube Video List (youtubevideolist).
{{#widget:Weather}}
</div>


Neue Services können über [https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues/new?assignees=&labels=enhancement&template=embed-service-request.md&title=Embed+Service+Request%3A+Service+Name GitHub] beim Entwickler angefragt werden.
==Mathematik==


{{Box Links|Thema1=[https://www.mediawiki.org/wiki/Extension:EmbedVideo_(fork) Mediawiki Hilfeseite zur Erweiterung EmbedVideo_(fork) (Englisch)]
<math>\sum_{n=1}^\infty=1+1</math>
|Thema2=[[Handbuch:Erweiterung/BlueSpicePlayer|Hilfeseite zum BlueSpicePlayer - nur für die Einbettung von Video-Dateien, die im Wiki hochgeladen sind]]
}}


<br />
<span><span /><span /><br /></span>
[[Category:Bearbeitung]]


{{translation}}
[[de:Seitenentwurf:Sandkasten]]
[[en:{{FULLPAGENAME}}]]

Version vom 8. Februar 2024, 13:28 Uhr


ASK[Bearbeiten | Quelltext bearbeiten]

Eine Auswahl von standardmäßig integrierten Inhaltselementen - so holen Sie sich das Wiki Leben ein! Wechseln Sie in den Bearbeitungsmodus, um die Seite selbst zu bearbeiten. .

PDF-Handler[Bearbeiten | Quelltext bearbeiten]

Testpdf.pdf


Translate Rasperry pi.pdf



Bildvorschau[Bearbeiten | Quelltext bearbeiten]

Insert files 2.png

Tabellen[Bearbeiten | Quelltext bearbeiten]


 Tabellen haben praktische Filter- und Sortiermöglichkeiten. Zum Filtern und Sortieren können Benutzer im Ansichtsmodus auf die jeweilige Kopfzeile einer Spalte klicken. Diese Funktion steht im Bearbeitungsmodus nicht zur Verfügung. Beispiel einer filterbaren Tabelle:

Funktion Wert
Filtrierbare Tabelle funktioniert
Kategoriencheck nicht vorhanden
Sortierbare Tabelle funktioniert

Diagramme / Infografiken[Bearbeiten | Quelltext bearbeiten]


 Ablaufdiagramme, Organigramme, Prozesslandkarten, BPMN-Diagramme und mehr. Hier als Beispiel eine Infografik, erstellt mit dem eingebundenen drawio-Tool:

drawio: Sandkasten-11346612

Videos[Bearbeiten | Quelltext bearbeiten]


 Video geht natürlich auch. Egal, ob es direkt im Wiki gespeichert ist oder ob es auf einem gängigen Video-Service läuft. Hier ein Video, das ins Demowiki hochgeladen wurde:

Seitenlisten[Bearbeiten | Quelltext bearbeiten]

Mit der integrierten Erweiterung Smartlist lassen sich ganz leicht Seitenlisten erstellen.

trim: Keine gültige Ganzzahl

Eingabefeld[Bearbeiten | Quelltext bearbeiten]

Inputboxen sind praktische Werkzeuge, um neue Seiten in bestimmte Namensräume (Wikibereiche) zu lenken. Eine Seite, die Sie hier anlegen, wird im Namensraum IMS gespeichert:


Codebeispiele dokumentieren[Bearbeiten | Quelltext bearbeiten]

Code läßt sich übersichtlich über die enthaltene Erweiterung SyntaxHighlight darstellen:

<?php
echo "Hallo Welt";
?>

RSS-Feed[Bearbeiten | Quelltext bearbeiten]

Hier ein Feed von Bluespice.com. Mit oder ohne Beschreibung formatierbar.

How to track decisions with BlueSpice
Every day, managers make decisions and reach resolutions in companies. How do you keep track of them, even if they have been written down, e.g. in a protocol? BlueSpice offers the solution.
Der B…
BlueSpice 2024-04-08 07:46:03
MediaWiki versus Confluence? Not a question of features
Whenever companies want to use professional wiki software, they quickly face the question of whether to choose MediaWiki or Confluence. We can help you to make the right choice ...
Der Beitrag &l…
BlueSpice 2024-02-28 07:37:29
Introduction to BlueSpice 4
What is the BlueSpice enterprise wiki? What are typical use cases? How about core functions like search, visual editor, tracking, quality assurance, administration, permissions and the bookmaker? We…
BlueSpice 2024-02-23 11:25:20
Wikis in public authorities
Are your authorities already benefiting from a wiki? How can wikis in the public sector further optimize processes and increase efficiency? Find out more in this webinar.
Der Beitrag <a href=&…
BlueSpice 2024-02-23 11:25:03


Emoticons[Bearbeiten | Quelltext bearbeiten]


 Weil sie immer noch Spaß machen. Smileys sind mit an Bord.

Hallo emoticon-smile


CountThings[Bearbeiten | Quelltext bearbeiten]

SmokeTest
Wörter1


Kategorienbaum[Bearbeiten | Quelltext bearbeiten]


 Der Kategorienbaum zeigt die Kategorienhierarchie - mal mit, mal ohne die zugehörigen Seiten. Ganz wie Sie wollen...

Kategorie Produkt wurde nicht gefunden


Tag Wolke[Bearbeiten | Quelltext bearbeiten]


 Welche Kategorie wächst am schnellsten? Mit einer TagCloud sehe ich es auf den ersten Blick.

  • [/wiki/Category:WCAG WCAG] (9)

* [/wiki/Category:Organization Organisation] (11) * [/wiki/Category:Personalization Personalisierung] (8) * [/w/index.php?title=Category:MediaWiki&action=edit&redlink=1 MediaWiki] (6) * [/wiki/Category:Editing Bearbeitung von] (16) * [/w/index.php?title=Category:Imported_vocabulary&action=edit&redlink=1 Importiertes Vokabular] (7) * [/wiki/Category:Extension Erweiterung] (198) * [/wiki/Category:Customization Anpassungen] (9) * [/wiki/Category:Setup Einrichtung] (8) * [/wiki/Category:BlueSpice_free BlueSpice kostenlos] (9)


Widgets[Bearbeiten | Quelltext bearbeiten]


 Iframes, Google Kalendar, Wetteranzeige und mehr. Oder eigene Widgets entwickeln. test

Mathematik[Bearbeiten | Quelltext bearbeiten]

Im Wiki abgetrennter Bereich, dessen Inhalte über spezielle Berechtigungen gelesen und bearbeitet werden können. Einen Namensraum erkennt man an einem Präfix vor dem Artikeltitel.

Really Simple Syndication. Ein RSS-Feed besteht aus einer XML-Datei, die den strukturierten Inhalt einer Seite bereithält, aber kein Layout. Dies ermöglicht es, Inhalte bzw. Änderungen einer Website in zusammengefasster Form als Feed zu abonnieren. Beispiele sind etwa Nachrichtenticker oder die Liste der Änderungen in einem Wiki.

Kategorien helfen, Seiten im Wiki zur organisieren. Jede Kategorie ist im gesamten Wiki verfügbar.

Tag: XML-Tags, welche beliebig parametrisiert werden können und eine vom Programmierer gewünschte Ausgabe produzieren. Fügt man beispielsweise das <bs:bookshelf>-Tag ein, dann erhält der Artikel die Kapitelnavigation des PDF-Buches, in dem der Artikel verlinkt ist.

Technische Referenz: EmbedVideo (fork)



Feedback zur Dokumentation ist im Community-Forum möglich.

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=Handbuch:Erweiterung/EmbedVideo_(fork)&oldid=10062“

Diskussionen