Inhaltsverzeichnis

Hier lernst du, wie du diese Folien bedienst, womit sie erstellt wurden und wie du deine eigenen erstellen kannst.

Los geht's!

Tastatur- und Touchbedienung

Natürlich kannst du die einfach die Befehle in der Toolbar oben anklicken, um dich durch die Seiten zu hangeln. Für die meisten Dinge kannst du aber auch einfach die Tastatur oder die bekannten Touchgesten nutzen.

Tastenkürzel

Pfeil links      Gehe zur vorherigen Folie
Pfeil reichts      Gehe zur nächsten Folie
Leertaste      Gehe zur nächsten Folie
Enter      Gehe zur nächsten Folie
ESC      Inhaltsverzeichnis anzeigen
1      Inhaltsverzeichnis anzeigen
2      Folien anzeigen
3      Druckversion anzeigen
P      Präsentationsmodus umschalten
B      Anzeige ausschalten (schwarz)
W      Anzeige ausschalten machen (weiß)

Touchgesten

Links wischen      Gehe zur nächsten Folie
Rechts wischen      Gehe zur vorherigen Folie
Doppelt tippen      Präsentationsmodus umschalten
Lang drücken      Übersicht umschalten

Eigene Folien erstellen

Im Prinzip handelt es sich bei den Folien um einfache HTML-Dateien. Zum Starten benötigst du …

Mit folgenden Befehlen wird der Quellcode der Folien gebaut:

Der zweite Befehl führt einen lokalen Webserver aus, der auf Port 8080 lauscht. Öffne einfach http://localhost:8080, um die Seite zu sehen.

Übersetzung in andere Sprachen

Standardmäßig sind die mit lecture-slide.js (so heißt diese Anwendung) erstellten Präsentationen auf englisch. Zwar kannst du deine Folien in jeder Sprache schreiben, wie du willst, die Befehle und Meldungen sind aber englisch. Das lässt sich aber ganz leicht ändern.

  1. Bearbeite die Datei index.js
  2. Übersetze alle mit label… beginnenden Werte

Beispiel für die deutsche Übersetzung:

import SlideshowPlayer from "lecture-slides.js";

window.addEventListener("load", () => {
    let player = new SlideshowPlayer({
        labelPrev: "Zurück",
        labelNext: "Weiter",
        labelGoTo: "Gehe zu",
        labelOverview: "Übersicht",
        labelPresentationMode: "Präsentationsmodus",
        labelSlide: "Folie",
        mode: "slideshow",
    });

    player.start();
});

Rechtshinweise

Creative Commons Namensnennung 4.0 International

§