HTML 5 AudioElement는 IOS 11 기기의 Safari에서 mp3 실시간 스트리밍을 재생하지 않습니다.

Question

저는 라디오 방송사의 웹 개발자입니다. IOS 11 출시 이후 오디오 라이브 스트림을 더 이상 IOS 11 장치에서 재생할 수 없다는 사용자 불만이 접수되었습니다. 웹 사이트에 스트림을 포함 시키려면 HTML5 AudioElement를 사용합니다. iPhone 11에서 자바 스크립트를 디버깅 할 때 audio 요소 play() 메서드를 호출하면 ErrorCode 4의 MediaError (MEDIA_ERR_SRC_NOT_SUPPORTED)가 발생합니다. 다른 모든 장치 (Android, Windows 및 IOS 10 이하)는 문제없이 스트림을 재생합니다. 는 난 그냥 소스 태그 우리의 스트림 URL 중 하나를 AudioTag 통해 AudioElement을 만들고 손으로하는 작은 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 이하를 실행하는 장치는 현재의 Android 및 Windows 장치와 마찬가지로 문제없이 스트림을 재생합니다. 그러나 IOS 11.0.1을 실행하는 장치는 스트림을 재생할 수 없습니다. 왜 이것이 더 이상 가능하지 않은지에 대한 정보를 찾을 수 없습니다. 아무도 우리의 개울이 더 이상 작동하지 않는 이유를 알고 있으며, 우리가 다시 일하도록하기 위해 할 수있는 것에 대해 조언 해 줄 수 있습니까?

Answer 1

이 문제는 Apple 웹킷이 최신 iOS 릴리스에서 변경된 것입니다. KH 아이스 캐스트를 실행하는 사용자에 대한 수정은 곧 (희망!) 예상 할 수있다 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> 

같은 간단한 오디오 컨트롤을 추가 ... 재생되지 않습니다. 이 사람이 수행하는 동안

: 나는이 자리 수 있습니다

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

유일한 차이점은 MP3에가있는 동안 M3U 재생 목록 작업을 실패합니다. iOS 10 이하 및 현재 macOS Safari에서는 둘 다 작동합니다. iOS 11의 Chrome도 실패합니다 (동일한 웹킷 엔진!)