# xxxily/h5player

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/xxxily-h5player).**

3,575 stars · 289 forks · JavaScript · gpl-3.0

## Links

- GitHub: https://github.com/xxxily/h5player
- Homepage: https://h5player.anzz.top
- awesome-repositories: https://awesome-repositories.com/repository/xxxily-h5player.md

## Topics

`chrome-extension` `h5player` `player` `tampermonkey` `userscript` `video` `video-player` `webplayer`

## Description

h5player is an HTML5 video player extension and web media controller that adds advanced playback controls, visual filters, and media downloading capabilities to any web page using the HTML5 video tag. It functions as a customizable media hotkey manager and real-time video filter tool to enhance the standard browser viewing experience.

The project is distinguished by its configuration-driven extension system, which allows for the remapping of playback shortcuts and the addition of new features through external scripts. It also provides a real-time visual filtering suite for modifying brightness, contrast, saturation, hue, and rotation of active video streams.

The tool covers a broad range of capabilities including media capture for downloading raw audio, video, and high-resolution frames. Playback enhancement features include speed and volume overrides, state persistence for resuming content, and flexible layout management such as picture-in-picture mode, zooming, and mirroring.

## Tags

### Graphics & Multimedia

- [Playback Enhancements](https://awesome-repositories.com/f/graphics-multimedia/video-playback-components/playback-enhancements.md) — Adds advanced playback controls, keyboard shortcuts, and visual filters to HTML5 videos across different websites.
- [Web Media Playback](https://awesome-repositories.com/f/graphics-multimedia/web-media-playback.md) — Provides a comprehensive set of playback controls and overrides for HTML5 videos across various web platforms.
- [Video Transformation and Enhancement](https://awesome-repositories.com/f/graphics-multimedia/media-processing-analysis/media-manipulation/media-processing-workflows/video-transformation-enhancement.md) — Adds advanced playback controls and real-time visual refinements to HTML5 video elements across web pages. ([source](https://h5player.anzz.top/))
- [Visual Filter Pipelines](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/visual-effects/visual-filter-animators/visual-filter-pipelines.md) — Implements a real-time visual pipeline using CSS filters to adjust brightness, contrast, and hue of video streams.
- [Playback Speed Controllers](https://awesome-repositories.com/f/graphics-multimedia/playback-speed-controllers.md) — Allows real-time adjustment of video playback rates using incremental multipliers and keyboard shortcuts. ([source](https://h5player.anzz.top/home/feature))
- [Real-Time Video Filtering](https://awesome-repositories.com/f/graphics-multimedia/real-time-video-filtering.md) — Adjusts brightness, contrast, saturation, and rotation of web video streams in real time.
- [Video Downloaders](https://awesome-repositories.com/f/graphics-multimedia/video-downloaders.md) — Enables the extraction and downloading of raw audio and video files from web pages to local storage.
- [Playhead Seeking](https://awesome-repositories.com/f/graphics-multimedia/audio-music/audio-playback/playhead-seeking.md) — Enables precise seeking and fast-forwarding of video playback, overriding site-specific restrictions. ([source](https://h5player.anzz.top/home/feature))
- [Audio Volume Controls](https://awesome-repositories.com/f/graphics-multimedia/audio-volume-controls.md) — Provides volume adjustment shortcuts and a forced override to bypass site-level audio restrictions. ([source](https://h5player.anzz.top/home/feature))
- [Property Overrides](https://awesome-repositories.com/f/graphics-multimedia/media-playback-controls/property-overrides.md) — Bypasses site-specific restrictions on volume and seeking by directly manipulating HTML5 media element properties.
- [Video Frame Capture](https://awesome-repositories.com/f/graphics-multimedia/video-frame-capture.md) — Provides utilities for capturing high-quality screenshots of video frames and downloading raw media streams.
- [Canvas Frame Captures](https://awesome-repositories.com/f/graphics-multimedia/video-frame-capture/canvas-frame-captures.md) — Implements high-resolution screenshot capture by drawing video frames onto a hidden canvas element for image export.
- [Viewport Transformations](https://awesome-repositories.com/f/graphics-multimedia/video-frame-processing/viewport-transformations.md) — Enables zooming, flipping, and repositioning of the video frame for flexible viewing layouts. ([source](https://h5player.anzz.top/home/quickStart))
- [Video Orientation Controls](https://awesome-repositories.com/f/graphics-multimedia/video-orientation-controls.md) — Allows users to flip the video horizontally or vertically and rotate it in 90-degree increments. ([source](https://h5player.anzz.top/home/feature))

### Part of an Awesome List

- [System Capability Extensions](https://awesome-repositories.com/f/awesome-lists/devtools/core-and-community-extensions/system-capability-extensions.md) — Supports the addition of new operational capabilities to the player core through a configuration-based extension system. ([source](https://h5player.anzz.top/home/quickStart))
- [Plugin-Based Customizations](https://awesome-repositories.com/f/awesome-lists/media/chat/visual-and-behavioral-configuration/theme-and-behavior-customizations/plugin-based-customizations.md) — Enables modification of internal capabilities and keybindings through external script configurations. ([source](https://h5player.anzz.top/home/feature))

### Business & Productivity Software

- [Media Downloaders](https://awesome-repositories.com/f/business-productivity-software/media-downloaders.md) — Implements utilities for retrieving and saving media files and live streams from online sources. ([source](https://cdn.jsdelivr.net/gh/xxxily/h5player@master/README.md))

### Development Tools & Productivity

- [Customizable Shortcut Systems](https://awesome-repositories.com/f/development-tools-productivity/customizable-shortcut-systems.md) — Implements a configuration system for remapping playback shortcuts and extending player behavior via external scripts.
- [Behavioral Extension Scripts](https://awesome-repositories.com/f/development-tools-productivity/extensible-configuration-interfaces/behavioral-extension-scripts.md) — Provides a configuration-driven system that allows users to extend core player behavior via custom scripts.
- [Keyboard Shortcuts](https://awesome-repositories.com/f/development-tools-productivity/keyboard-shortcuts.md) — Provides a configuration editor to reassign or disable playback control keys to match personal preferences. ([source](https://h5player.anzz.top/home/q&a.html))
- [Global Input Listeners](https://awesome-repositories.com/f/development-tools-productivity/global-input-listeners.md) — Captures keyboard input via global event listeners to trigger playback controls regardless of the current element focus.

### User Interface & Experience

- [Interface Hotkeys](https://awesome-repositories.com/f/user-interface-experience/interface-hotkeys.md) — Defines and reassigns keyboard shortcuts for playback speed, volume, and seeking to replace default browser behavior.
- [Playback Controls](https://awesome-repositories.com/f/user-interface-experience/playback-controllers/playback-automation/playback-controls.md) — Offers a comprehensive keyboard interface for managing video playback speed, seeking, and volume. ([source](https://cdn.jsdelivr.net/gh/xxxily/h5player@master/README.md))
- [Image Pan and Zoom Controls](https://awesome-repositories.com/f/user-interface-experience/2d-panning-controllers/image-pan-and-zoom-controls.md) — Provides interactive magnification and panning to focus on specific areas of the video frame. ([source](https://h5player.anzz.top/home/feature))
- [Picture-in-Picture Interfaces](https://awesome-repositories.com/f/user-interface-experience/picture-in-picture-interfaces.md) — Manages picture-in-picture mode, zooming, and flipping video frames for improved multitasking and viewing angles.
- [Playback State Persistence](https://awesome-repositories.com/f/user-interface-experience/playback-controllers/playback-automation/playback-controls/playback-state-persistence.md) — Remembers the exact playback position and speed to allow users to resume content across browser sessions. ([source](https://cdn.jsdelivr.net/gh/xxxily/h5player@master/README.md))

### Web Development

- [HTML5 Media Players](https://awesome-repositories.com/f/web-development/html5-media-players.md) — Extends HTML5 video elements with advanced playback controls and visual filters across any web page.
- [UI Element Injection](https://awesome-repositories.com/f/web-development/client-side-components/script-injection-mechanisms/dom-script-injection/ui-element-injection.md) — Inserts custom control overlays and UI elements directly into the web page's document object model.

### Software Engineering & Architecture

- [Playback State Persistence](https://awesome-repositories.com/f/software-engineering-architecture/persistence-layers/playback-queue-persistence/playback-state-persistence.md) — Saves video progress and playback speed to local storage to allow resuming content across browser sessions.