Coding to enable single track music on android and Apple devices

Site URL: https://www.stevelbanks.co.uk/

Hi, I found the code to continuously play the piano track Milan your hear when opening the 'Paintings' page on this site, but it does not like some mobile devices, especially Apple. I understand that Apple does not like the instant/continuous play of music tracks on website pages. Does anyone know of any coding solution or advice that may help to allow the music to play across all mobile devices please. Much appreciated.

This was some advice and conversation around the issue with a web developer contact:

Good afternoon Steve,  Below is the transcript of a discussion I had with an app developer - unfortunately web design is not his area however he was helpful.  It appears the web industry is in debate regarding whether auto-play music should be allowed so a number of browsers now have this disabled. Looking through various technical forums it appears this can be fixed, if you know what your doing but this includes Java scripting!.  The easiest fix may be to just add a start button that starts the music - this could be embedded within a statement that suggest the best viewing experience is accompanied by Sam’s tune? Sell it as  a visual audio experience!

 

 

Alternatively, you could have Matt drop a query to the SquareSpace technical forum as contributors seems really keen to help the less skilled, 

 

The addition of the link would be my approach however as this way you can guarantee the music is played if the viewer wishes,  whatever the browser!

 

Good luck,

 

Begin forwarded message:

 

From: Steve Lockwood <Steve.Lockwood@avantiplc.com>

Subject: mp3

Date: 10 September 2020 at 13:32:47 BST

To: "steve@trumpetlondon.co.uk" <steve@trumpetlondon.co.uk>

 

 

 

15:00

You all right?

stevel  15:01

I'm hoping you can provide a little advice regarding CSS optimisation of mp3 for mobile devices?

15:01

Every used SquareSpace?

pcichorowski  15:02

oh, that is something new

stevel  15:02

A friend has asked my why his website plays audio or a laptop but not mobile devices?

pcichorowski  15:03

no, unfortunately have no experience with that

15:03

I can have a look when you provide me a link

stevel  15:04

the website is stevelbanks.co.uk  an artist I know who has a exhibition soon but his website is broke!

pcichorowski  15:06

should it play background music on that page?

15:06

can't hear anything (edited) 

stevel  15:07

Interestingly just noticed that  the music stops if the pictures are displayed but the header information is moved off screen -

pcichorowski  15:08

I'm using Linux machine, maybe it have problem with it too

15:08

let me check it on Windows, I'll get back to you soon

stevel  15:12

Thank you, any suggestion would be a great help

pcichorowski  15:23

music actually plays nicely on my Android phone both in Firefox and Chrome browsers 
works also under Edge browser on Windows
but is not working on Firefox, both Linux & Windows
it looks more like javascript/cross browser issue
mp3 itself is fine also, I can play it if I put link to mp3 directly in any browser, even Firefox

15:23

https://static1.squarespace.com/static/5dfb559f1047cf33eb90ccfd/t/5f5608ff35cfcb0f5c049aa2/1599473938424/Milan.mp3/original/Milan.mp3

15:24

I can try dig deeper why it is not working on Firefox but mp3 itself looks good for me

stevel  15:56

Doesn't work on an iPad or IOS also, if this helps, thanks

pcichorowski  16:01

https://stackoverflow.com/questions/13266474/autoplay-audio-on-mobile-safari

Stack Overflow

Autoplay audio on mobile safari

Before I get flamed to death, I know this doesn't work currently due to Apple's concern over downloading an audio file automatically. However, my question is: Has anyone found a cunning workaround...

16:01

problem solved (edited) 

16:01

sound autoplay is disabled by default in most of the browsers

16:01

when I enabled it in my Firefox, mp3 is playing as expected

16:02

quoting:

There is no chance to get autoplay working in mobile browsers. Android and iOS doesn't allow it and personally I think that is a feasible confinement! Imagine every second website you will open plays and ugly sound at start!

stevel  16:14

HI Pawel, This explain the issue, thank you for looking at this