Wordpress, Soundcloud API, Javascript AJAX, Music Player

This project received 10 bids from talented freelancers with an average bid price of $796 USD.

Get free quotes for a project like this
Project Budget
Total Bids
Project Description

Take a look at the attached spec sheet for a job I need to have fairly quickly. This job needs to be completed and pushed to the server on Mar 29th.

Lightning in a Bottle 2013 Music Player

Current Site [url removed, login to view]

Dynamic Soundcloud Playlist Music Player



HTML5 player (NON Flash so it can be played via mobile)

Songs play uninterrupted across all pages

- 1st method is to utilize ajax to load the clicked on link and replace the current content on the page, except music player and wrapper

- 2nd backup method would invoke a popout player if ajax was taking too long or javascript not available

Wordpress Functionality

Songs Custom Post Type with Playlist taxonomy

Wordpress Admin Add Song

- Song Fields ( Title, Artist Name, Soundcloud Link)

Wordpress Admin Create Playlist (assign a default playlist)

- Playlist Fields ( Title, SongsOrder, Default Playlist )

- reorder songs within each playlist. Need to be able to set a song for first position in one playlist and maybe somewhere in the middle position in another playlist.

Select a default playlist and it Loads default playlist on first load of site

Shortcode to display a playlist on a page.

Shortcode to display a single song on a page. (maybe)

User presses play on a playlist that was added to a page via shortcode, the new playlist is added to the current playlist pushing existing songs down and starts playing from the top. Once the playlist is complete the next song plays

Please See below: Option 1A or 1B needs to be chosen

Optional separate estimate cost

1A - Regular soundcloud embed needs to be able to stop the main player

Shortcode to embed a song onto content. This will display a play button and the waveform provided from soundcloud.

User presses play button on this single song, the song goes to the top of the playlist and starts playing, existing songs in playlist stay and continue to play after current song is over.

1B - Regular soundcloud embed play clicked adds song to main playlist and continues to update position via api seekto() and allows the main player to keep playing the song if the user clicks to another page [url removed, login to view]

No need for a single song shortcode because we can just place songs on the page using soundclouds html5 embed code

Example of Main player and seek to functioning [url removed, login to view] Click play on a song watch the visual notification of song position. Then click into an artist from a link in the sidebar (daedelus) The original song continues to play in the background. Clicking Back reloads the original page keeps the position updated and song playing.

Example of Ajax reloading [url removed, login to view] press play on the top right player and click on any link on the page.

beClicking Assets: Will provide a design of the player.

Let me know asap as I need to get this started right away.

Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online