¡Eres el mejor, Angus! He probado en Safari y la parte de carga funciona muy bien, pero lamentablemente la reproducción no funciona. No estoy seguro si estos errores están relacionados:
Hola David, no te preocupes. La reproducción funciona perfectamente en Safari. He preparado una demostración para ti en demo.pavilion.tech. Aquí tienes una grabación de pantalla de mí usando la reproducción en Safari. No puedes oír la reproducción debido a la forma en que funciona el audio de la grabación de pantalla, pero créeme, está ahí 
(y disculpa el ruido de fondo).
Intenta deshabilitar otros temas o plugins en tu sitio para ver si están rompiendo el javascript en Safari.
1 me gusta
Gracias Angus, parece estar aislado a esta publicación, espero que sea solo un incidente aislado.
No puedo reproducir el contenido, cuando grabo a través de Chrome (macOS) e intento reproducirlo a través de Safari (macOS).
Probablemente sea el problema que describí antes, supongo, donde los navegadores no admitirán los códecs de la API MediaRecorder en todas las variaciones entre navegadores.
¿Funciona esta combinación para otros? ¿Grabar a través de Chrome, reproducir en Safari?
Confirmo este error en mis Discourses @peter.be - aquí tienes una muestra…
https://story.pub/t/voice-recorder-tc-chrome-on-macos/14
Grabaciones realizadas en Chrome en MacOS:
(Igual que mi informe de error de hace unos días, excepto que esto se grabó en Chrome en MacOS)
iMac de escritorio (MacOS)
- se reproducen en Chrome en MacOS
- se reproducen en FireFox en MacOS
- no se reproducen en Safari en MacOS
iPhone, iPad (iOS)
- no se reproducen en Chrome en iOS
- no se reproducen en Safari en iOS
- no se reproducen en FireFox en iOS
- no se reproducen en Brave en iOS
2 Me gusta
Así es como veo al jugador en tu enlace:
Y este es el de mi foro:
El iPad y el mío funcionan, pero el tuyo no. Así que solo me preguntaba.
1 me gusta
@Jagster ¿qué SO y navegador utilizaste para grabar el clip en tu sitio?
iPadOS 16.6 y Safari/DiscouseHub. Pero en iPad los navegadores son todos iguales en ese asunto.
Puedo grabar en Chrome en mi iPad. No se reproduce y da error en Chrome en el iPad.
Sin embargo, la misma grabación se reproducirá en Safari en mi iPad y en Chrome en mi máquina Windows.
También se reproduce en Chrome, Safari y Firefox en mi iMac/MacOS.
Y sin embargo, pude jugarlo en Chrome/iPad.
Dado que otros también están teniendo problemas, lo mencionaré: la publicación con la que estaba experimentando problemas se creó con un Android en MS Edge, y los errores se reproducen en Safari en el escritorio.
@angus ¿deberíamos (por ahora) etiquetar esto como roto y, quizás, en la Publicación del Tema, referirnos al plugin que funciona actualmente Discourse Audio Message?
No está roto. Funciona exactamente como siempre, incluso más (ahora también graba en Safari). Me estás pidiendo que extienda la funcionalidad, no que la arregle.
Los problemas a los que te refieres son la reproducción de ciertos tipos de formatos de audio en la etiqueta audio en Safari debido a la forma en que se renderiza en el HTML de las publicaciones de Discourse (@peter.be, en realidad no se trata de la compatibilidad entre navegadores de la API MediaRecorder).
Si subiste ciertos formatos de audio sin usar un plugin o componente temático, solo como un archivo, verías el mismo comportamiento en Safari. Si quieres resolver ese problema tan específico, necesitarás:
- Investigar el problema específico tú mismo y hacer una PR.
- Contratar a alguien para que lo haga por ti.
- Plantear una solicitud de funcionalidad para mejorar el manejo de formatos de las etiquetas
audioen el HTML de las publicaciones de Discourse.
4 Me gusta
Esa es la razón por la que elegí convertir los mensajes de audio grabados al formato mp3; ya sea que lo llames problemas de compatibilidad entre navegadores con la API MediaRecorder o que algunos navegadores no puedan reproducir ciertos códecs; o si lo llamas ‘roto’ o no; en resumen, necesitaba una solución que admitiera la reproducción en todos los navegadores, independientemente del navegador en el que se grabara el archivo.
Dado que todos los navegadores admiten la reproducción de mp3, elegí esta vía.
Solo intentaba señalar la razón por la que ciertos casos de uso no funcionan con la API MediaRecorder, y expliqué por qué y qué solución elegí para el plugin.
Lo dejaré así. Si tengo la oportunidad en algún momento, podría echar un vistazo más de cerca al componente temático, ya que estoy de acuerdo en que es una forma más conveniente de instalarlo y mantenerlo, pero por el momento no tendré tiempo para contribuir, desafortunadamente 
2 Me gusta
Gracias @angus por tu tiempo dedicado a arreglar el modal y mejorar este TC. 
4 Me gusta
¿Puedes actualizar este componente temático para que funcione en el chat? ¿O hay algún otro plugin o componente temático que permita grabar archivos de audio en el chat?
3 Me gusta
No es una mala sugerencia. ¿Te importaría explicar tu caso de uso?
Además, las contribuciones son súper útiles para cosas como esta, ya sean PRs o patrocinando el trabajo de desarrollo necesario.
Esto es lo que nuestros usuarios quieren. Querían grabar y enviar audio durante el chat, al igual que WhatsApp.
Aunque no tengo una gran comunidad, podría considerar el patrocinio para este desarrollo. La persona que lo haga puede crear un tema privado conmigo.
6 Me gusta
Sería genial si pudieras crear un tema en Marketplace para eso. 
4 Me gusta
No puedo hacer que este componente funcione en Debian/GNU/Linux con Firefox (Debian 12, Firefox 115.5.0esr). ¿Alguien más ha probado esta configuración?
¿Podría un problema de CSP con window.injectScript estar bloqueando?