Alles, was Sie für den Start benötigen
Funktioniert sofort nach dem Auspacken
Komplett und einsatzbereit. Alles, was Sie benötigen, ist bereits enthalten – fügen Sie einfach Ihre Audiodateien hinzu und legen Sie los.
Überall bereitstellen
Hosten Sie es an einem beliebigen Ort. Keine Datenbank, keine monatlichen Gebühren, jederzeiter Anbieterwechsel möglich.
Funktioniert online und offline
Funktioniert ohne Internetverbindung. Ideal für Museen mit schwachem WLAN oder Ausstellungen im Untergeschoss.
Entwickelt für Besucher, die viel unterwegs sind
Große Tasten, übersichtliche Fortschrittsanzeige, einfache Bedienung im Stehen. Entwickelt für Personen, die durch Ausstellungen gehen und nicht am Schreibtisch sitzen.
Passen Sie es an Ihre Marke an
Fügen Sie Ihr Logo und Ihre Farben über einfache Einstellungen hinzu. Es sind keine Programmierkenntnisse erforderlich, Sie haben jedoch bei Bedarf vollen Zugriff auf den Quellcode.
INTEGRATIONS
Nutzen Sie Ihre vorhandenen Tools – hosten Sie Audioinhalte auf einem beliebigen CDN, erfassen Sie Besucherzahlen mit Ihrer Analyseplattform und wickeln Sie Zahlungen über Ihren Anbieter ab.
Für wen ist es gedacht?
Museen, Galerien, Städte und kulturelle Einrichtungen
Entwickler, die Audioguides und selbstgeführte Touren erstellen
Agenturen und Tourismusverbände, die Ausstellungs- und Kulturprojekte durchführen
Entworfen für den modernen Besucher
Helle und dunkle Designs sind enthalten. Lässt sich ganz einfach an Ihr Markenbild anpassen.
Kurzer Überblick
Verschaffen Sie sich einen klaren Überblick über den Leitfaden und nutzen Sie ihn online oder offline.
Einfacher Audioguide
Alle Stationen der Führung an einem Ort, mit einem einfachen Audio-Player und der Möglichkeit, Transkripte abzurufen.
Vollständige Transkripte
Verfolgen Sie den Verlauf anhand der vollständigen Transkripte zu jedem Audioausschnitt.
Vollbild-Player
Ein fesselndes Vollbild-Erlebnis für konzentriertes Zuhören.
Besucherfeedback
Sammeln Sie das Feedback der Besucher, sobald der Leitfaden fertiggestellt ist.
Interaktive Karte
Optionale Kartenansicht, in der alle Sehenswürdigkeiten auf einen Blick zu sehen sind.
Testen Sie den Player jetzt
Erleben Sie unseren Player in wenigen Sekunden ganz einfach selbst, indem Sie diesen QR-Code scannen oder auf die Schaltfläche unten klicken.
Probieren Sie den Player aus
Das Repository klonen
Auf den Quellcode des Players zugreifen
Audioinhalte hinzufügen
Verwenden Sie lokale Dateien oder über ein CDN gehostete Ressourcen
Hauptkonfiguration und Design anpassen
Sollten Ihnen die Standardeinstellungen nicht gefallen, passen Sie diese bitte an.
Stellen Sie die App bereit
Hosten Sie die Seite auf einem beliebigen Server, der statische Dateien bereitstellt
Zeitleiste: Die Ersteinrichtung dauert 15 bis 20 Minuten. Die Dauer für das Hinzufügen Ihrer Inhalte hängt von Ihrer Audio-Vorbereitung ab – in der Regel 1 bis 2 Wochen, einschließlich Aufnahme und Metadaten.
Vollständig statisch. Keine Server, keine Datenbanken, kein Wartungsaufwand.
Ein entwicklerfreundlicher Arbeitsablauf
Alles befindet sich in Ihrem Git-Repo
1. Bearbeitung von Leitfadeninhalten
Die Inhalte sind in einer einfachen JSON-Datei gespeichert. Sie können die Stationen der Führung, die Metadaten und die Audio-Links direkt bearbeiten und die Reihenfolge der Elemente ändern, um die Führung neu zu ordnen.
01 {
02 "id": "barcelona",
03 "language": "en",
04 "title": "Unlimited Barcelona",
05 "description": "Discover Barcelona from ancient times to modern day",
06 "totalDuration": "20 minutes",
07 "totalStops": 10,
08 "stops": [
09 {
10 "id": "1",
11 "type": "audio",
12 "title": "Welcome and Instructions",
13 "duration": "1:30",
14 "image": "/images/01.jpeg",
15 "audioFile": "/audio/en/01.mp3",
16 "transcription": "Welcome to Unlimited Barcelona..."
17 }
18 ]
19 }
2. Anpassung der App-Funktionen und des Layouts
Steuern Sie jeden Aspekt des Verhaltens und des Erscheinungsbilds Ihres Leitfadens. Konfigurieren Sie die Sichtbarkeit und den Stil von Benutzeroberflächenelementen, die Auswahl des Designs, den Offline-Modus und vieles mehr. All dies über dieselbe JSON-Konfigurationsdatei.
01 {
02 "id": "barcelona",
03 "defaultLanguage": "en",
04 "offlineMode": "optional",
05 "transitionAudio": "/audio/chime.m4a",
06 "themeId": "default-light",
07 "transcriptAvailable": true,
08 "collectFeedback": true,
09 "showLanguageLabel": false,
10 "showStopImage": "thumbnail",
11 "showStopDuration": true,
12 "showStopNumber": true,
13 "fullscreenPlayer": true,
14 "showProgressBar": true,
15 "backgroundColor": "#1A2634",
16 }
3. Anpassung des Designs
Passen Sie das Erscheinungsbild mithilfe einer einzigen TypeScript-Konfiguration an, falls die integrierten Designs Ihren Anforderungen nicht entsprechen. Passen Sie Farben, Typografie und Abstände an, ohne den Kerncode zu verändern.
01 export const theme = {
02 colors: {
03 brand: "#1a1a1a",
04 accent: "#E2E2E2",
05 background: "#ffffff",
06 text: "#000000"
07 },
08 typography: {
09 fontPrimary: "Geist Sans",
10 fontMono: "Geist Mono",
11 baseSize: "16px"
12 },
13 borderRadius: "12px"
14 }
4. Mehrsprachige Unterstützung
Die Benutzeroberfläche unterstützt nun 6 Sprachen. Weitere Sprachen können über einfache Übersetzungsdateien hinzugefügt werden und sind sofort einsatzbereit.
01 import { Translations } from '../types';
02
03 export const de: Translations = {
04 loading: {
05 tourData: 'Tourdaten werden geladen...',
06 preparing: 'Ihre Tour wird vorbereitet...',
07 },
08 errors: {
09 loadFailed: 'Fehler beim Laden der Daten',
10 retry: 'Erneut versuchen',
11 },
12 // ...
13 }
Warum ein Audioguide-Player?
Wir haben dieses Produkt entwickelt, um unseren eigenen Bedarf an Audioguides zu decken (lesen Sie die ganze Geschichte). Nach einer Bewertung bestehender Lösungen stellten wir fest, dass es sich bei den meisten entweder um teure, an einen Anbieter gebundene Plattformen oder um umständliche Mietgeräte handelte. Dies ist eine moderne Alternative, die Ihnen tatsächlich gehört.
Warum ist dies Open Source?
Die Audiowiedergabe sollte Sie nicht an einen Anbieter binden (was leider nur allzu oft der Fall ist). Open Source bedeutet, dass Sie genau sehen, was läuft, eine Abhängigkeit von Anbietern vermeiden und alle von den Verbesserungen profitieren.
Darf ich dies kommerziell nutzen?
Ja. Dieses Projekt ist Open Source und unterliegt einer MIT-Lizenz, die eine kommerzielle Nutzung ohne Einschränkungen erlaubt.
Gilt dies ausschließlich für Audioguides?
Nein. Das System wurde zwar für Museen und Galerien entwickelt, lässt sich jedoch an jede audiobasierte Anwendung anpassen. Audioguides für kulturelle Einrichtungen stehen weiterhin im Mittelpunkt unserer Arbeit, sodass Sie mit einer fortlaufenden Weiterentwicklung in dieser Richtung rechnen können.
Warum ist hier kein CMS enthalten?
Ein CMS verwandelt einen Player in eine Plattform. Authentifizierung, Berechtigungen, Medienverwaltung – das ist ein ganz anderer Anwendungsbereich. Wir konzentrieren uns bewusst auf den Player selbst. Ein einfaches, headless Verwaltungssystem für Audioguides ist jedoch für den späteren Verlauf des Jahres 2026 in unserer Roadmap vorgesehen.
Wie kann ich das nun konkret „implementieren“?
Es handelt sich um eine Standard-Website, die Sie auf jedem beliebigen Webserver hosten können. Zu den gängigen Optionen zählen Vercel, Netlify oder Ihre eigene Infrastruktur. Es sind weder eine Datenbank noch ein Backend-Server erforderlich. Wenn Sie Dateien auf einen Webhost hochladen können, können Sie diese Website bereitstellen.
Wo ist der Haken?
Sie müssen etwas Zeit investieren, insbesondere wenn Sie nur über begrenzte technische Erfahrung verfügen. Sie werden sich um die Aktualisierung der Konfigurationsdateien und die Verwaltung Ihrer Leitfadeninhalte kümmern. Mit grundlegenden technischen Kenntnissen und unserer Schritt-für-Schritt-Anleitung können die meisten Teams dies erfolgreich umsetzen.
Welche technischen Kenntnisse benötige ich?
Grundkenntnisse in der Webentwicklung sind von Vorteil: Bearbeiten von Konfigurationsdateien (JSON), Hochladen von Dateien auf einen Server und die Verwendung von Versionskontrollsystemen. Falls Sie einen Webentwickler in Ihrem Team haben oder mit einer Entwicklungsagentur zusammenarbeiten, wird die Umsetzung für diese kein Problem darstellen.
Wo kann ich Hilfe erhalten?
Die Dokumentation behandelt die schrittweise Einrichtung sowie gängige Anwendungsszenarien. Bei technischen Fragen oder für Unterstützung durch die Community eröffnen Sie bitte ein GitHub-Issue.
Bieten Sie Implementierungsdienstleistungen an?
Ja. Wir bieten kostenpflichtige Beratungsleistungen für die Einrichtung, die Datenmigration, die Anpassung und Schulungen an. Ganz gleich, ob Sie eine vollständige Implementierung oder lediglich eine erste Einweisung benötigen – wir können Ihnen helfen. , um Ihre Anforderungen zu besprechen.
Gibt es eine öffentlich zugängliche Roadmap?
Ja. Wir pflegen eine aktive Roadmap, die auf unseren eigenen Anforderungen und dem Feedback unserer Nutzer basiert. Auf der Seite „Updates“ können Sie sich über den aktuellen Stand informieren oder über GitHub Funktionswünsche einreichen.
Ende der FAQs
Lösen Sie ein einzelnes Problem, ohne dass es zu einer schleichenden Ausweitung des Funktionsumfangs kommt.
Ihre Daten, Ihre Infrastruktur. Keine Bindung.
Weniger bewegliche Teile bedeuten weniger Überraschungen.
Übersichtlich für Entwickler. Reibungslos für Besucher.