Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
32 lines (32 sloc) 977 Bytes
<!doctype html>
<title>WebRTC: Still photo capture demo</title>
<meta charset='utf-8'>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script src="capture.js">
<div class="contentarea">
MDN - WebRTC: Still photo capture demo
This example demonstrates how to set up a media stream using your built-in webcam, fetch an image from that stream, and create a PNG using that image.
<div class="camera">
<video id="video">Video stream not available.</video>
<button id="startbutton">Take photo</button>
<canvas id="canvas">
<div class="output">
<img id="photo" alt="The screen capture will appear in this box.">
Visit our article <a href=""> Taking still photos with WebRTC</a> to learn more about the technologies used here.
You can’t perform that action at this time.