We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

CameraControl.resumePreview Redirect 1

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.


This method is used to resume the preview stream.

The camera MediaStream is stopped each time the CameraControl.takePicture() method is called successfully, therefore you need to use resumePreview() to restart the stream.






This example captures still photos, resuming the preview stream after each is taken. The user triggers the capture by tapping anywhere in the document.

var myCamera = null;
var picSize  = null;
var options  = {
  camera: navigator.mozCameras.getListOfCameras()[0]

function onPictureTaken( blob ) {

  // Do something with the binary blob image
function onAccessCamera( camera ) {
  myCamera = camera;
  picSize  = camera.capabilities.previewSizes[0];
  camera.getPreviewStream(picSize, onStreamReady);
navigator.mozCameras.getCamera(options, onAccessCamera);

function getImage() {
  if (myCamera) {
    myCamera.takePicture(picSize, onPictureTaken)

document.addEventListener('click', getImage);


Not part of any specification; however, this API should be removed when the WebRTC Capture and Stream API has been implemented.

See also

Document Tags and Contributors

Last updated by: Sheppy,