How to build

How to build FilePlayer on your personnal localhost

FilePlayer use Sass and UglifyJS to build and compresse the CSS and the JS respectively.
To install these two softwares you have to execute :

gem install sass
npm install uglify-js -g

• To use gem you have to install Ruby. If you are on :

  • Windows download and install RubyInstaller.
  • Debian or Ubuntu use sudo apt-get install ruby-full.
  • CentOS, Fedora, or RHEL use sudo yum install ruby.

• To use npm you have to install Node.js.
  Go on nodejs.org/en/download/ to download and install it for your system.

After all that, on your shell you have to do:

# In this tutorial, I don't approach the localhost settings part.
# Here I assume you are using Wamp (http://www.wampserver.com/)
cd /c/wamp/www/

mkdir fileplayer
cd fileplayer

# The FilePlayer's dependencies (jQuery stuff, etc.):
git clone https://github.com/FilePlayer/dep.git

# The FilePlayer's audio visualisations:
git clone https://github.com/FilePlayer/visualisations.git

# FilePlayer itself:
git clone https://github.com/FilePlayer/fileplayer.github.io.git

# And if you want to have some tiny media test files you can clone also this one:
git clone https://github.com/FilePlayer/test.git

cd fileplayer.github.io

# This, will build the CSS and the JS
./build.sh
# It's possible to build only the CSS or JS by doing:
./build.sh css
./build.sh js

And just open your browser on http://localhost/fileplayer/fileplayer.github.io/ and normally, it's works :)