webrtc2images
v1.4.4
Published
A small client side library to convert getUserMedia video into pngs
Downloads
4
Readme
WIP
A small library that uses getUserMedia to convert some video into an array of base64 encoded images
##Requirements: browserify
##Installation:
npm install webrtc2images
###options
Type: Object
Options to pass webrtc2images.
####options.width:
Type: Number
Default: 320
The width of the video stream.
####options.height:
Type: Number
Default: 180
The height of the video stream.
####options.frames:
Type: Number
Default: 10
The number of frames to capture.
####options.type:
Type: String
Default: image/jpeg
The mime type of the image you'd like.
####options.quality:
Type Number
Default: 0.4
A number between 0 and 1 representing the quality of the image. Note, this only
works for the image/jpeg
and image/webp
filetypes.
####options.interval:
Type: Number
Default: 200
The time between still captures (in milliseconds).
##API
###Webrtc2images.startVideo(function (err) { .. })
Initiates video streaming
###Webrtc2images.recordVideo(function (err, frames) { .. })
Captures video into an array
##Example
var Webrtc2images = require('webrtc2images');
var rtc2images = new Webrtc2images({
width: 320,
height: 180,
frames: 10,
type: 'image/jpeg',
quality: 0.4,
interval: 200
});
rtc2images.startVideo(function (err) {
if (err) {
console.log(err);
}
});
var recordBtn = document.getElementById('record');
recordBtn.addEventListener('click', function (ev) {
ev.preventDefault();
rtc2images.recordVideo(function (err, frames) {
if (err) {
console.log(err);
} else {
console.log(frames);
}
});
});
Here's some markup that the lib needs, at some point I can refine this...
<div class="video-actions" id="record">
<span class="recorder"></span> <span class="text">Record</span>
</div>
<div id="video-preview"></div>
<div class="debugger">
<p id="debug-msg">
</div>