Where can I find an mp3 player compatible with iOS?

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Photo of Cary Grant

Cary Grant

  • 2 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Cary,

You may like to consider the HTML5 < audio > element:

How to build an iPhone compatible HTML5 Audio player
Photo of Cary Grant

Cary Grant

  • 2 Posts
  • 0 Reply Likes
I was hoping that there would be a simpler solution. I am not that skilled.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Cary,

Expanding on this: You can add your mp3 file to your file manager with a name and in this example I have given the file the name myfile.mp3. Because it is then stored in the File Manager of a Yola built site the directory is called resources so to call this we place the following code into an HTML widget: <audio src="resources/myfile.mp3" controls>
Each Browser eg: Chrome, FireFox etc has its own audio player which will be displayed on the users screen when they open your music file. The word controls allows users to control the start/stop and volume of the playback on their own computer.

Here is a test I have setup to display the outcome of such a placement. It displays successfully on iOS devices plus desktop browsers, (but not IE10). The controls appear limited on iOS iPhone and iPad, without inherent volume control and simply a start/stop control, (in Safari and Chrome) on the iPhone/iPad.

Steps:

  • Upload your mp3 file into your file manager following Uploading and adding files

  • Copy the code I posted above with your specific file name replacing the generic name I used into an HTML Widget. See the tutorial Adding HTML

  • Save

  • Preview and Publish.


  • Inspect the published site in the various devices and browsers and see how it performs.....


    If you would like further clarification, please leave a message here.