JavaScript Video Cam Kit: Embed webcam video and microphone audio on a page

Recommend this page to a friend!
  Info   View files Example   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 423 All time: 78 This week: 2Up
Version License JavaScript version Categories
video-cam-kit 1.0.6BSD License1.0Audio, Video
Description Author

This object can embed webcam video and microphone audio on a page without a third-party plugin.

It takes a given page element and assign a video or audio source so it can display the user webcam video or microphone audio player in the specified page element.

The object can enable the capture of either video, audio or both.

The width and height of the player and the selector of the page element to embed the player are configurable parameters.

It works HTML5 browsers that implement getUserMedia like Webkit compatible browsers like Chrome and also Firefox.

Innovation Award
JavaScript Programming Innovation award winner
February 2014
Winner


Prize: One book of choice by Packt
Nowadays modern browser versions support the HTML5 getUserMedia specification. It allows accessing the webcam or microphone of the user computer.

This object takes advantage of the getUserMedia support in the modern browsers to provide means to capture audio and video and present it on a Web page.

Manuel Lemos
Picture of Raul
  Performance   Level  
Name: Raul <contact>
Classes: 1 package by
Country: Brazil Brazil
Age: 32
All time rank: 627 in Brazil Brazil
Week rank: 6 Up1 in Brazil Brazil Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Details

CamKit

Access web cam and microphone using only html5 and javascript userGetMedia() function

This object can embed webcam video and microphone audio on a page without a third-party plugin.

It takes a given page element and assign a video or audio source so it can display the user webcam video or microphone audio player in the specified page element.

The object can enable the capture of either video, audio or both.

The width and height of the player and the selector of the page element to embed the player are configurable parameters.

It works HTML5 browsers that implement getUserMedia like Webkit compatible browsers like Chrome and also Firefox.

*Exemple Usage*

// CamKit
var cam = new CamKit();

cam.video = true;
cam.audio = false;

cam.width = 600;
cam.height = 400;

// Mandatory
cam.selector = '#videoplay'

cam.init()
  Files folder image Files  
File Role Description
Files folder imagejs (1 file)
Accessible without login Plain text file index.html Example Exemple usage
Accessible without login Plain text file README.md Doc. Readme

  Files folder image Files  /  js  
File Role Description
  Plain text file CamKit.js Class The CamKit Class

 Version Control Unique User Downloads Download Rankings  
 0%
Total:423
This week:0
All time:78
This week:2Up