.mp3 sound best practice

[gvmm]

I have a number of 3-10 MB .mp3 audio files I wish to include on a Muse-based site. I am displaying one player per page to simplify testing. I have not been satisfied with the performance of the Muse Audio Player widget or with the SoundCloud Pro player.

In the first case, Audio Player seems to want to load the entire audio file before displaying any graphic info in Safari for macOS. This leaves a blank screen for many seconds on end, which would mean instant death for site traffic. In Safari for iOS, the graphic info appears, but sound playback is not available until all (or at least a very large chunk) of the sound file is loaded. While this is better than a blank screen, it is still pretty bad. (This is not a server-side issue, because Chrome for macOS loads the pages and summons the audio for streaming at an acceptable rate.)

SoundCloud Pro widget works just fine at desktop resolution, but once the screen width drops to tablet or phone values, SoundCloud puts up a noxious Play in SoundCloud button that dwarfs the Play in browser option, and there is no way to disable this gratuitous pitch to distribute their iOS app.

Does anyone have a better solution?

TIA

Richard Hurley

[Ussnorway · Accepted solution]

I use the one Chris made and demos here (about 45)

https://images-tv.adobe.com/avp/vr/f9a22e0b-df84-4fab-95fd-82db9072a993/8899f4b9-f47f-4929-b75e-2637...

[gvmm]

Thanks, Ussnorway!

For anyone reading this thread: the link in Ussnorway's post launches a download of a 492 MB video that contains a presentation describing widgets generally and 123Muse's (3rd-party) widgets specifically. 123Muse is now museGrid. Very informative – gave me a good look into the level of functionality offered by 3rd-party widgets.