florianboudot / micromix Goto Github PK

somewhere

If you don't have played any sound and push the play/pause button, play the first sound.

Test to see if everything is ok

use of JS rather than CSS.

First page cached data are shity/undefined

keywords : tape, cassette, ampli, walkman

To avoid slow scrolling, delete posts from above in an object

Detect the user inactivity with keyboard or mouse, or touch events.
That will be useful to know if we can chain a next song automatically

Click on the ghettoblaster title (if any displayed) will bring you to the post of the actual sound.

when track is finished, start playing the next track in list.

Example : Wherever you are in website, Micromix #79 is finished playing, the #78 is starting.

when playing a mixtape, the current playing track must be highlighted in the tacklist.
We have to add flags for each track of each mixtape.

Example :
on Micromix 079
from 0:00 to 5.25 >> track 1
from 5.25 to 7.16 >> track 2
etc.

Add shortcut

• spacebar = play/pause
• shift + left = previous
• shift + right = next

A php file returns the mp3 file and store proper statistics ("read" or "download").

people :

• Jean-Luc Nguyen
• Stefan Cova
• Antoine Sanchez
• Yves Van Goethem

software :

• wordpress
• soundmanager2
• plugins

Actually a css background is apply by JS, use a class to put active/inactive

Use _updatecurrentprogressbars to set a Boolean to avoid pointless flooding execution in _updatetimeprogress & _updateloadprogress

• display current time on the timeline cursor
• display total time at the end of the timeline

Find another way to detect an event while resuming a sound on error, actually, it's buggy.

• on mp3 error:
• on micromix error:
• on internet error:

add this button on the cassette player, use one of these existing right button

• image is now uploaded in the post.
• a thumbnail is automatically created (for sidebar rollover and other uses)
• refactor the way we display images (no use of "custom field anymore)

Use of grunt or gulp to concat / compress JS and CSS files

Add a preview functionnality

Configure phpstorm to create commit message with "#10" rather than "micromix-10" for github to automatically associate the commit with the issue 10 !

When user click on next or prev button (or keyboard shortcut) you should put a timeout with a animation (compact cassette)

This will avoid flood of request.

0 is the begining of the track
100 is the end of the track
play = increment
pause = stop increment
rewind = decrement animation
fast-forward = increment animation

Today we have a link to the author of the mix. Let's move this link on the mix img cover. Skin this link with a graffiti "kazes" or "xamar", etc.

Animate green and red leds depending on the volume

help : Make wordpress generate thumbnail files from images attached to a post.
http://shibashake.com/wordpress-theme/wordpress-image-size

in the sidebar we'll have the full list of mixtapes.
Ordered by year.
And when you hover you'll have more info, such as picture cover and "number of plays".
Example : this sidebar http://www.schillmania.com/

current played track has title to defil on the player if play.
pause defil if track paused.

Actually, on load we have

• 22 JS files (675Ko)
• 106 images (3.7Mo)
• 5 CSS (27Ko)
• 107 Ko of HTML

We need :

• concat files and compress them (via #49)
• move images loading after load
  • K7 files
  • right menu images

When we change page by clicking any link, the player must continue playing in a corner of the page. Always visible (position:fixed)
Example : http://pitchfork.com/

We need to build a faster app by caching the right column

To go for/backward in the mix

• Bind click on the timeline of the current playing sound
• Unbind it when playing another sound

it now find "le" in "facile" and displays results but we only want results when full word "facile" is found.

Since we have all the data in an array, we can make a fast incremental search

"autocomplete the search field with data contained in the js array"

For mute/unmute as for play/pause, use a fade in/out of volume

mark navigation links with class "history" and add javascript hack these links to get content and display it in the middle column.

While scrolling the list of posts, make an infinite scroll

With pjax.
Send a get param ajax=true to get only the central content

Needed for the issue #8
Clean or refactor as much as possible the templates files.

• create a new category and pick posts
• add a star on chosen post
• add button to filter these posts

create new audio player with soundmanager