Navi-Sounds: zurueck zu HTMLAudio mit Gesten-Priming — WebAudio war stummschalter-stumm
Prod-Befund Rene: kein Ton. Ursache: v1244-Umbau auf AudioBuffer/WebAudio — der respektiert den iOS-STUMMSCHALTER (= Gassi-Normalzustand) -> Stille. HTMLAudio spielt wie Medien trotz Stummschalter (deshalb klang Staging v1243 richtig). Den urspruenglichen Lazy-Load-Bug loest jetzt GESTEN-PRIMING: im unlock() stumm anspielen (play+pause, muted) = Wiedergabe-Erlaubnis fuer spaetere gestenlose Ansagen + erzwingt das Laden. readyState>=2-Check, Synthese bleibt Fallback. Bump v1248
This commit is contained in:
parent
0d976b90b7
commit
85d578874a
6 changed files with 48 additions and 41 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
1247
|
||||
1248
|
||||
|
|
@ -86,14 +86,14 @@
|
|||
<title>Ban Yaro</title>
|
||||
|
||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||
<script src="/js/boot-early.js?v=1247"></script>
|
||||
<script src="/js/boot-early.js?v=1248"></script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1247">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1247">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1247">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1247">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1247">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1248">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1248">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1248">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1248">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1248">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -612,11 +612,11 @@
|
|||
<div id="modal-container"></div>
|
||||
|
||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||
<script src="/js/api.js?v=1247"></script>
|
||||
<script src="/js/ui.js?v=1247"></script>
|
||||
<script src="/js/app.js?v=1247"></script>
|
||||
<script src="/js/worlds.js?v=1247"></script>
|
||||
<script src="/js/offline-indicator.js?v=1247"></script>
|
||||
<script src="/js/api.js?v=1248"></script>
|
||||
<script src="/js/ui.js?v=1248"></script>
|
||||
<script src="/js/app.js?v=1248"></script>
|
||||
<script src="/js/worlds.js?v=1248"></script>
|
||||
<script src="/js/offline-indicator.js?v=1248"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
@ -626,7 +626,7 @@
|
|||
|
||||
|
||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||
<script src="/js/boot.js?v=1247"></script>
|
||||
<script src="/js/boot.js?v=1248"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1247'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1248'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
||||
window.APP_VERSION = APP_VERSION;
|
||||
|
|
|
|||
|
|
@ -77,9 +77,13 @@ window.Page_routes = (() => {
|
|||
// ----------------------------------------------------------
|
||||
const NavSound = (() => {
|
||||
let ctx = null;
|
||||
let bufs = null; // { wuff, klaeffen } AudioBuffer | leer = Synthese.
|
||||
// HTMLAudio+preload taugt NICHT (iOS lädt lazy, canplaythrough feuert nie →
|
||||
// es blieb beim Game-Boy-Sound, René 2026-06-06) → fetch + decodeAudioData.
|
||||
let files = null; // { wuff, klaeffen } HTMLAudio | leer = Synthese.
|
||||
// WICHTIG — zwei iOS-Fallen (René 2026-06-06):
|
||||
// 1. HTMLAudio mit preload lädt LAZY (canplaythrough feuert nie) → daher in der
|
||||
// User-Geste STUMM ANSPIELEN: primt die Wiedergabe-Erlaubnis UND erzwingt das Laden.
|
||||
// 2. WebAudio (AudioContext/decodeAudioData) respektiert den STUMMSCHALTER → auf
|
||||
// lautlos (= Gassi-Normalzustand) kam NICHTS (Prod-Befund). HTMLAudio spielt wie
|
||||
// Medien trotz Stummschalter → für ein Navi der richtige Kanal. Synthese = Fallback.
|
||||
const enabled = () => { try { return localStorage.getItem('by_nav_sound') !== '0'; } catch (e) { return true; } };
|
||||
|
||||
function _ctx() {
|
||||
|
|
@ -87,17 +91,6 @@ window.Page_routes = (() => {
|
|||
if (ctx.state === 'suspended') ctx.resume().catch(() => {});
|
||||
return ctx;
|
||||
}
|
||||
function _loadBufs() {
|
||||
if (bufs !== null) return;
|
||||
bufs = {};
|
||||
['wuff', 'klaeffen'].forEach(name => {
|
||||
fetch(`/sounds/${name}.mp3`)
|
||||
.then(r => { if (!r.ok) throw new Error(String(r.status)); return r.arrayBuffer(); })
|
||||
.then(ab => _ctx().decodeAudioData(ab))
|
||||
.then(b => { bufs[name] = b; })
|
||||
.catch(() => {}); // 404/Decode-Fehler → Synthese bleibt
|
||||
});
|
||||
}
|
||||
// Ein synthetischer „Wuff": Sägezahn-Sweep durch Tiefpass, kurzer Attack, schneller Decay.
|
||||
function _wuff(at, pitch = 1) {
|
||||
const c = _ctx(), t = c.currentTime + at;
|
||||
|
|
@ -115,18 +108,19 @@ window.Page_routes = (() => {
|
|||
function _barks(n, pitch, gap) {
|
||||
if (!enabled()) return;
|
||||
try {
|
||||
const buf = bufs && (pitch > 1.3 ? bufs.klaeffen : bufs.wuff);
|
||||
if (buf) { // echte Aufnahme (Schäferhund, /sounds/*.mp3)
|
||||
const a = files && (pitch > 1.3 ? files.klaeffen : files.wuff);
|
||||
if (a && a.readyState >= 2) { // echte Aufnahme geladen (Schäferhund, /sounds/*.mp3)
|
||||
// klaeffen.mp3 ist bereits eine ~2,8-s-Bell-SEQUENZ → nur 1× abspielen;
|
||||
// wuff.mp3 ist ein einzelner Beller → n-mal mit Pause.
|
||||
const c = _ctx();
|
||||
const reps = buf === bufs.klaeffen ? 1 : n;
|
||||
for (let i = 0; i < reps; i++) {
|
||||
const s = c.createBufferSource();
|
||||
s.buffer = buf;
|
||||
s.connect(c.destination);
|
||||
s.start(c.currentTime + i * (buf.duration + 0.22));
|
||||
}
|
||||
const reps = a === files.klaeffen ? 1 : n;
|
||||
let i = 0;
|
||||
const play = () => {
|
||||
if (i++ >= reps) return;
|
||||
a.currentTime = 0;
|
||||
a.play().catch(() => {});
|
||||
setTimeout(play, (a.duration || 0.4) * 1000 + 220);
|
||||
};
|
||||
play();
|
||||
return;
|
||||
}
|
||||
for (let i = 0; i < n; i++) _wuff(i * gap, pitch); // Fallback: Synthese
|
||||
|
|
@ -140,7 +134,20 @@ window.Page_routes = (() => {
|
|||
const b = c.createBuffer(1, 1, 22050), s = c.createBufferSource();
|
||||
s.buffer = b; s.connect(c.destination); s.start(0);
|
||||
} catch (e) {}
|
||||
_loadBufs(); // echte Samples laden (404 → Synthese bleibt)
|
||||
if (files === null) {
|
||||
files = {};
|
||||
['wuff', 'klaeffen'].forEach(name => {
|
||||
const a = new Audio(`/sounds/${name}.mp3`);
|
||||
a.preload = 'auto';
|
||||
// IM GESTENKONTEXT stumm anspielen: primt iOS (spätere play() ohne Geste
|
||||
// erlaubt) und erzwingt das tatsächliche Laden (preload allein reicht nicht).
|
||||
a.muted = true;
|
||||
a.play().then(() => {
|
||||
a.pause(); a.currentTime = 0; a.muted = false;
|
||||
}).catch(() => { a.muted = false; });
|
||||
files[name] = a;
|
||||
});
|
||||
}
|
||||
},
|
||||
links() { _barks(2, 1.0, 0.30); }, // 2× Wuff
|
||||
rechts() { _barks(1, 1.0, 0.30); }, // 1× Wuff
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<script src="/js/landing-init.js?v=1247"></script>
|
||||
<script src="/js/landing-init.js?v=1248"></script>
|
||||
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
|
||||
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
|
||||
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
============================================================ */
|
||||
|
||||
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
|
||||
const VER = '1247';
|
||||
const VER = '1248';
|
||||
const CACHE_VERSION = `by-v${VER}`;
|
||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue