Teilanfragen: Sprachnachrichten kommen jetzt auch auf dem iPhone an
Filipe: „zeurst schaust du mal ob es im system liegt dass miss, die modi,
keine sprachnachrichten hoeren kann oder ob es an ihr liegt weil bei allen
anderen klappt nur bei ihr nicht"
ES LAG AM SYSTEM.
WAS GEMESSEN WURDE (nicht vermutet)
1. An ihrer Rolle liegt es nicht. Der Weg `/workspace/api/chat/anhang/:id`
fragt drei Dinge: gibt es die Nachricht, ist die Person im Raum, hat sie
das Gespraech weggeraeumt. Keine Rollenpruefung. Gegen eine Wegwerf-
Datenbank gemessen: `anmelden admin=200 modi=200`, Anhang als modi
HTTP 200, 40018 Bytes -- genau wie als admin.
2. Sie ist in allen drei Raeumen mit Sprachnachrichten, geloescht_bis = 0,
alle sechs Tondateien liegen auf der Platte. (Live-Datenbank, nur
gelesen, auf einer Kopie, Kopie danach geloescht.)
3. Sie ist die EINZIGE im Haus mit Safari. Aus dem Caddy-Protokoll, ueber
IP und Minute mit ihren Protokolleintraegen abgeglichen: iPhone,
iOS 18.7, Safari 26.6.1. Alle anderen Geraete der letzten zwei Wochen:
Android-Chrome 3900 Anfragen, Windows-Chrome/Edge/Firefox 2646.
Neun von zehn iPhone-IP-Praefixen sind ihre.
4. DER FEHLER: Der Anhang-Weg beantwortete eine Teilanfrage
(`Range: bytes=0-1`) mit einer vollen HTTP 200 -- ohne `Accept-Ranges`,
ohne `Content-Length`, als `chunked`. Zum Vergleich dieselbe Anfrage an
`express.static`: HTTP 206, `accept-ranges: bytes`,
`content-range: bytes 0-1/2480`.
Safari verlangt fuer <audio> und <video> zwingend Teilanfragen und
verweigert die Wiedergabe bei einer 200. Chrome und Firefox nehmen die
ganze Datei klaglos. Bilder brauchen das nicht -- deshalb sah sie Fotos
und hoerte nichts, und deshalb fiel es sieben Tage lang nur ihr auf.
WAS GEAENDERT IST
A) EIN GEMEINSAMER AUSLIEFERWEG (server/helfer-ausliefern.mjs)
Im Haus gaben ZEHN Stellen eine Datei mit `createReadStream(pfad)
.pipe(res)` hinaus: Chat-Anhang, Chat-GIF, Dateiablage (ansehen und
laden), Material (ansehen und laden), Steckbriefbild, Buehnenbild,
Supportbild, Wissens-PDF. Nur eine davon zu reparieren hiesse, eine
Liste zu fuehren, welche Stelle schon richtig ist -- und die naechste
neue macht es wieder falsch. Alle zehn gehen jetzt ueber
`liefereDatei(req, res, pfad)`: `Accept-Ranges`, `Content-Length`,
206 mit `Content-Range`, 416 mit `bytes */groesse`. Mehrere Bereiche in
einer Anfrage werden absichtlich nicht bedient (das darf ein Server);
die Antwort ist dann die GANZE Datei, nie eine falsche Teilmenge.
WAS ES AUSSER SAFARI BRINGT, gemessen: Eine MP4-Sprachnachricht meldete
in Chromium ohne Teilanfragen 0,23 s statt 1,96 s Laenge -- der Kopf
einer MP4 steht am Ende der Datei. Eine Ogg-Datei meldete „Infinity"
statt 2,02 s. Und ein PDF-Betrachter springt jetzt zu einer Seite, ohne
die ganze Datei zu holen.
B) AUFGENOMMEN WIRD AAC IN MP4 (workspace/assets/js/chat.js)
Die Reihenfolge der Behaelter beantwortete bisher die Frage „was kann
DIESES Geraet am liebsten". Richtig ist „was koennen die ANDEREN
abspielen" -- die hoeren es.
Gemessen mit echten Aufnahmen aus echten Browsern, danach in beiden
Engines abgespielt:
Chromium nimmt auf: webm/opus, mp4(AAC), mp4(Opus)
Firefox nimmt auf: webm/opus, ogg/opus -- MP4 gar nicht
Beide spielen alle vier Behaelter vollstaendig ab (2 s rein, 2 s raus)
ZWEI FALLEN, die die Messung gezeigt hat:
- Ein blankes `audio/mp4` ist nicht AAC: Chromium meldet darauf
`audio/mp4;codecs=opus` zurueck -- MP4 aussen, Opus innen, fuer Safari
genauso unbrauchbar wie WebM. Deshalb steht `audio/mp4;codecs=mp4a.40.2`
VOR dem blanken `audio/mp4`.
- Firefox kann kein MP4 aufnehmen und faellt sauber auf WebM/Opus
zurueck. Kein Rueckschritt -- das ist der heutige Stand.
Die Pruefung nimmt jetzt im echten Browser ueber den echten Knopf auf,
und der Server erkennt: audio/mp4, 45583 Bytes, 2734 ms.
BERICHTIGT: In zwei Kommentaren stand „Safari und das iPhone koennen
nur MP4". Das stimmt nicht. An Miss' eigener Aufnahme nachgemessen:
Behaelter WebM, Mux-Programm „WebKit", Tonspur A_OPUS. Safari NIMMT
WebM auf -- ob es WebM abspielt, ist eine andere Frage.
C) EIN AUSWEG STATT EINER VERTROESTUNG (chat.js, chat.css)
Vorher stand im Fehlerfall „Sprachnachricht laesst sich gerade nicht
laden". Das war fuer Miss die ganze Auskunft, und es stimmte nicht
einmal: Die Datei kam an, ihr Browser konnte den Behaelter nicht.
„Gerade" heisst „gleich nochmal versuchen" -- bei einem fremden
Behaelter hilft kein Versuch mehr.
Jetzt wird unterschieden (Fehlercode 4 = Format, alles andere = Laden)
und daneben steht ein Weg, der wirklich zum Ton fuehrt: Herunterladen,
44 px hoch, in der Farbe der Blase, mit eigenem Vorlesewort. Nur im
Fehlerfall -- ein Knopf an jeder Sprachnachricht waere Unordnung fuer
alle, damit einer Person geholfen ist.
WAS JETZT NACHGEZAEHLT WIRD
- pruef-chat-anhaenge: 119 -> 146 Pruefungen. Dreizehn davon messen
Teilanfragen am Foto (0-9, -8, 5-, ueber das Ende hinaus, 416, mehrere
Bereiche, unverstandener Kopf) und vergleichen jeden Abschnitt BYTEWEISE
mit der vollen Datei -- eine 206 mit den falschen Bytes waere schlimmer
als keine. Drei Gegenproben legen dieselbe Messlatte an erfundene
Antworten (die alte volle 200, falsche Gesamtgroesse, falsche Bytes) und
muessen durchfallen. Neun weitere pruefen die Sprachnachricht selbst und
den Ausweg.
- pruef-wissen-neu: +6. Der Weg zur PDF war der EINZIGE der zehn, den nie
eine Pruefung abgerufen hat -- genau der, bei dem eine Umstellung
unbemerkt danebengeht. Jetzt beide Spielarten (ansehen und laden).
- pruef-struktur: +6. Wer kuenftig wieder `createReadStream(...).pipe(res)`
schreibt, bekommt einen Befund. Mit Gegenproben in beide Richtungen; die
Probetexte sind zusammengesetzt, sonst meldet die Wache ihre eigene
Begruendung als Fund. Pruefdateien sind ausgenommen, weil sie an niemanden
ausliefern -- dort ist ein Weg ohne Teilanfragen die Gegenprobe.
(Beim ersten Lauf hat die Wache sofort meine eigene Messdatei gefunden.)
WAS NICHT NACHGESEHEN WERDEN KONNTE
Ob iOS-Safari WebM/Opus ueberhaupt abspielt. Playwrights WebKit startet auf
diesem Rechner nicht (`icuuc77.dll`, auch nach Neuinstallation), und ein
iPhone habe ich nicht. Der dritte Ausgang: konnte nicht nachsehen. Deshalb
sind A, B und C drei Sicherungen hintereinander statt einer Wette auf eine.
GEPRUEFT (alles einzeln, kein Gesamtlauf)
pruef-chat-anhaenge 146 ok pruef-material 159 ok
pruef-wissen-neu 33 ok pruef-spenden 172 ok
pruef-struktur 85 ok pruef-support 63 ok
pruef-video 74 ok pruef-steckbrief 65 ok
pruef-galerie 26 ok pruef-eintrag-bild 24 ok
pruef-chat 63 ok pruef-chat-optik 62 ok
pruef-haus-trennung 100 ok
Die beiden Haeuser bleiben getrennt (pruef-haus-trennung, 100 ok). Der
Ausliefer-Weg gehoert beiden gleichermassen und traegt nichts Haus-
spezifisches; die Aufnahme betrifft faktisch nur Team Dogi, weil nur dort
der Mikrofonknopf steht („also nur die modis rechte linke hand und
dogfather").
NICHT VON MIR, SCHON VORHER ROT: pruef-gifs meldet zwei Fehler („das GIF
steht danach wirklich im Verlauf", „die Tafel geht zu"). Gegen den
unveraenderten Stand von HEAD nachgemessen -- dieselben zwei Fehler, mit
denselben Zahlen. Ein eigener Befund, kein Nebenschaden dieser Arbeit.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -4349,6 +4349,45 @@
|
||||
}
|
||||
.chat-ton[data-kaputt="ja"] .chat-ton__geraet { display: none; }
|
||||
|
||||
/* ===== DER AUSWEG, WENN DAS GERÄT DEN BEHÄLTER NICHT KANN ==========
|
||||
(02.10.2026)
|
||||
|
||||
Er steht NUR im Fehlerfall da. Ein Herunterladen-Knopf an jeder
|
||||
Sprachnachricht wäre Unordnung für alle, damit einer Person
|
||||
geholfen ist.
|
||||
|
||||
Das Abspielgerät ist in diesem Zustand ausgeblendet (Regel
|
||||
darüber), also ist Platz: Der Ausweg bekommt die vollen 44 px
|
||||
Berührhöhe des Hauses statt eines 14-px-Textlinks, den man auf
|
||||
einem Handy dreimal trifft.
|
||||
|
||||
Die Farbe ist die der Blase, nicht eine feste -- derselbe Grund wie
|
||||
bei `.chat-ton__zeile` darüber: Jede Blase trägt die Farbe ihres
|
||||
Absenders, und eine feste Schriftfarbe ergäbe auf Babyblau wieder
|
||||
1,91:1. */
|
||||
.chat-ton[data-kaputt="ja"] .chat-ton__zeile {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
.chat-ton__ausweg {
|
||||
margin-inline-start: auto;
|
||||
display: inline-flex; align-items: center;
|
||||
min-height: 44px; padding-inline: 10px;
|
||||
border-radius: 10px;
|
||||
color: var(--blase-leise, var(--text-leise));
|
||||
font-weight: 600;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
.chat-ton__ausweg:hover { text-decoration-thickness: 2px; }
|
||||
.chat-ton__ausweg:focus-visible {
|
||||
outline: 2px solid currentColor;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.chat-ton__ausweg { border: 1px solid CanvasText; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
.tonleiste { border: 1px solid CanvasText; }
|
||||
.tonleiste__punkt { background: CanvasText; }
|
||||
|
||||
@@ -2779,11 +2779,39 @@
|
||||
const marke = el('span', 'chat-ton__marke', 'Sprachnachricht');
|
||||
zeile.append(marke);
|
||||
if (a.dauer) zeile.append(el('span', 'chat-ton__dauer', dauerWort(a.dauer)));
|
||||
/* Ein Ton, der nicht laedt, hinterlaesst sonst ein stummes
|
||||
Geraet ohne Erklaerung -- dieselbe Sicherung wie beim Bild. */
|
||||
/* ===== WENN DAS GERAET NICHT KANN (02.10.2026) ================
|
||||
|
||||
Vorher stand hier nur ein Satz: „lässt sich gerade nicht
|
||||
laden". Das war fuer Miss sieben Tage lang die ganze
|
||||
Auskunft -- und es stimmte nicht einmal: Die Datei kam sehr
|
||||
wohl an, ihr Browser konnte den Behaelter nur nicht
|
||||
abspielen (WebM auf einem iPhone).
|
||||
|
||||
„Gerade" heisst „gleich nochmal versuchen". Bei einem
|
||||
Behaelter, den das Geraet nicht kennt, hilft kein Versuch
|
||||
mehr -- also wird jetzt unterschieden und ein Weg
|
||||
angeboten, der WIRKLICH zum Ton fuehrt: herunterladen und
|
||||
mit einer App oeffnen, die den Behaelter kann.
|
||||
|
||||
Der Knopf erscheint NUR hier, im Fehlerfall. Ein
|
||||
Herunterladen-Knopf an jeder Sprachnachricht waere Unordnung
|
||||
fuer alle, damit einer Person geholfen ist. */
|
||||
geraet.addEventListener('error', () => {
|
||||
kasten.dataset.kaputt = 'ja';
|
||||
marke.textContent = 'Sprachnachricht lässt sich gerade nicht laden';
|
||||
/* Code 4 = MEDIA_ERR_SRC_NOT_SUPPORTED: Die Datei ist da, das
|
||||
Geraet versteht sie nicht. Alles andere ist ein echter
|
||||
Ladefehler, und der kann beim naechsten Mal weg sein. */
|
||||
const formatFehlt = geraet.error?.code === 4;
|
||||
marke.textContent = formatFehlt
|
||||
? 'Dein Gerät kann dieses Tonformat nicht abspielen'
|
||||
: 'Sprachnachricht lässt sich gerade nicht laden';
|
||||
if (zeile.querySelector('.chat-ton__ausweg')) return;
|
||||
const ausweg = el('a', 'chat-ton__ausweg', 'Herunterladen');
|
||||
ausweg.href = `${a.weg}${a.weg.includes('?') ? '&' : '?'}laden=1`;
|
||||
ausweg.download = a.name || 'sprachnachricht';
|
||||
ausweg.rel = 'noopener';
|
||||
ausweg.setAttribute('aria-label', 'Sprachnachricht herunterladen');
|
||||
zeile.append(ausweg);
|
||||
});
|
||||
kasten.append(zeile, geraet);
|
||||
return kasten;
|
||||
@@ -4537,14 +4565,22 @@
|
||||
|
||||
TIPPEN STATT HALTEN -- die Entscheidung steht im HTML begruendet.
|
||||
|
||||
DREI BEHAELTER, WEIL DIE GERAETE DREI LIEFERN: Chrome und Android
|
||||
koennen WebM/Opus, Safari und das iPhone nur MP4, Firefox Ogg. Die
|
||||
MEHRERE BEHAELTER, WEIL DIE GERAETE VERSCHIEDENE LIEFERN. Die
|
||||
Liste wird der Reihe nach durchprobiert und der erste genommen,
|
||||
den das Geraet kann. Einen festen Typ zu verlangen hiesse, dass
|
||||
die Funktion bei der Haelfte des Teams gar nicht erst angeht --
|
||||
und zwar ohne Fehlermeldung, weil MediaRecorder dann einfach
|
||||
wirft.
|
||||
|
||||
ACHTUNG, DER ALTE SATZ HIER WAR FALSCH (berichtigt 02.10.2026):
|
||||
„Safari und das iPhone koennen nur MP4" stimmt nicht mehr.
|
||||
Gemessen an einer echten Aufnahme von Miss' iPhone (iOS 18.7):
|
||||
Der Behaelter ist WebM, das Mux-Programm heisst „WebKit", die
|
||||
Tonspur ist A_OPUS. Safari NIMMT WebM also auf -- ob es das auch
|
||||
abspielt, ist eine ganz andere Frage, und sie war der Grund,
|
||||
warum sie sieben Tage lang nichts hoeren konnte. Welche
|
||||
Reihenfolge daraus folgt, steht bei `tonTypWaehlen()`.
|
||||
|
||||
WAS BEWUSST NICHT PASSIERT: kein eigener Pegelausschlag, kein
|
||||
Wellenbild. Beides sieht gut aus und kostet eine Bildschleife, die
|
||||
waehrend der Aufnahme dauernd zeichnet -- auf einem aelteren Handy
|
||||
@@ -4572,11 +4608,47 @@
|
||||
let tonUhr = null;
|
||||
let tonAbsicht = null; // 'senden' | 'weg' | null
|
||||
|
||||
/* ===== WELCHER BEHAELTER? (umgestellt 02.10.2026) ==================
|
||||
|
||||
Bis heute stand WebM/Opus ganz vorn. Das war die Reihenfolge
|
||||
„was kann DIESES Geraet am liebsten" -- und genau das ist die
|
||||
falsche Frage. Entscheidend ist, was die ANDEREN abspielen
|
||||
koennen, denn die hoeren es.
|
||||
|
||||
ANLASS: Miss konnte keine Sprachnachrichten hoeren. Sie ist die
|
||||
Einzige im Haus mit einem iPhone; alle sechs vorhandenen
|
||||
Sprachnachrichten sind WebM/Opus.
|
||||
|
||||
GEMESSEN (echte Aufnahmen aus echten Browsern, danach in beiden
|
||||
Engines abgespielt):
|
||||
|
||||
Chromium nimmt auf: webm/opus, mp4(AAC), mp4(Opus)
|
||||
Firefox nimmt auf: webm/opus, ogg/opus -- MP4 gar nicht
|
||||
Beide spielen alle vier Behaelter vollstaendig ab
|
||||
|
||||
ZWEI FALLEN, DIE DIE MESSUNG GEZEIGT HAT:
|
||||
|
||||
1. Ein blankes `audio/mp4` ist NICHT dasselbe wie AAC. Chromium
|
||||
meldet darauf `audio/mp4;codecs=opus` zurueck -- MP4 aussen,
|
||||
Opus innen. Fuer Safari ist das genauso unbrauchbar wie WebM.
|
||||
Deshalb steht die ausdrueckliche AAC-Kennung VOR dem blanken
|
||||
`audio/mp4`; Chromium nimmt dann echtes AAC (`mp4a`, `esds`
|
||||
im Kopf, vom Server als audio/mp4 erkannt).
|
||||
2. Firefox kann kein MP4 aufnehmen. Es faellt dort sauber auf
|
||||
WebM/Opus zurueck -- kein Rueckschritt, das ist der heutige
|
||||
Stand.
|
||||
|
||||
Wer kein MP4 kann, verliert nichts: Die Liste wird einfach
|
||||
weiter durchprobiert. Ein fester Typ waere falsch -- MediaRecorder
|
||||
wirft dann, und die Funktion ginge bei der Haelfte des Teams
|
||||
gar nicht erst an.
|
||||
=================================================================== */
|
||||
function tonTypWaehlen() {
|
||||
const kandidaten = [
|
||||
'audio/mp4;codecs=mp4a.40.2', // AAC -- der einzige, den wirklich jeder abspielt
|
||||
'audio/mp4', // Safari: AAC. Chromium kommt hier nie an.
|
||||
'audio/webm;codecs=opus', 'audio/webm',
|
||||
'audio/ogg;codecs=opus', 'audio/ogg',
|
||||
'audio/mp4',
|
||||
];
|
||||
for (const t of kandidaten) {
|
||||
try { if (window.MediaRecorder?.isTypeSupported?.(t)) return t; } catch { /* weiter */ }
|
||||
|
||||
Reference in New Issue
Block a user