rawww-player

Building a Custom Element video player for the web.

---

Table of Contents

• rawww-player
  • Table of Contents
  • Author / Team Members
    • Lead developer
  • Description
  • Features
  • (Unordered) Roadmap
  • Specifications
  • Project Demo
  • Install instructions
  • Issues
  • Credits / Contributors
  • License

Author / Team Members

Lead developer

• Corentin Boulanouar corentin.boulanouar@hetic.net

Description

The project is mainly about having a deep dive into the video & Shadow DOM API, while maintaining a git repo decently.

Features

Currently ? none.

(Unordered) Roadmap

• fallback to <video controls> for non-JS users
• play/pause button
• current & total video time display
• mute/unmute button
• download button
• fullscreen mode
• subtitles display
• 10sec rewind/fast forward buttons
• manipulable progress bar, with playhead and scrubber-head
• buffered stream display
• volume control
• Video quality (bitrates) settings
• Video speed management
• Share button
• Info button
• playlist management (next/previous btns, ...)
• fairly customizable (e.g. solid or fade-in controls, colors, ...)
• a11y

Specifications

NOTE: This Custom Element is built using Chrome, but other browsers should work too. (cross-browser testing will come at some point anyway)

Project Demo

Currently ? None.

Install instructions

• Add RawwwPlayer.js to your website's assets
• In your HTML, wrap your video element like so:

<rawww-player>
   <source src="http://mirrors.standaloneinstaller.com/video-sample/star_trails.mp4" type="video/mp4" />
</rawww-player>

• Bob's your uncle

Issues

• no issue yet

Credits / Contributors

• Corentin Boulanouar corentin.boulanouar@hetic.net

License

MIT © Corentin Boulanouar

This project is licensed under the terms of the MIT license.