title: HTML 5 AudioElement won't play mp3 Livestreams in safari on IOS 11 devices
body: <p>I'm a web developer at a radio broadcaster. Since the release of IOS 11, we received several user complaints that our audio live streams can't be played on IOS 11 devices anymore. To embed the streams in our websites we use the HTML5 AudioElement. When debugging the javascript on an iPhone whit IOS 11 we recognized that calling the audio elements play() method resulted in a MediaError of ErrorCode 4 (MEDIA_ERR_SRC_NOT_SUPPORTED). All other devices (Android, Windows and IOS 10 and below) play the streams without any problem. 
  I created a little codepen example </p>
  
  <pre><code>    &lt;audio controls&gt;
        &lt;source src="http://hr-hrinfo-
        live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3" 
        type="audio/mpeg;codecs="mp3""&gt;
        Your browser does not support the audio element.
      &lt;/audio&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/ampersand83/pen/pWwgKm" rel="noreferrer">https://codepen.io/ampersand83/pen/pWwgKm</a> in which I just create an AudioElement via the AudioTag and hand the source Tag one of our stream URLs. </p>
  
  <p>Devices running IOS 10 and below play the streams without any problem as well as current android or windows devices. However, a device running IOS 11.0.1 can't play the stream. I can't find any information on why this wouldn't be possible anymore. Does anybody have an idea why our streams won't work anymore and can give us advice on what we can do to make them work again? </p>