ios18 can not play audio The voice can be played on safari webkit

[likenamehaojie]

Self Checks

• This is only for bug report, if you would like to ask a question, please head to Discussions.
• I have searched for existing issues search for existing issues, including closed ones.
• I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:）
• Please do not modify this template :) and fill in all the required fields.

Dify version

error

Cloud or Self Hosted

Self Hosted (Source)

Steps to reproduce

ios 18 can not play audio

✔️ Expected Behavior

11111

❌ Actual Behavior

111111

[dosubot]

I found a similar unsolved discussion regarding audio playback issues on iOS devices: Text2speech auto play cannot work (on cloud) ^[1].

Additionally, there are no specific known issues or bug reports related to audio playback on iOS 18 documented in the Dify repository .

However, there are specific configurations required for audio playback on iOS devices. The code includes a compatibility check for the MediaSource or ManagedMediaSource object, which is necessary for audio streaming. If neither is available, it notifies the user to update to iOS 17.1 or later:

// Compatible with iphone ios17 ManagedMediaSource
const MediaSource = window.MediaSource || window.ManagedMediaSource
if (!MediaSource) {
  Toast.notify({
    message: 'Your browser does not support audio streaming, if you are using an iPhone, please update to iOS 17.1 or later.',
    type: 'error',
  })
}
this.mediaSource = MediaSource ? new MediaSource() : null

This indicates that for audio playback to work on iOS devices, the device must support MediaSource or ManagedMediaSource, and if using an iPhone, it should be updated to iOS 17.1 or later ^[2].

If the issue persists on iOS 18, it might be worth investigating further or checking for any recent updates or changes in the codebase that might affect audio playback functionality.

To continue talking to Dosu, mention @dosu.

[likenamehaojie]

ios 17 also has this bug

[likenamehaojie]

the version 0.8.3 also has same bug

[crazywoola]

Link #5617
Link #7492

@JzoNgKVO

[likenamehaojie]

@crazywoola, I looked at this, but my problem is that there is an issue with iOS 17.1+Safari browser on my iPhone,
The prompt is that ManagedMediaSource does not have endOfStream() function,
When I commented out this line, it still cannot be played,
I refer to the description of ManagedMediaSource by W3C.
I made the following settings for the audio when building a ManagedMediaSource

this.audio.disableRemotePlayback = true;
this.audio.controls = true;

At this time, it can be played, but the first and second messages of each conversation cannot be played. The voice can be played on the third message. This is the work I have done so far

The current expectation is that the first and second messages can be played normally

[likenamehaojie]

@

[likenamehaojie]

@crazywoola fix at. #8645 (comment)