Closed

Custom audio player for a Squarespace website

Hi,

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]

Password: 1234

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)

Important note:

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!

Best regards

Skills: Squarespace, HTML5, CSS, jQuery

See more: flash custom audio player web, flash audio player xml website, simple flash audio player xml website, audio player cms website, custom mp3 player voor website, custom audio player myspace, custom audio player, custom audio player javascript, audio player wordpress website, audio player php website, website hero space design, html5 custom audio player, custom video player php website, audio player magento website, custom video player for website, audio player for website html code, free audio player for website, custom media player for website, custom soundcloud player for website

About the Employer:
( 0 reviews ) Bucharest, Romania

Project ID: #21628525

7 freelancers are bidding on average $171 for this job

luiswilliam

Hello, I read the description of your project thoroughly. I understand your requirements initially and I have experiences of the field. I am a speicalist of: * React.js, Angular for Frontend, * .NET Core API for Bac More

$140 USD in 2 days
(32 Reviews)
5.3
specscale

Hi, I checked your website and gone through your entire project, we can add a custom audio player on your music website as per your requirement. We will add all your detailed requirements and will place the code direc More

$200 USD in 2 days
(1 Review)
3.0
WebKing2019

Dear sir. ~~I can finish your audio project for a short time, perfectly.~~ I am very happy to get this opportunity to bid for your project. I have just read your requirements carefully. I am very much interested in w More

$140 USD in 7 days
(1 Review)
2.0
ninestar801

Hi, I have gone through your requirements and I can do this task. The skills and resources needed for this project are in my genes. I can assure you for a complete professional work in given time [login to view URL] share comp More

$240 USD in 7 days
(1 Review)
0.7
$30 USD in 3 days
(0 Reviews)
0.0
King8654

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!

$200 USD in 5 days
(0 Reviews)
0.0
technoJaipur

Hello, Hope you are doing great! I have a talented and experienced team of developers, committed to providing the best quality products and services. We value our client's trust, taking full obligation in completin More

$250 USD in 7 days
(0 Reviews)
0.0