I am looking for some help to have a custom audio player on my music website. I am currently developing and building a new website on Squarespace.
The audio features of Squarespace do not match our current needs. I am interested in developing a custom audio player.
My Squarespace site is:
[login to view URL]
Here my actual site: [login to view URL]
Where you can have an idea of the audio player we are using. It is a custom audio player.
What I need for an audio player is:
-to have multiples playlist on one page (catalogue page of more releases).
-to have the player that pop up and appears on the bottom of the site when the user starts a track from an album tracklist (it should be well adapted and displayed with the footer of the site). So the player is not displayed until an user didn’t start to play a track on the site (animation pop up and close can be reuse from [login to view URL])
-the tracklist of an EP or album is having some ‘’play button’’,
-the user can close the audio player if he wants to / it closes the player and stop the music
-the music will keep playing while the user is navigating on multiples pages of the site, so it increase the user experience (point to verify and find a work around, it seems that Squarespace not support ajax loading for pages and reload on each page but a workaround is possible with the template we use we can enable Ajax Loading)
-when a track end, it’s playing automatically to the next one of the EP or album (until the end of the tracklist or album selected by the user)
-the audio players has more features: play/pause/volume/go back track/go next track/close the player, it must appears: length or time of the track/ track and artist title
-the audio player have to be mobile responsive (with reduced information vs computer)
-I will need to be able to create new tracklists and upload tracks from Squarespace builder space (without doing any code for that)
-we have a guideline for the design that we will provide you with some code to reuse (we will make more tests)
You will place the code directly in our Square Space site, but you will also have to provide us the full code of the player and tell us where we need to place it in the custom space of Squarespace. This way we are fully independent and we could modify some features / colors etc. of the player if we want in the future.
And we will make some tests to be sure the audio player is fully functional (for example upload new tracklist on the site, new audio content etc.)
+ we should see any trace from warp / apple in the code into the player while inspect code from browser
Workaround for Squarespace with ajax loading:
[login to view URL]
The brine template we are using can support the ajax loading, we just need to activate it.
It exists some customs audio players already made on Squarespace, here an example: [login to view URL]
The web dev needs to be very aware of the environment of Squarespace site builder and the audio features so he can custom and we will still be able to manage our audio content.
Squarespace allow accessing to the full code of the site, also to add some code section with different languages: CSS/HTML etc.
Could you kindly help me?
Many thanks in advance for your answer!
7 freelancers are bidding on average $171 for this job
Hi, i just read your description and carefully checked. I almost understood and can i ask some questions. I can do this. So feel free to contact with me now. Regards!