chatwoot icon indicating copy to clipboard operation
chatwoot copied to clipboard

I can't play audio message on Safari (Desktop + Mobile)

Open janik-sauerbier opened this issue 1 year ago • 14 comments

Describe the bug

It's not possible to listen to audio messages in Safari on any Mac OS or IOS device.

Screenshot 2024-10-14 at 14 08 58

To Reproduce

  1. Open Chatwoot on Safari
  2. Try to play a audio message

Expected behavior

No response

Environment

app.chatwoot.com

Cloud Provider

None

Platform

None

Operating system

Mac OS, IOS

Browser and version

Safari (latest versuo

Docker (if applicable)

No response

Additional context

No response

janik-sauerbier avatar Oct 14 '24 12:10 janik-sauerbier

Oh, I think I found the problem. Safari doesn't seem to support .ogg files. I'm looking for a workaround.

janik-sauerbier avatar Oct 14 '24 12:10 janik-sauerbier

Maybe something like this (https://github.com/bvibber/ogv.js) might be a solution.

janik-sauerbier avatar Oct 14 '24 12:10 janik-sauerbier

Thanks for reporting this. This is a known issue. We have tried different solutions so far, the players default switch to the browser support medias only. Let us look into ogv.js.

pranavrajs avatar Oct 14 '24 20:10 pranavrajs

@pranavrajs @unfixa1 Thanks for your quick responses. I'm pretty sure that it's related to the lack of OGG support in Safari (https://caniuse.com/ogg-vorbis).

I'm trying to deploy a hotfix using https://github.com/ffmpegwasm/ffmpeg.wasm right now. The idea is to just convert the .ogg files to .mp3 files on the fly in the frontend. It's a bit similar to the OGG encoder used in Chatwoot (https://github.com/chris-rudmin/opus-recorder).

I'm struggling with the webpack config at the moment xD

janik-sauerbier avatar Oct 15 '24 16:10 janik-sauerbier

@pranavrajs And if we only work with mp3, what do you think?

giquieu avatar Oct 21 '24 01:10 giquieu

@giquieu WhatsApp sends .ogg files as far as I know so the files would need to be converted at some point to make it work in Safari

janik-sauerbier avatar Oct 21 '24 15:10 janik-sauerbier

Same error here. Waiting for solutions

agencia904 avatar Aug 12 '25 19:08 agencia904

Same here

ghost avatar Aug 24 '25 17:08 ghost

Same :(

elasti-co avatar Oct 21 '25 22:10 elasti-co

I don't think the problem is just Safari, but iOS as a whole. I tested it with the Google Chrome app and the behavior is the same. It only works when the audio is sent via Chatwoot.

Anything sent directly via WhatsApp or received doesn't work.

mcabral2510 avatar Nov 25 '25 22:11 mcabral2510

I don't think the problem is just Safari, but iOS as a whole. I tested it with the Google Chrome app and the behavior is the same. It only works when the audio is sent via Chatwoot.

Anything sent directly via WhatsApp or received doesn't work.

Works on Chrome and Brave on MacOS. Fails on Safari only.

diegows avatar Dec 03 '25 21:12 diegows

@pranavrajs @unfixa1 Thanks for your quick responses. I'm pretty sure that it's related to the lack of OGG support in Safari (https://caniuse.com/ogg-vorbis).

I'm trying to deploy a hotfix using https://github.com/ffmpegwasm/ffmpeg.wasm right now. The idea is to just convert the .ogg files to .mp3 files on the fly in the frontend. It's a bit similar to the OGG encoder used in Chatwoot (https://github.com/chris-rudmin/opus-recorder).

I'm struggling with the webpack config at the moment xD

any luck with that workaround?

diegows avatar Dec 03 '25 21:12 diegows

Same problem with dockerized version, whatsapp audio and chrome

Riccardo1091 avatar Dec 07 '25 20:12 Riccardo1091