Difference between revisions of "ECE497 Project Music Server"

From eLinux.org
Jump to: navigation, search
m (Moved to ECE497Fall2013)
 
(84 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Category:ECE497 |Project]]
+
[[Category:ECE497Fall2013 |Project]]
 
{{YoderHead}}
 
{{YoderHead}}
  
 
Team members: [[user:Amesen|Eric Ames]], [[user:Cooperdl|David Cooper]]
 
Team members: [[user:Amesen|Eric Ames]], [[user:Cooperdl|David Cooper]]
  
<pre style="color:red">
 
00 Executive Summary
 
00 Installation Instructions
 
00 User Instructions
 
00 Highlights
 
00 Theory of Operation
 
00 Work Breakdown
 
00 Future Work
 
00 Conclusions
 
00 Demo
 
00 Late
 
  
Score:  0/100
 
</pre>
 
  
<span style="color:red">(Inline Comment)</span>
+
 
 +
 
  
 
== Executive Summary ==
 
== Executive Summary ==
  
This project will focus on creating a music server hosted on the BeagleBone. The server will contain a number of MP3 files which will be playable from the Beagle via either direct access or network accessed from another computer. Currently we also plan to include an option to stream Pandora, rate songs, skip songs, and a graphical interface.
+
This project focused on creating a music server hosted on the BeagleBone. The server contains a number of MP3 files which can be played from the Beagle via either direct access or network access over ethernet/wireless. Currently you can upload and download songs, add to and subtract from the playlist, play your custom playlist over hdmi or headphone jack, adjust the output volume, load new media, etc, ''all from your web browser''.
 +
 
 +
We realize it's an odd choice to have a project that focuses solely on software, rather than a combination of that and hardware (ignoring the audio output). But when approaching the project, we wanted to build something that we would actually use afterwards, and not just relegate to the dust bin of history. I would happily say we succeeded.
 +
 
 +
== Packaging ==
 +
 
 +
The beagle bone was fitted into a cardbored tube for protection. It had holes cut into it for the various ports.
 +
 
 +
[[File:ethernetside.jpg|thumbnail|ethernet side of the package]]
 +
[[File:usbhdmiside.jpg|thumbnail|usb and hdmi side of the package]]
 +
 
 +
== Installation Instructions ==
 +
 +
 
 +
1) Go to https://github.com/Guiltygate/beaglebone-classwork and clone the beaglebone-classwork folder somewhere on your beagle. <b>NOTE: </b>Does not work on Windows. Does not play nicely with IE. Should work with Firefox, Chrome, possibly Safari.
 +
 
 +
<b>What's in the repo</b>
 +
 
 +
*Server files
 +
*node module files
 +
*Basically all files I created/used
 +
 
 +
<b>What's NOT in the repo</b>
 +
 
 +
*Any node module <i>dependencies</i>. If you receive any errors regarding the node modules, you will want to download and install NPM (NodeJS Package Manager) and reinstall whichever module is throwing the errors. This will also grab any dependencies it requires that you do not already have. If, when trying to reinstall, it won't let you download the module, this is most likely due to a conflict between NPM and your distro. You'll need to download the files on another distro, port them over, and use node-gyp (https://github.com/TooTallNate/node-gyp) to compile them locally, and install their dependencies manually.
 +
 
 +
beagle$ '''npm install lame'''
 +
 
 +
*NPM. It's a separate program that you may or may not need, depending on the above.
  
Give two sentences telling what works.
+
*NodeJS version 0.8.xx or higher. Again, you need to install this. May work with 0.6.12, hasn't been tested. I use the Express module, which supposedly required NodeJS 0.8 and higher, but who knows. I personally used the 0.9.9 (unstable) build for Debian. Ubuntu shouldn't have any issues.
  
Give two sentences telling what isn't working.
+
*For USB audio, you'll need to edit a config file. Those details are below.
  
End with a two sentence conclusion.
+
<b>FOR USB-Audio and browser volume control</b>
 +
1a) If you want to use a USB-audio device, you need to set it to default. I used the guide here http://crunchbang.org/forums/viewtopic.php?id=9852 . Also make sure that you have alsamixer, as the sound controls in-browser use command-line arguments sent to amixer, a module of alsamixer. If you don't have alsamixer, you simply won't be able to adjust the volume from the browser.
  
The sentence count is approximate and only to give an idea of the expected length.
 
  
== Packaging ==
+
2) You will need NodeJS, v.0.8.xx or higher, along with NPM. While I include the different node_modules in the git repo, installing them through NPM also installs their dependencies. If you run into issues with the distro not allowing module installation, use node-gyp here: https://github.com/TooTallNate/node-gyp .
  
If you have hardware, consider [http://cpprojects.blogspot.com/2013/07/small-build-big-execuition.html Small Build, Big Execuition] for ideas on the final packaging.
+
Use
 +
beagle$ '''sudo apt-get install npm'''
  
== Installation Instructions ==
+
or your distro equivalent to install npm. Again, some distro's don't directly support NPM, and you'll need to go to their site here (https://npmjs.org/) in order to manually download and install.
  
Give step by step instructions on how to install your project. 
 
  
* Include your [https://github.com/ github] path as a link like this to the read-only git site:  [https://github.com/MarkAYoder/gitLearn https://github.com/MarkAYoder/gitLearn].
+
3) Due to the whole 'unable-to-reflash-with-Angstrom' problem, I am unable to guarantee this will work on a standard BBB. However, I only use general Linux architecture features, so feasibly as long as you can install Express 3.xx on Angstrom, it should be perfectly fine.
* Be sure your README.md is includes an up-to-date and clear description of your project so that someone who comes across you git repository can quickly learn what you did and how they can reproduce it.
 
* Include a Makefile for you code.
 
* Include any additional packages installed via '''opkg'''.
 
* Include kernel mods.
 
* If there is extra hardware needed, include links to where it can be obtained.
 
  
 
== User Instructions ==
 
== User Instructions ==
  
Once everything is installed, how do you use the program? Give details here, so if you have a long user manual, link to it here.
+
See the README for further detail, but here's the basics.
 +
 
 +
Run this command
 +
beagle$ '''./startServer.sh'''
 +
 
 +
If that does not work run the following command first
 +
beagle$ '''chmod +x startServer.sh'''
 +
 
 +
if you wish to automatically mount your current usb drive. Server will start at 192.168.7.2:8080. If you receive a permissions error, run
 +
beagle$ '''chmod +x startServer.sh'''
 +
to grant the proper permissions.
 +
 
 +
If you'd rather just start the server without auto-mounting, run
 +
  beagle$ '''node umbreonServer.js'''
 +
 
 +
<span style="color:green">(I'm running v 0.8.22 of node, but I'm getting a "Module version mismatch" from the speaker module)</span>To play the current playlist (initializes to all .mp3 files in the top directory of your flash drive), hit the big arrow button. To view the current playlist/remove songs from it, hit the '-' button on the right. To view the entire directory of mp3 files and possible add them to the playlist, hit the '+' button on the left.
 +
 
 +
[[File:umbreonGUI.png|thumb|Umbreon Interface.]]
 +
 
 +
To swap out flash drives, press the 'Eject' button, physically switch them, and then hit the 'Load Media' button. To stop the current playlist from playing, hit the 'Stop Playlist' button. Warning: Stop button stops the playlist, but not the current track.
 +
 
 +
To download the current track, hit the 'Download' button at the bottom of the page. To upload, simply drag-and-drop the desired file.
 +
 
 +
===== Known/Previous Bugs =====
 +
 
 +
*Previously, hitting the 'play' button while songs are already playing will cause a system crash. HOWEVER, this SHOULD be fixed. I haven't been able to replicate it since fixing it, at least.
 +
 
 +
*Previously, the load button stopped working for some reason and kept new media from being loaded. It had to do with pulling out the USB before unmounting it, so now users should press the 'eject' button before removing the flash drive, then plugging in the new media and pressing the 'load' button.
 +
 
 +
*Cannot skip songs backwards. The button is disabled, as I couldn't find a time-effective way of implementing this.
 +
 
 +
*Stopping and forward skipping 'works', but only if pressed in the first three seconds of a song beginning playback. The entire playlist will still stop (if pressing the 'stop' button), but not the current track.
 +
 
 +
*GUI font/style is ugly. Which is kind of a bug.
 +
 
 +
[[File:umbreonGUI.png|thumb|Again, it's rough.]]
  
 
== Highlights ==
 
== Highlights ==
 +
Video highlights can be found in the link below.
  
Here is where you brag about what your project can do.
+
[[File:HighlightsVideo.mp4|thumbnail|Video showing the highlights of the project]]
  
Include a [http://www.youtube.com/ YouTube] demo.
+
Highlights include adding and removing songs from the playlist and changing the volume of the song being played. Not mentioned in the video the webpage can be accessed by any computer on the same network so it is easy to change the playlist from across the room.
  
 
== Theory of Operation ==
 
== Theory of Operation ==
  
Give a high level overview of the structure of your software. Are you using GStreamer?  Show a diagram of the pipeline.  Are you running multiple tasks?  Show what they do and how they interact.
+
Using express framework in NodeJS. Enables user to upload songs for playing, download the currently playing song, view playlist, edit playlist, add songs from the directory, change media by swapping out usb drives, etc.
 +
 
 +
Express framework uses socket.io which has 2 major functions to communicate, socket.on and socket.emit. When socket.emit is used in mediaplayback.js it uses the socket.on equivalent in umbreonserver.js.
 +
 
 +
example:
 +
socket.emit('addSong', songNum);
 +
socket.on('addSong', function(songNum){}
 +
 
 +
This also works the other way. For uploading the file names to the webpage you use a socket.emit call within umbreonserver.js.
 +
 
 +
Everything was planned for maximum user convenience, as I plan on using this in my dorm room once I obtain a wireless router for the bone.
  
 
== Work Breakdown ==
 
== Work Breakdown ==
  
List the major tasks in your project and who did what.
 
  
Also list here what doesn't work yet and when you think it will be finished and who is finishing it.
+
I would like to point out this wouldn't have taken so long if I hadn't had to learn NodeJS, Express, NPM, alsa, CSS, html, and all the little quirks associated with them. On top of my Beagle dying Sunday and refusing to reflash to Angstrom. Spent all day trying to reflash it, had to switch to Debian Wheezy and re-dowload all the software.
 +
 
 +
 
 +
<b>Server Core</b>-----------Eric------10hrs
 +
 
 +
<b>Server Features</b>-------Eric------30hrs (minimum)
 +
:Beginning with Express, NodeJS, NPM, als-arch, :: 18hrs (last Friday and Saturday. Sunday was spent praying and trying to fix the Beagle. Monday was spent swapping over to express.)
 +
: Playlist------------1hr
 +
: Playlist viewing----20min
 +
: Playlist editing----20min
 +
: Radio-Stream--------6 hrs - partially included in the 'Beginning' section
 +
: Basic GUI-----------1hr
 +
: Enhanced GUI--------4hrs
 +
: Song uploads--------6hrs
 +
: Song downloads------1hr
 +
: Tracklist-----------10min
 +
 
 +
<b>Express Test</b>----------David-----1hr
 +
 
 +
<b>Initial Planning and Discussion</b>----------Both---------2hrs
 +
 
 +
 
 +
<b>Editing the Wiki/Writing Installation Guide</b>
 +
: ---------Eric---------5hrs
 +
: ---------David--------2hrs
 +
 
 +
 
 +
 
 +
<b>Network access</b>--------Eric------1.5hr
 +
 
 +
<span style="color:red">(I don't see many hours for David here. Unless I hear otherwise I'm inclined to assign two different grades.)</span>
  
 
== Future Work ==
 
== Future Work ==
  
Suggest addition things that could be done with this project.
+
1) Add wireless router for easy streaming, no ethernet cord hassle.
 +
 
 +
2) Fully implement the Stop and Skip buttons. Currently, they can't stop the audio stream currently outputting, only the rest of the playlist.
 +
 
 +
3) Add a 'reboot server' button, in case of server failure. Tying into this, the server needs to be able to start on boot- I lost the config files when my board self-destructed on Monday.
 +
 
 +
4) Due to not knowing CSS or html, the current GUI is a bit crap. I'd like to build a GUI I can actually be proud of, rather than the slap-a-dash affair I have now.
 +
 
 +
5) Song playback bar, graphically lets you know time remaining.
 +
 
 +
6) Button feedback. It's weird to select a song and having no feedback if it worked or not. Annoying.
 +
 
 +
7) The audio modules I use only process .mp3 files, so adding additional modules to process .ogg and other popular audio files would be something nice to add. I myself only have/use .mp3s, so no guarantee I'll do this.
  
 
== Conclusions ==
 
== Conclusions ==
  
Give some concluding thoughts about the project. Suggest some future additions that could make it even more interesting.
+
Wish I could have done more with the hardware, like a lightshow tied to the audio or something. But it took a lot of time to learn the different languages/styles/formats I needed for the project. It was all high-level (mostly), but there's a bunch of little gotcha's that will trip you up if you're not careful. Probably would have helped to have someone double-check my work.
 +
 
 +
 
 +
As time-intensive as it was, what with other classes, I had a blast learning so much, and I'm looking forward to continuing to work on this over break and into the future. I also want to look into what other useful applications I could run on the bone with nodejs/express web-servers. Many, many possibilities...
  
 
{{YoderFoot}}
 
{{YoderFoot}}

Latest revision as of 05:43, 14 October 2014

thumb‎ Embedded Linux Class by Mark A. Yoder


Team members: Eric Ames, David Cooper




Executive Summary

This project focused on creating a music server hosted on the BeagleBone. The server contains a number of MP3 files which can be played from the Beagle via either direct access or network access over ethernet/wireless. Currently you can upload and download songs, add to and subtract from the playlist, play your custom playlist over hdmi or headphone jack, adjust the output volume, load new media, etc, all from your web browser.

We realize it's an odd choice to have a project that focuses solely on software, rather than a combination of that and hardware (ignoring the audio output). But when approaching the project, we wanted to build something that we would actually use afterwards, and not just relegate to the dust bin of history. I would happily say we succeeded.

Packaging

The beagle bone was fitted into a cardbored tube for protection. It had holes cut into it for the various ports.

ethernet side of the package
usb and hdmi side of the package

Installation Instructions

1) Go to https://github.com/Guiltygate/beaglebone-classwork and clone the beaglebone-classwork folder somewhere on your beagle. NOTE: Does not work on Windows. Does not play nicely with IE. Should work with Firefox, Chrome, possibly Safari.

What's in the repo

  • Server files
  • node module files
  • Basically all files I created/used

What's NOT in the repo

  • Any node module dependencies. If you receive any errors regarding the node modules, you will want to download and install NPM (NodeJS Package Manager) and reinstall whichever module is throwing the errors. This will also grab any dependencies it requires that you do not already have. If, when trying to reinstall, it won't let you download the module, this is most likely due to a conflict between NPM and your distro. You'll need to download the files on another distro, port them over, and use node-gyp (https://github.com/TooTallNate/node-gyp) to compile them locally, and install their dependencies manually.
beagle$ npm install lame
  • NPM. It's a separate program that you may or may not need, depending on the above.
  • NodeJS version 0.8.xx or higher. Again, you need to install this. May work with 0.6.12, hasn't been tested. I use the Express module, which supposedly required NodeJS 0.8 and higher, but who knows. I personally used the 0.9.9 (unstable) build for Debian. Ubuntu shouldn't have any issues.
  • For USB audio, you'll need to edit a config file. Those details are below.

FOR USB-Audio and browser volume control 1a) If you want to use a USB-audio device, you need to set it to default. I used the guide here http://crunchbang.org/forums/viewtopic.php?id=9852 . Also make sure that you have alsamixer, as the sound controls in-browser use command-line arguments sent to amixer, a module of alsamixer. If you don't have alsamixer, you simply won't be able to adjust the volume from the browser.


2) You will need NodeJS, v.0.8.xx or higher, along with NPM. While I include the different node_modules in the git repo, installing them through NPM also installs their dependencies. If you run into issues with the distro not allowing module installation, use node-gyp here: https://github.com/TooTallNate/node-gyp .

Use

beagle$ sudo apt-get install npm

or your distro equivalent to install npm. Again, some distro's don't directly support NPM, and you'll need to go to their site here (https://npmjs.org/) in order to manually download and install.


3) Due to the whole 'unable-to-reflash-with-Angstrom' problem, I am unable to guarantee this will work on a standard BBB. However, I only use general Linux architecture features, so feasibly as long as you can install Express 3.xx on Angstrom, it should be perfectly fine.

User Instructions

See the README for further detail, but here's the basics.

Run this command

beagle$ ./startServer.sh

If that does not work run the following command first

beagle$ chmod +x startServer.sh

if you wish to automatically mount your current usb drive. Server will start at 192.168.7.2:8080. If you receive a permissions error, run

beagle$ chmod +x startServer.sh

to grant the proper permissions.

If you'd rather just start the server without auto-mounting, run

beagle$ node umbreonServer.js

(I'm running v 0.8.22 of node, but I'm getting a "Module version mismatch" from the speaker module)To play the current playlist (initializes to all .mp3 files in the top directory of your flash drive), hit the big arrow button. To view the current playlist/remove songs from it, hit the '-' button on the right. To view the entire directory of mp3 files and possible add them to the playlist, hit the '+' button on the left.

Umbreon Interface.

To swap out flash drives, press the 'Eject' button, physically switch them, and then hit the 'Load Media' button. To stop the current playlist from playing, hit the 'Stop Playlist' button. Warning: Stop button stops the playlist, but not the current track.

To download the current track, hit the 'Download' button at the bottom of the page. To upload, simply drag-and-drop the desired file.

Known/Previous Bugs
  • Previously, hitting the 'play' button while songs are already playing will cause a system crash. HOWEVER, this SHOULD be fixed. I haven't been able to replicate it since fixing it, at least.
  • Previously, the load button stopped working for some reason and kept new media from being loaded. It had to do with pulling out the USB before unmounting it, so now users should press the 'eject' button before removing the flash drive, then plugging in the new media and pressing the 'load' button.
  • Cannot skip songs backwards. The button is disabled, as I couldn't find a time-effective way of implementing this.
  • Stopping and forward skipping 'works', but only if pressed in the first three seconds of a song beginning playback. The entire playlist will still stop (if pressing the 'stop' button), but not the current track.
  • GUI font/style is ugly. Which is kind of a bug.
Again, it's rough.

Highlights

Video highlights can be found in the link below.

File:HighlightsVideo.mp4

Highlights include adding and removing songs from the playlist and changing the volume of the song being played. Not mentioned in the video the webpage can be accessed by any computer on the same network so it is easy to change the playlist from across the room.

Theory of Operation

Using express framework in NodeJS. Enables user to upload songs for playing, download the currently playing song, view playlist, edit playlist, add songs from the directory, change media by swapping out usb drives, etc.

Express framework uses socket.io which has 2 major functions to communicate, socket.on and socket.emit. When socket.emit is used in mediaplayback.js it uses the socket.on equivalent in umbreonserver.js.

example: socket.emit('addSong', songNum); socket.on('addSong', function(songNum){}

This also works the other way. For uploading the file names to the webpage you use a socket.emit call within umbreonserver.js.

Everything was planned for maximum user convenience, as I plan on using this in my dorm room once I obtain a wireless router for the bone.

Work Breakdown

I would like to point out this wouldn't have taken so long if I hadn't had to learn NodeJS, Express, NPM, alsa, CSS, html, and all the little quirks associated with them. On top of my Beagle dying Sunday and refusing to reflash to Angstrom. Spent all day trying to reflash it, had to switch to Debian Wheezy and re-dowload all the software.


Server Core-----------Eric------10hrs

Server Features-------Eric------30hrs (minimum)

Beginning with Express, NodeJS, NPM, als-arch, :: 18hrs (last Friday and Saturday. Sunday was spent praying and trying to fix the Beagle. Monday was spent swapping over to express.)
Playlist------------1hr
Playlist viewing----20min
Playlist editing----20min
Radio-Stream--------6 hrs - partially included in the 'Beginning' section
Basic GUI-----------1hr
Enhanced GUI--------4hrs
Song uploads--------6hrs
Song downloads------1hr
Tracklist-----------10min

Express Test----------David-----1hr

Initial Planning and Discussion----------Both---------2hrs


Editing the Wiki/Writing Installation Guide

---------Eric---------5hrs
---------David--------2hrs


Network access--------Eric------1.5hr

(I don't see many hours for David here. Unless I hear otherwise I'm inclined to assign two different grades.)

Future Work

1) Add wireless router for easy streaming, no ethernet cord hassle.

2) Fully implement the Stop and Skip buttons. Currently, they can't stop the audio stream currently outputting, only the rest of the playlist.

3) Add a 'reboot server' button, in case of server failure. Tying into this, the server needs to be able to start on boot- I lost the config files when my board self-destructed on Monday.

4) Due to not knowing CSS or html, the current GUI is a bit crap. I'd like to build a GUI I can actually be proud of, rather than the slap-a-dash affair I have now.

5) Song playback bar, graphically lets you know time remaining.

6) Button feedback. It's weird to select a song and having no feedback if it worked or not. Annoying.

7) The audio modules I use only process .mp3 files, so adding additional modules to process .ogg and other popular audio files would be something nice to add. I myself only have/use .mp3s, so no guarantee I'll do this.

Conclusions

Wish I could have done more with the hardware, like a lightshow tied to the audio or something. But it took a lot of time to learn the different languages/styles/formats I needed for the project. It was all high-level (mostly), but there's a bunch of little gotcha's that will trip you up if you're not careful. Probably would have helped to have someone double-check my work.


As time-intensive as it was, what with other classes, I had a blast learning so much, and I'm looking forward to continuing to work on this over break and into the future. I also want to look into what other useful applications I could run on the bone with nodejs/express web-servers. Many, many possibilities...




thumb‎ Embedded Linux Class by Mark A. Yoder