Home

Welcome to the FilePlayer 's wiki!

ℹ️ What is FilePlayer ?

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

It's an open source web media player. See below for a complete list of the technologies used.

FilePlayer plays audio and video, including immersive 360-degree videos, in your browser.

Just create a playlist by adding local files or streaming links and play it!
You can change the files' order simply by dragging them or shuffle the playlist. Repeat modes are also available. Subtitles/lyrics can be added to video/audio files. If needed, the delay can be easily adjusted. Display analyzer during audio playback is possible! Select one from the available or code your own with Canvas/WebGL and add it! More options are available : full screen, frame capture, changing the brightness of the video/visualization or the playback speed...

For a better experience we activated a lot of usual keyboard shortcuts. See the list here.
Need some help? Take a look at the user documentation.
All the browser doesn't work the same, if you find some problems, maybe the solution can be here.
If you like this project and you want to contribute or if you are just curious, maybe these section could be of interest to you.

💻 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.
See the How to build page to learn how to build FilePlayer on your personnal localhost.