Du bist der Beste, Angus! Ich habe es in Safari getestet und der Upload funktioniert super, aber leider funktioniert die Wiedergabe nicht. Ich bin mir nicht sicher, ob diese Fehler zusammenhängen:
Hallo David, keine Sorge. Die Wiedergabe funktioniert definitiv im Safari. Ich habe ein Demo für dich auf demo.pavilion.tech eingerichtet. Hier ist ein Screencast, wie ich die Wiedergabe in Safari benutze. Du kannst die Wiedergabe wegen der Funktionsweise des Screencast-Audios nicht hören, aber glaub mir, sie ist da 
(und entschuldige die Hintergrundgeräusche).
Versuche, andere Themes oder Plugins auf deiner Website zu deaktivieren, um zu sehen, ob sie das JavaScript in Safari beeinträchtigen.
1 „Gefällt mir“
Danke Angus, es scheint auf diesen einen Beitrag beschränkt zu sein: https://community.naturephotographers.network/t/brother-and-sister/36649/9?u=david_kingham, hoffentlich nur ein Einzelfall.
Die Wiedergabe funktioniert bei mir nicht, wenn ich über Chrome (macOS) aufnehme und versuche, über Safari (macOS) wiederzugeben.
Das ist wahrscheinlich das Problem, das ich bereits beschrieben habe, nehme ich an, wo Browser MediaRecorder API Codecs nicht in allen Variationen über Browser hinweg unterstützen.
Funktioniert diese Kombination bei anderen? Aufnahme über Chrome, Wiedergabe in Safari?
Ich bestätige diesen Fehler auf meinen Discourses @peter.be - hier ist ein Beispiel…
https://story.pub/t/voice-recorder-tc-chrome-on-macos/14
Aufnahmen in Chrome unter MacOS:
(Gleich wie mein Fehlerbericht von vor ein paar Tagen, außer dass dies in Chrome unter MacOS aufgenommen wurde)
iMac Desktop (MacOS)
-
Wiedergabe in Chrome unter MacOS
-
Wiedergabe in FireFox unter MacOS
-
Keine Wiedergabe in Safari unter MacOS
iPhone, iPad (iOS)
- Keine Wiedergabe in Chrome unter iOS
- Keine Wiedergabe in Safari unter iOS
- Keine Wiedergabe in FireFox unter iOS
- Keine Wiedergabe in Brave unter iOS
2 „Gefällt mir“
So sehe ich den Spieler unter deinem Link:
Und hier ist es aus meinem Forum:
Das iPad und meins funktionieren, aber deins nicht. Ich frage mich also nur.
1 „Gefällt mir“
@Jagster welches Betriebssystem und welchen Browser hast du verwendet, um den Clip auf deiner Website aufzunehmen?
iPadOS 16.6 und Safari/DiscouseHub. Aber auf dem iPad sind Browser in dieser Hinsicht alle gleich.
Ich kann auf meinem iPad in Chrome aufnehmen. Es wird nicht abgespielt und gibt einen Fehler in Chrome auf dem iPad aus.
Die gleiche Aufnahme wird jedoch in Safari auf meinem iPad und in Chrome auf meinem Windows-Computer abgespielt.
Sie wird auch in Chrome, Safari und Firefox auf meinem iMac/MacOS abgespielt.
Und trotzdem konnte ich es auf Chrome/iPad spielen.
Da auch andere Probleme haben, werde ich es hier erwähnen, dass der Beitrag, mit dem ich Probleme hatte, mit einem Android-Gerät in MS Edge erstellt wurde und die Fehler auf Safari auf dem Desktop auftraten.
@angus sollen wir (vorerst) dies als defekt markieren und vielleicht im Topic Post auf das derzeit funktionierende Plugin Discourse Audio Message verweisen?
Es ist nicht kaputt. Es funktioniert genau wie immer, sogar noch besser (es nimmt jetzt auch in Safari auf). Sie bitten mich, die Funktionalität zu erweitern, nicht sie zu reparieren.
Die von Ihnen angesprochenen Probleme betreffen die Wiedergabe bestimmter Audioformate im audio-Tag in Safari aufgrund der Art und Weise, wie sie in Discourse-Post-HTML gerendert werden (@peter.be es geht nicht wirklich um die Cross-Browser-Kompatibilität der MediaRecorder API).
Wenn Sie bestimmte Audioformate ohne Plugin oder Theme-Komponente hochgeladen hätten, einfach als Datei, würden Sie das gleiche Verhalten in Safari sehen. Wenn Sie dieses sehr spezifische Problem lösen möchten, müssen Sie entweder
- sich selbst mit dem spezifischen Problem befassen und einen PR erstellen
- jemanden beauftragen, der es für Sie erledigt
- eine Funktionsanfrage stellen, um die Formatbehandlung von
audio-Tags in Discourse-Post-HTML zu verbessern.
4 „Gefällt mir“
Das ist der Grund, warum ich aufgezeichnete Audio-Nachrichten in das mp3-Format konvertiert habe – ob man es nun als Cross-Browser-Kompatibilitätsprobleme mit der MediaRecorder API oder als Probleme mit bestimmten Browsern, die bestimmte Codecs nicht abspielen können, bezeichnen möchte; ob man es als „kaputt“ oder nicht bezeichnet; am Ende brauchte ich eine Lösung, die die Wiedergabe in allen Browsern unterstützt, unabhängig davon, in welchem Browser die Datei aufgenommen wurde.
Da alle Browser die mp3-Wiedergabe unterstützen, habe ich diesen Weg gewählt.
Ich wollte lediglich den Grund darlegen, warum bestimmte Anwendungsfälle mit der MediaRecorder API nicht funktionieren, und erklären, warum und welche Lösung ich für das Plugin gewählt habe.
Ich belasse es dabei. Wenn ich irgendwann die Gelegenheit dazu bekomme, werde ich mir die Theme-Komponente vielleicht genauer ansehen, da ich zustimme, dass dies eine bequemere Möglichkeit zur Installation und Wartung ist, aber im Moment habe ich leider keine Zeit, dazu beizutragen 
2 „Gefällt mir“
Vielen Dank @angus für deine Zeit, die du für die Behebung des Modals und die Verbesserung dieses TC aufgewendet hast. 
4 „Gefällt mir“
Kannst du diese Theme-Komponente so aktualisieren, dass sie im Chat funktioniert? Oder gibt es ein anderes Plugin oder eine Theme-Komponente, die das Aufnehmen von Audiodateien im Chat ermöglicht?
3 „Gefällt mir“
Das ist kein schlechter Vorschlag. Würden Sie Ihren Anwendungsfall erläutern?
Außerdem sind Beiträge für so etwas sehr nützlich – entweder PRs oder die Finanzierung der benötigten Entwicklungsarbeit.
Das ist es, was unsere Nutzer wollen. Sie wollten Audio während des Chats aufnehmen und senden, genau wie WhatsApp.
Auch wenn ich keine riesige Community habe, könnte ich ein Sponsoring für diese Entwicklung in Betracht ziehen. Die Person, die es tun wird, kann ein privates Thema mit mir erstellen.
6 „Gefällt mir“
Es wäre großartig, wenn Sie dafür ein Thema im Marketplace erstellen könnten. 
4 „Gefällt mir“
Ich kann diese Komponente unter Debian/GNU/Linux mit Firefox (Debian 12, Firefox 115.5.0esr) nicht zum Laufen bringen. Hat jemand anderes diese Konfiguration ausprobiert?
Könnte ein CSP-Problem mit window.injectScript dies blockieren?