video-events-debugger

HTML5 Video element and Hls.js events debugging tools.

Supports

• <video> element
• hls.js

Install

Install with npm:

npm install video-events-debugger

Usage

Video Element:

import {injectDevTools, injectConsole} from "video-events-debugger"
// to Redux DevTools
injectDevTools(video: HTMLVideoElement);
// to Browser's console
injectConsole(video: HTMLVideoElement);

Hls.js:(experimental)

import {injectHlsJsDebugger} from "video-events-debugger"
injectHlsJsDebugger(hls: Hls);

Steps:

1. Install Redux-DevTool extension to your browser
2. Open DevTools
3. Open "Redux" tab

Bookmarklet

• Welcome to PR

1. Run bookmarklet
2. Input target video selector
3. See developer tools console

remote-redux-devtools

• Integrate with remote-redux-devtools

Changelog

See Releases page.

Running tests

Install devDependencies and Run npm test:

npm i -d && npm test

Contributing

Pull requests and stars are always welcome.

For bugs and feature requests, please create an issue.

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

• github/azu
• twitter/azu_re

License

MIT © azu