[WIP] HTML5 Video element events debugging tools.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
test
.babelrc
.gitignore
.travis.yml
LICENSE
README.md
package.json
postcss.config.js
tsconfig.json
webpack.config.js
yarn.lock

README.md

video-events-debugger

HTML5 Video element and Hls.js events debugging tools.

Supports

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

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

License

MIT © azu