Contact us Create app

Directory

← Back

MyCamera

Shows your device video and record it!

Author

Rating

Links

Popularity

<100

My Camera

Published on webcomponents.org

Simple component based on JS custom elements, which allow you to get access to your current device camera.

There's also ability to record stream and download.

Not compatilbe with some browsers, do not use it in production

Installation

npm install my-camera

And include somewhere in your app:

@import 'my-camera'

Or include stright in your index.html

<script rel="import" src="node_modules/dist/my-camera.js"></script>

Usage

<my-camera controls autoplay audio record></my-camera>

The controls and autoplay works like in video HTMLElement. Include audio attribute if you want to record audio as well.

And finally, record attribute will inlcude a simple button on top of Video, on click it starts recording, on stop recorded video will be downloaded!

Contributing

  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

History

First release

License

Shared on MIT license, check LICENSE.

Compatibility

(Loading compatibility data...)

Last updated: 2000-01-01

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • msr#^1.3.4
Released
2018-10-04
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent

MyCamera - Vaadin Add-on Directory

Shows your device video and record it! MyCamera - Vaadin Add-on Directory
# My Camera [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/my-camera) Simple component based on JS custom elements, which allow you to get access to your current device camera. There's also ability to record stream and download. **Not compatilbe with some browsers, do not use it in production** ## Installation ```bash npm install my-camera ``` And include somewhere in your app: ```js @import 'my-camera' ``` Or include stright in your index.html ```html ``` ## Usage ```html ``` The **controls** and **autoplay** works like in video HTMLElement. Include **audio** attribute if you want to record audio as well. And finally, **record** attribute will inlcude a simple button on top of Video, **on click** it starts recording, **on stop** recorded video will be downloaded! ## Contributing 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 ## History First release ## License Shared on MIT license, check [LICENSE.](https://github.com/myfrom/paper-pager/blob/master/LICENSE)
Online