Differences

This shows you the differences between two versions of the page.

--- howto:design-artefakte [2024/11/03 09:35] – [apple motion] kunsi
+++ howto:design-artefakte [2025/05/31 20:08] (current) – sophie
@@ Line 1: / Line 1: @@
 ====== Design-Artefakte ======
+===== Deadline =====
+Alles hier genannte muss 2 Wochen vor Beginn des ersten Vortrags bereitstehen und dem VOC übergeben sein.
+Ausnahme: Intros von Vorträgen deren Titel sich in dieser Zeit nochmal geändert haben.
+Ist 2 Wochen vor dem ersten Vortrag nichts eingegangen wird das VOC benötigte Artefakte selbst erstellen und selbst erstelltes verwenden.
 ===== Lizenz =====
 Die Designartefakte müssen unter der selben Lizenz wie die Veranstaltungsinhalte stehen. Bei Audio ist sicherzustellen, dass die Materalien nicht bei einer Verwertungsgesellschaft registriert sind ("GEMA-Frei")
@@ Line 11: / Line 18: @@
 | StreamLogo         | Overlay mit Logo für den Livestream (für jeden Raum)  | Pixelgrafik mit Transparenz          |
 | ComposeBackground  | Hintergründe für die Composemodes in voctomix         | Pixelgrafik                          |
-| Intro              | Introvideo mit Daten über den Vortrag                 | Video mit Audio                      |
+| Intro              | Introvideo mit Daten über den Vortrag                 | ein Video mit Audio pro Vortrag      |
 | Outro              | Abspannvideo mit Infos über Konferenz                 | Video mit Audio                      |
 | Lowerthird | Einblendungen im Video                                | Pixelgrafik mit Transparenz          |
@@ Line 19: / Line 26: @@
 ===== Styleguide =====
-Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder.
+Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. Bitte keine Fonts die Kostenpflichtig sind.
 ==== Streamingwebseite ====
@@ Line 27: / Line 35: @@
     * einfach einen PR eröffnen wenn fertig
   * vielfältige CSS Anpassungen und Custom HTML möglich
 ===== Pauseloop =====
 ==== Video ====
 Seamless loopendes Video, das als Endlosschleife zwischen Vorträgen in der Pause in den Livestream geschickt wird.
   * Videoformat: 1920x1080 pixel, 25 FPS, h264 oder mpeg2
   * Audioformat: Keins. Pausenmusik ist vom loopenden Video unabhängig
 ==== Audio ====
 Musik, die in Pausen in den Livestream eingespielt wird.
 * Audioformat: alles was ffmpeg lesen kann, wav, flac, aac, mp2, mp3
 ===== Streamlogo =====
@@ Line 43: / Line 55: @@
 * kann individuell pro Raum sein
 * kann zusätzlich auch für den Slides-Only-Stream individuell sein
 ===== ComposeBackground  =====
@@ Line 52: / Line 65: @@
     * grün ist wo der hintergrund durchkommt, blau/rot sind die drübergelegten Kamerabilder/Slides
 * individuell pro Raum
 ==== Side by Side ====
-{{:howto:sidebyside.png?nolink&400|}}
+{{:howto:side-by-side.svg?nolink&400|}}
 ==== Lecture Mode ====
-{{:howto:lecturemode.png?nolink&400|}}
+{{:howto:lecture.svg?nolink&400|}}
@@ Line 73: / Line 87: @@
 * Achtung! schedule.xml ändert sich während der Veranstaltung regelmäßig, es müssen also auch während der Veranstaltung noch intros neu erstellt werden können
 * Software: https://github.com/voc/intro-outro-generator
-* Designquelle: mehrere Möglichkeiten, sucht euch eine aus. Die erste und zweite sind am wenigsten aufwändig
-==== statisches PNG ====
+==== Designquellen ====
+=== statisches PNG ===
 * nur noch Text drüberlegen und gut ist
 * simpel
@@ Line 81: / Line 97: @@
 * kann überall laufen um auf abruf neue intros zu generieren
-==== svg ====
+=== svg ===
 * simpel
 * gibt im intro/outro generator funktionen für einfache 2D-Animationen
 * kann überall laufen um auf abruf neue intros zu generieren
-==== blender ====
+=== blender ===
 * aufwändigere animationen
 * lange Renderdauer
 * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist
+* auf kurze Renderzeiten achten. Wenige Minuten pro Intro sind akzeptabel, mehrere Stunden pro Intro nicht.
-==== apple motion ====
-Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden.
-Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, Outro, Pauseloop) ist nicht vorgesehen.
+=== apple motion ===
+Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden. Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, Outro, Pauseloop) ist nicht vorgesehen.
-==== after effects ====
-* Windows
+=== after effects ===
+* MacOS und Windows only
 * Status der Automatisierung unklar
@@ Line 108: / Line 127: @@
 * alternativ aus einem statischen png ein Video machen
 * Video/Audioformat: siehe Intro
 ===== Lowerthird =====
@@ Line 114: / Line 134: @@
 * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule
-===== Infobeamer =====
+===== Infobeamer =====
 Zwischen Vorträgen wird im Vortragssaal eine Dauerschleife über info-beamer angezeigt. Üblicherweise enthält diese Dauerschleife Informationen zum nächsten Vortrag in diesem Raum, zu anderen Vorträgen im Event und eine Auswahl an Fediverse-Content, der zum Event-Hashtag passt. Üblicherweise wird dafür [[https://info-beamer.com/raspberry-pi-digital-signage-scheduled-player-4765.html|das info-beamer modul 'scheduled player']] verwendet.
@@ Line 121: / Line 141: @@
 Wenn gewünscht (und genug Hardware vorhanden), können wir auch andere Bildschirme im Gebäude bespielen. Wir benötigen dafür einen HDMI-Eingang und eine Stromversorgung (Steckdose, evtl. reicht auch USB).
 ==== Mögliche Designelemente ====
@@ Line 127: / Line 148: @@
   * Schriftarten als `.ttf`
   * Sofern nicht anders angegeben, ist die Ausgabe-Auflösung 1920x1080px (FullHD)
+  * Alle Designelemente idealerweise einzeln, nicht in einem Bild zusammengebaut.
 Als Minimalversion benötigen wir folgende Elemente:
@@ Line 140: / Line 162: @@
     * Sponsoren
   * Animationsvideos für Wechsel zwischen Inhaltsbereichen (MP4 H.264, wir empfehlen nicht mehr als 3s)
-  * Wir brauchen alle Designelemente einzeln als Bilder, auch Logos, Schriften etc.
   * Schriften für:
     * Raum-Name