graphical ui

[mafintosh]

playback is a minimalistic video player build on top of atom-shell. it supports playing normal video files, video files shared using bittorrent, (and in the future, videos from youtube). it also has support for broadcasting what you're currently watching over the local network so that multiple people can watch the same video at the same time.

basic functionality is pretty much done but it needs a graphical ui. i'm thinking it should be as minimal as possible (think quicktime on osx) where there isn't any ui until you mouse over the player.

components wise we probably need

• top menubar with the osx close/minimize buttons and buttons for broadcasting what you are watching or subscribing to what someone else on the same network is watching
• a playlist that shows what is currently queued
• an info panel that shows how fast you are downloading if the thing you are watching is a torrent and how many peers you are connected to
• controls (play/pause, a timeline that shows how far you've watched, and a timer)

any help with the design aspect of this would be greatly appreciated :) am happy to implement from mockups, or whatever else works. leave ideas in the thread below

[max-mapper]

for minimalism the best peeps in the game are @jxnblk and @mrmrs, maybe http://jxnblk.com/skull/ would be useful here

[jemory]

I have some questions about the expected functionality of the top menubar.

• What should happen when the broadcast button is pressed? Any dialog involved?
• What should happen when the button for selecting broadcasts is pressed? Would there be a list? Modal?
• Is the app aware of whether or not broadcasts are available? I.e., should the select button be permanent, or only visible when a broadcast is available?

One other question I have: what is the primary method of selecting a video for playback in the first place and how are videos added to the queue? File menu? Magnet Links? Drag and drop? All of the above? Something else?

Sounds like a cool app!

[freeall]

@jemory videos should probably be added through magnet links and drag and drop. I'm looking into getting the magnet links to work.

[mafintosh]

What should happen when the broadcast button is pressed? Any dialog involved?

No dialog is needed (the app just starts broadcasting to other people on the network that you are available for broadcast). The broadcast button could change state to show that you are broadcasting now.

What should happen when the button for selecting broadcasts is pressed? Would there be a list? Modal?

The way it works now is that when subscribing it just starts showing the first broadcast it finds on the network. I think we can continue with this behaviour for a while and worry about having modal later incase more than one is found.

Is the app aware of whether or not broadcasts are available? I.e., should the select button be permanent, or only visible when a broadcast is available?

Yes the app is aware so we could "gray" out the button if no broadcast is available

what is the primary method of selecting a video for playback in the first place and how are videos added to the queue? File menu? Magnet Links? Drag and drop? All of the above? Something else?

I'm thinking all of the above :)

[mafintosh]

@freeall nice! make a "registerProtocol" module :)

[freeall]

@mafintosh my thoughts exactly (about the module) :)

[mafintosh]

@freeall i made a separate issue for the protocol handler stuff in #3

[bmathews]

Here's somethin quick I threw together:

1) The bottom right icons are playlist (clicking would be some kind of popover with the list/management), broadcast, fullscreen 2) Peers/speed would show up if it's a torrent

If you like the direction, I could finish it up.

[mafintosh]

@jemory looks great! please finish it up :) i'm thinking we need a subscribe button as well? maybe that should just be located the same place add the "add file" buttons

[mafintosh]

I meant to mention @bmathews above

[bmathews]

Sure thing. For the list of available broadcasts, what kind of information will be available to us to show? Filename? IP? Computer name?

[mafintosh]

@bmathews all of the above :)

[bmathews]

Here are some quick ideas for broadcasting/subscribing and playing/streaming. Colors/states/alignment of things are real rough in these mockups.

¯_(ツ)_/¯

[bmathews]

Feel free to ignore any of these ideas or implement it differently. But maybe this helps or gives you some ideas/foundation to build on?

[mafintosh]

@bmathews thanks so much for making these. i'm gonna try to implement that now. btw which font are you using?

[bmathews]

Roboto. Can get here. Probably just need regular/medium/bold. http://www.google.com/fonts#UsePlace:use/Collection:Roboto

[bmathews]

Or I could add it later if you just want to use helvetica for now.

[daviferreira]

@bmathews nice work, beautiful stuff :+1:

[mafintosh]

@bmathews most of the ui is implemented now in master. i'm wondering what app should show when the playlist is empty (right now its just a black screen). any ideas?

[bmathews]

@mafintosh The cat's pretty good, but I'll keep thinking of some ideas.

[freeall]

I think the cat is good, but maybe it should have a few seconds of waiting after each wag

[max-mapper]

the idea behind the cat is that it will cause massive viral success of the app

[freeall]

@maxogden a cat virus if I'm not mistaken? A catirus

[max-mapper]

closing in favor of smaller, more focused issues