We are looking for some basic integration of SoundCloud API and some features to our blog. I attached a diagram of what we are looking for...broken down and labeled by letters. Please let me know if you have any questions! This needs to be done absolutely correct
Instructions (The Pieces)
A. Genre Drop Down: We need you to add a genre drop down that is populated by grabbing Track Meta Data from Soundcloud Tracks that are posted to our blog. When you click a Genre the page refreshes with those designated tracks. Genres will become listed in this drop down based on the amount of soundcloud tracks are posted to the blog. For an example:
Currently the drop down has Rock and Pop…A Rap artists is posted to the site and the site grabs it's track data. Rap would then be added to the genre list.
B. When the mouse hovers over the album cover image it should display a play button. When pressed it will then display a pause button until pressed again..Hovering over displays the control. Example we want this: https://soundcloud.com/explore
*Take the song title and put something about the project*
*Include the project title in the bottom*
C. This section would display the "Post Title" which the artist inputs when creating a blog post. (?)
D. We need a music player that stays constant through the site. When a user listens to a track it will display track data above in the player. When the user goes to a new page the music will continue to play until the user either pauses it or listens to another track on the site.
E. We need to make sure that the 2 125 x125 AD Units that we have on the site are side by side.
F. We need a place marker added for where we will have 2 meters. 1 for the amount of money the artist has raised, 2. The time left the artist has to raise it.
*In the future we are looking to connect progress bar *Green* to a funding system that we currently don't have the API for but we would like to at least set it up for it to be functional when a Payment API has been integrated.
*Also the progress bar *Red* will be connected eventually into a project time left countdown.
G. Soundcloud Track art is displayed as the thumbnail on the page.
The page will load posts both horizontally and vertically in a stacking pattern overflowing to the row below it pending on the shape of the browser viewing area. When the user scrolls to the bottom the browser will then display more posts..similar to how Facebook does it for new posts. You don't have to go to a new page just continually scroll for more posts until there is no more.
*Similar to "Soundclouds" explore page.
*We need a rotation program that rotates project photos on the designated Ads on the side of the page. The placements can be served at random. Basically, the script would crawl our site for every post and pick posts at random and use those photos in the ad placements which would link back to that artists project page.