Fifth String – Banjo Studio

Lernumgebung für 5-String-Banjo: Videos, Noten, Tabulaturen und Playalongs an einem Ort.

Direkt starten

• Online nutzen: https://bienwaldcoder.github.io/banjo-web/
• Lokal ausführen: Die App wird als eine einzige, eigenständige HTML-Datei gebaut. Entweder die gebaute Datei direkt im Browser öffnen (Doppelklick auf dist/index.html) oder das gebaute Verzeichnis dist/ auf einen beliebigen Webserver legen.

Features

• Kursstruktur mit Levels (Beginner, Intermediate, Advanced) und Lektionen
• Videos, Noten-PDFs und Playalongs (MP3) pro Lektion
• Tabulaturen als VexTab-Vorschau oder als Notation direkt gerendert
• Fortschritt wird lokal im Browser gespeichert
• Eigene Kurse laden: JSON-Kursdatei + Medienordner verbinden

Eigenen Kurs laden

Im Menü unter „Eigenen Kurs laden“:

1. course_data.json auswählen (Level, Lektionen, Videos, Audios, PDFs, Tabs)
2. Falls die Medien nicht über einen Webserver erreichbar sind, den dazugehörigen Kursordner verbinden (Videos, MP3s, PDFs, TEFs werden dann lokal genutzt)

Entwicklung

npm install
npm run dev        # Entwicklungsserver
npm run build      # erzeugt dist/index.html als Single-File-App
npm run preview    # gebaute Version lokal testen

Das Projekt nutzt Vite mit dem Plugin vite-plugin-singlefile, damit das komplette Ergebnis in eine einzige, direkt ausführbare HTML-Datei inklusive aller Skripte und Styles gebündelt wird.

Lizenz

Copyright (C) 2026 bienwaldcoder

Dieses Projekt steht unter der GNU General Public License v3.0. Siehe LICENSE für den vollständigen Lizenztext.