howto:design-artefakte

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
howto:design-artefakte [2025/05/25 14:57] – new/ fixed voctomix background templates by sophie jtbxhowto:design-artefakte [2025/05/31 20:08] (current) – sophie
Line 27: Line 27:
 ===== Styleguide ===== ===== 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. Bitte keine Fonts die Kostenpflichtig sind. 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 ==== ==== Streamingwebseite ====
Line 34: Line 35:
     * einfach einen PR eröffnen wenn fertig     * einfach einen PR eröffnen wenn fertig
   * vielfältige CSS Anpassungen und Custom HTML möglich   * vielfältige CSS Anpassungen und Custom HTML möglich
 +
  
 ===== Pauseloop =====  ===== Pauseloop ===== 
 +
 ==== Video ==== ==== Video ====
 Seamless loopendes Video, das als Endlosschleife zwischen Vorträgen in der Pause in den Livestream geschickt wird. 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   * Videoformat: 1920x1080 pixel, 25 FPS, h264 oder mpeg2
   * Audioformat: Keins. Pausenmusik ist vom loopenden Video unabhängig   * Audioformat: Keins. Pausenmusik ist vom loopenden Video unabhängig
 +
  
 ==== Audio ==== ==== Audio ====
 Musik, die in Pausen in den Livestream eingespielt wird. Musik, die in Pausen in den Livestream eingespielt wird.
 * Audioformat: alles was ffmpeg lesen kann, wav, flac, aac, mp2, mp3 * Audioformat: alles was ffmpeg lesen kann, wav, flac, aac, mp2, mp3
 +
  
 ===== Streamlogo =====  ===== Streamlogo ===== 
Line 50: Line 55:
 * kann individuell pro Raum sein * kann individuell pro Raum sein
 * kann zusätzlich auch für den Slides-Only-Stream individuell sein * kann zusätzlich auch für den Slides-Only-Stream individuell sein
 +
  
 ===== ComposeBackground  =====  ===== ComposeBackground  ===== 
Line 59: Line 65:
     * grün ist wo der hintergrund durchkommt, blau/rot sind die drübergelegten Kamerabilder/Slides     * grün ist wo der hintergrund durchkommt, blau/rot sind die drübergelegten Kamerabilder/Slides
 * individuell pro Raum  * individuell pro Raum 
 +
  
 ==== Side by Side ==== ==== Side by Side ====
Line 80: 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 * 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 * Software: https://github.com/voc/intro-outro-generator
 +
  
 ==== Designquellen ==== ==== Designquellen ====
Line 88: Line 96:
 * einfach * einfach
 * kann überall laufen um auf abruf neue intros zu generieren * kann überall laufen um auf abruf neue intros zu generieren
 +
  
 === svg === === svg ===
Line 93: Line 102:
 * gibt im intro/outro generator funktionen für einfache 2D-Animationen * gibt im intro/outro generator funktionen für einfache 2D-Animationen
 * kann überall laufen um auf abruf neue intros zu generieren * kann überall laufen um auf abruf neue intros zu generieren
 +
  
 === blender === === blender ===
Line 99: Line 109:
 * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist * 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. * auf kurze Renderzeiten achten. Wenige Minuten pro Intro sind akzeptabel, mehrere Stunden pro Intro nicht.
 +
  
 === apple motion === === 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.+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.
  
-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 === === after effects ===
Line 117: Line 127:
 * alternativ aus einem statischen png ein Video machen * alternativ aus einem statischen png ein Video machen
 * Video/Audioformat: siehe Intro * Video/Audioformat: siehe Intro
 +
  
 ===== Lowerthird =====  ===== Lowerthird ===== 
Line 123: Line 134:
 * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule * 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. 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 130: 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). 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 ==== ==== Mögliche Designelemente ====
  • howto/design-artefakte.txt
  • Last modified: 2025/05/31 20:08
  • by sophie