react-html5-video-editor

React component for simple video effects online

1.2.0
latest
Source
npm

Version published: 9 years ago

Maintainers: 1

Created: 9 years ago

Source

react-html5-video-editor

React / redux video element with a crop marker. Crop markers emit Redux actions when dragged.

preview

Features:

simple & clean
video crop
effect composer
numerous formats support
customizable

Do not hesitate to post an issue to request a feature (seriously).

Roadmap

enhanced video previews
effect composer
multiple tracks

Quickstart

Install

npm init
npm install react-html5-video-editor --save
ls node_modules/react-html5-video-editor/dist/bundle.js

Basic usage

<body>
    <div id="root"></div>
    <script type="text/javascript" src="js/bundle.js"></script>
 </body>

import {RdxVideo, Overlay, Controls} from 'react-html5-video-editor'
ReactDOM.render(
  <RdxVideo autoPlay loop muted poster="src/img/poster.png" store={store}>
    <Overlay />
    <Controls />
    <source src="src/video/small.mp4" type="video/mp4" />
  </RdxVideo>
  ,
  document.getElementById('root')
);

Configuration

RdxVideo.Props = {
	autoPlay: false,
	loop: false,
	controls: true,
	volume:	1.0,
	preload: "auto",
	cropEnabled: true;
}

License

Code released under GNU GPLv3

Keywords

FAQs

What is react-html5-video-editor?

Is react-html5-video-editor well maintained?

Package last updated on 09 Jul 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install