Home

Welcome to the FilePlayer 's wiki!

ℹ️ What is FilePlayer ?

FilePlayer is currently another great demo of what is possible to do in HTML5.

How to start?

• Drag'n'drop one or more files in the visualisation area.
  Or
• Open a dialog box by :
  • using Ctrl+O shortcut
  • clicking the "Folder" button
  • clicking the "Play" button if the playlist is empty
    Then select one or more files and click "Open".

Enjoy! ;)

File formats accepted :

• Audio : mp3, ogg, wav, weba
• Video : mp4, ogm, webm
• Subtitles : srt, vtt

###Controls### ####Playback controls (bottom-left)#### From left to right : - Folder button (or Ctrl+O) : add the selected file(s) in the playlist and play it right away. If the playlist is not empty, the new added file(s) will be placed next to the current file. - Stop button : stop the playback. The last file played is still selected in the playlist. - Previous button (or 'p' key) : play the previous media in the playlist - Play/Pause button (or "Space" key) : Play or pause the media. If the playlist is empty, the Play button works the same as the Folder button. - Next button (or 'n' key) : play the next media in the playlist

Volume control : - Click to mute/un-mute the sound The icon is not the same if the sound is muted, low or high. - To choose the right volume you can : * Slide or click on the short red slider * Use the mouse/pad scroll. - The percentage volume is displayed on top left of the window during few seconds after you modified it.

💻 The technologies used

This project use a lot of different technologies :

• CSS3 (with Sass)
• File
  • <input type="file" multiple/>
  • Drag and drop API
• Fullscreen
• HTML5
  • <canvas>
  • <video>
• JavaScript (with UglifyJS)
• WebAudio
• WebGL (with three.js)

🔧 How to contribute ?

Currently, the project is still in an active rush development. But any contribution is welcome! :)
You can start by opening an issue to propose a new idea and we will keep the todolist synced.