orizens / echoes Goto Github PK

playlist should be clickable to play the selected media
current played media should be marked as active

caused by using Facebook app initialize
by using Disconnect Chrome Extension

should be handled in gapi.js's Backbone.sync method.
this function should authenticate first and proceed to the method

when there's no network connection, the youtube player stops, goes black.
then, when connection is back online, the player won't play videos.

user should be able to paste a youtube video url to Echoes search input field.
expected result: echoes should Load & Play the video from this url

should also display the correct total items

It would be lovely to have an adhoc play queue. That is, when you are playing a song, you might want to search for another song and queue it up to play next. I am not sure its already available. I have only seen Echoes today and spent around 30 mins with it. So, if it already exists, can you tell me how i can do that. Thanks.

playlists read/write operations

flip card for videos/description:

p::before {
    content: "About";
    display: block;
    font-family: "Open Sans Condensed";
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.card .face
{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 1s ease;
}

.card .face.back
{
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.card .front
{
    -webkit-transform: perspective(400px) rotateY(-179.9deg);
    transform: perspective(400px) rotateY(-179.9deg);
}

/*.card:hover .face.back, .card:focus .face.back
{
    -webkit-transform: perspective(400px) rotateY(179.9deg);
    transform: perspective(400px) rotateY(179.9deg);
}

.card:hover .face.front, .card:focus .face.front
{
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}*/
.show-description .face.back {
    -webkit-transform: perspective(400px) rotateY(179.9deg);
    transform: perspective(400px) rotateY(179.9deg);
}
.show-description .face.front {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-backface-visibility: visible;
}

a problem with youtube v3 api for playlists.
max-results loads only 30 results. - opened bug for youtube data api as well.
the fix should show the available 30 results

base64 for images in css
other optimising requests
http://www.freeformatter.com/base64-encoder.html

when media item is rendered it should mark it as a favourite if use logs in

Before

[
  'grunt-contrib-requirejs',
  'grunt-contrib-connect',
  'grunt-contrib-watch',
  'grunt-contrib-copy',
  'grunt-usemin',
  'grunt-contrib-concat',
  'grunt-git',
  'grunt-contrib-clean',
  'grunt-browserify',
  'grunt-contrib-uglify',
  'grunt-uncss'
  ]
  .forEach(function(mod){
    grunt.loadNpmTasks(mod);
  });

After

require('load-grunt-tasks')(grunt);

https://github.com/sindresorhus/load-grunt-tasks

configuration of watch in js leads to infinite loop

Thanks for this example. It's one of the better large-sized backbone.js examples I have come across. Very cool looking too. :)

Just one comment about something to consider for a future version - modularity (e.g., going from MVC to modular-MVC). The application seems very tightly coupled in terms of functionality between parts. There's really not a way to add functionality, or even to tell where one thing begins or ends.

Maybe this is outside of anything anyone even cares about, but I thought I'd share my thoughts.

Kind regards,
Caleb

should handle the case where the user paused the player, and when back in online - the player shouldn't play.
should save states of the player in the playerModel.

some media cards show ghost scrollbars even when description is not opened.

fix: add fixed width to description (since there's a fixed width in to youtube-item as well)

1. go into any playist by clicking the number of videos or "videos" link
2. click a video
   expected:
   video will play
   actual:
   it doesn't play

add sharing through Google+, Facebook, Email and others (?)

through "add" dialog

also - integrate spinner after ajax calls to rest in search results

check for new version which will allow to "upgrade" through refresh (location.refresh())

should create 1 user playlists collection

Hi Oren,
Looks great!
Please provide a license file with your opensource project.