Mozilla-Student-Projects / Projects-Tracker

Keep tracks of Firefox/Thunderbird/Firefox OS features that can/should/will be implemented as add-ons/apps.
66 stars 19 forks source link

Desktop/Tablet Music Player based on Firefox OS music player #54

Open AntoineTurmel opened 11 years ago

AntoineTurmel commented 11 years ago

Currently, Gaia Music (builded for Firefox OS) aim mobile phone.

It would be awesome to have a desktop interface to be like current software like Nightingale/iTunes etc.

For Nightingale we are looking forward building from HTML5 technologies.

anmoljagetia commented 9 years ago

I am a new developer and I have no idea how this is supposed to be made, but it looks extremly interesting to me, so would anyone suggest me to start out on this one, if this is still free ?

AntoineTurmel commented 9 years ago

It's sill free. The aim is to build a desktop/tablet user interface on top of the current Firefox OS music player.

aron-bordin commented 9 years ago

Hi! I'd like to work in this project. I create the repo https://github.com/aron-bordin/Gaia-Music-Player but I'm doing some testes before submiting the first code.

What technology? Only HTML5 or use it with Nodejs(easier for a desktop version)?

Thx

AntoineTurmel commented 9 years ago

hmm the best would be client only without nodejs

aron-bordin commented 9 years ago

I was thinking about node to use some APIs, and then build it with Node-Webkit. So the music player could run as an native application. Something like this tutorial: http://code.tutsplus.com/tutorials/introduction-to-html5-desktop-apps-with-node-webkit--net-36296 Nodejs was not going to be used as a server, just to make the development process easier.

AntoineTurmel commented 9 years ago

actually you can make a native application using WebAPIs, this should not be limite to webkit for instance... your app can be runned as a native app with Chrome or Firefox built-in webapps feature.

aron-bordin commented 9 years ago

Ok. Which platforms would be supported? And @anmoljagetia if you are interested in the project, let's talk so we can work together.

AntoineTurmel commented 9 years ago

Windows/Mac/Linux... and for tablets : Android/Firefox OS

aron-bordin commented 9 years ago

Well... I'm a little confused about this project.. How can I list and find media files using only js? Because I can do it using Node, but it's only supported on Windows/Mac/Linux. On FirefoxOS it's possible to use the MediaDB and DeviceStorage, both used in the Gaia, but they are not supported by Android.

Another possibility is to use Cordova, but in the current version, Cordova doesn't support all Linux distros(only Ubuntu). And Windows/Mac/Linux support is a new feature, so it's still not complete.

I'm sorry, maybe I'm misunderstanding something, but I'm a little confused about it...

anmoljagetia commented 9 years ago

@aron-bordin I am interested to work on this, but looking back up at all the conversations, it looks a little overwhelming to me, I gotta study up a little for it. (I have only very recently started contributing to FOSS) Can you point me out in the right direction to start? And I'd love to hear any ideas you could share with me :)

AntoineTurmel commented 9 years ago

@aron-bordin You can enable DeviceStorage/MediaDB in Firefox desktop and in the future it will be enabled by default. The goal is to build the app entirely with HTML/JS/CSS and to be able to run in on web browsers (Firefox/Chrome at least) on Windows/Mac/Linux (you can take care of Android later).

No server side.

aron-bordin commented 9 years ago

@anmoljagetia @AntoineTurmel I'll start the development and send you more info about it soon.

aron-bordin commented 9 years ago

@AntoineTurmel Please, can you send me an example of this kind of WebAPI in use? DeviceStorage is not working in my Firefox Desktop, I enabled it, but not working...

The best approach that I've found is something like it: https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications . But it's a simple input, so user need to select files from input dialog.

I talked on IRC, maillist and stackoverflow, but I don't know how to use devicestorage on desktops...

autonome commented 9 years ago

Hi @aron-bordin!

The API is only available on Firefox OS, per the comment at the top of: https://developer.mozilla.org/en-US/docs/Web/API/Device_Storage_API

So one way to use it on desktop is to run the Firefox OS simulator. This blog post has the details for mapping a local directory to act as a fake SD card so that Device Storage is populated with local files:

http://gu.illau.me/posts/firefox-os-the-device-storage-api/

aron-bordin commented 9 years ago

@autonome Thx for helping. @AntoineTurmel What is the best way to develop this project? Can I use input to get user file paths? Another idea?