在 HTML 页面中播放 .m4a 音频文件不起作用

Question

I'm trying to play an m4a file on a webpage and it doesn't work. I'm using the voice memo app on an iPhone to generate these files.

I notice the following (Findings):

• When I switch my settings IOS > Settings > voice memo > Audio quality to compressed it works.
• When I switch my settings IOS > Settings > voice memo > Audio quality to Lossless it doesn't work.

The problem

The problem is that all the files that I need to use were generated using the Lossless setting.

Any ideas???

• why the browser is not playing these files?
• any suggestions to make it work?

Here is my snippet:

<audio controls>
  <source src="fileURL">
  <source src="fileURL">
Your browser does not support the audio element.
</audio>

Thank you guys!

Answer 1

The lossless files will most likely be encoded with Apple Lossless . As the name implies this is the format that Apple software uses to produce lossless files. To be sure you could open the files with Quicktime or iTunes to see what codec is used.

As far as I remember not even Safari for iOS does play Apple Lossless files natively. If you can't re-encode the files alac.js could be an alternative. It's an Apple Lossless decoder written in JavaScript.