Make html 5 audio player work on an iPhone?

Pedroski · 11-25-2018, 06:42 PM

I made a very simple web page to give homework. Sometimes the homework is listening to an audio file and answering questions.

This works on my laptop, using Ubuntu, on a Windows computer, also on my XiaoMi phone, most students' phones, but not on an iPhone. (Not many of the students have iPhones)

Code:

 <div style="margin: 0 auto; width:950px;"> <p> Please listen to the recording, then answer the questions below. </p></a> 
  <audio controls> <source src="ogg/startCorpCrime.ogg" type="audio/mpeg"> Your browser does not support the audio element. audio> </div>

The player displays on the iPhone, but will not play anything. I don't have an iPhone to try it out.

Any tips please about how to tweak this?

ondoho · 11-27-2018, 12:34 AM

my first tip would of course be to do some web searches a lá "iphone html5 audio problem".

my second tip is to get familiar with common hurdles of web design.

it usually comes down to specifying more than one option in a specific order, so that the browser in question can choose the one that works.

i notice you only offer OGG audio format; the usual way is to offer at least 2 different formats, one of them usually mp3.
maybe iphone OS doesn't like OGG audio?
this is a wild guess, i did not do those web searches for you.