HTML 5 AudioElementはIOS 11デバイスのSafariでmp3ライブストリームを再生しません

Question

私はラジオ放送局のウェブデベロッパーです。 IOS 11のリリース以来、当社のオーディオライブストリームはもはやIOS 11デバイスで再生できないといういくつかのユーザーの苦情を受けました。ウェブサイトにストリームを埋め込むには、HTML5 AudioElementを使用します。 IOS 11でjavascriptをデバッグするときに、audio要素のplay（）メソッドを呼び出すと、ErrorCode 4のMediaError（MEDIA_ERR_SRC_NOT_SUPPORTED）が発生したことがわかりました。他のすべてのデバイス（Android、Windows、IOS 10以下）は問題なくストリームを再生します。 は、私はちょうどAudioTag経由AudioElementを作成し、ソースタグ当社ストリームのURLのいずれかを渡している少しcodepen例

<audio controls> 
     <source src="http://hr-hrinfo- 
     live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3" 
     type="audio/mpeg;codecs="mp3""> 
     Your browser does not support the audio element. 
    </audio> 

https://codepen.io/ampersand83/pen/pWwgKmを作成しました。

IOS 10以降を実行するデバイスは、現在のアンドロイドまたはWindowsデバイスと同様に問題なくストリームを再生します。ただし、IOS 11.0.1を実行しているデバイスはストリームを再生できません。なぜこれがもう不可能なのかについての情報は見つけられません。誰もが私たちの流れがもはやうまくいかない理由を知っていますか？彼らが再び働かせるように私たちができることについて助言を与えることができますか？

Answer 1

この問題は、最新のiOSリリースでApple WebKitが変更されたことに起因します。 KH Icecastのを実行しているユーザーに対する修正はすぐに（できれば！）期待できるhttps://github.com/karlheyes/icecast-kh/issues/172

Answer 2

この

<audio controls> 
    <source src="https://swr-swr3-live.sslcast.addradio.de/swr/swr3/live/mp3/128/stream.mp3" type="audio/mpeg;codecs="mp3""> 
</audio> 

のような簡単なオーディオコントロールを追加しています...再生できません。

この1つはしますが：

<audio controls> 
    <source src="http://mp3-live.swr3.de/swr3_m.m3u"> 
</audio> 

私は見つけることができる唯一の違いは、M3Uプレイリストが動作しながら、MP3に失敗したということです。 iOS 10およびそれ以前のMacOS Safariでは、両方とも動作します。 また、iOS 11のChromeが失敗する（同じWebkitエンジンですか？）