Stop/Close webcam stream which is opened by navigator.mediaDevices.getUserMedia [closed]

by

EDIT

Since this answer has been originally posted the browser API has changed.
.stop() is no longer available on the stream that gets passed to the callback.
The developer will have to access the tracks that make up the stream (audio or video) and stop each of them individually.

More info here: https://developers.google.com/web/updates/2015/07/mediastream-deprecations?hl=en#stop-ended-and-active

Example (from the link above):

stream.getTracks().forEach(function(track) {
  track.stop();
});

Browser support may differ.

Original answer

navigator.getUserMedia provides you with a stream in the success callback, you can call .stop() on that stream to stop the recording (at least in Chrome, seems FF doesn’t like it)

More Related Contents:

  1. how to make getUserMedia() work on all browsers
  2. Prevent HTML5 video from being downloaded (right-click saved)?
  3. Retrieving HTML5 video duration separately from the file
  4. Programmatically play video with sound on Safari and Mobile Chrome
  5. Detect if HTML5 Video element is playing [duplicate]
  6. Is it possible to play HTML5 video in reverse?
  7. Dynamically using the first frame as poster in HTML5 video?
  8. How to take a snapshot of HTML5-JavaScript-based video player?
  9. play pause html5 video javascript
  10. How to change the playing speed of videos in HTML5?
  11. HTML5 callbacks?
  12. WebRTC video is not displaying
  13. Accessing Multiple camera javascript getusermedia
  14. How can I set preview of video file, selecting from input type=’file’
  15. How to detect supported video formats for the HTML5 video tag?
  16. HTML5 Video buffered attribute features
  17. reprompt for permissions with getUserMedia() after initial denial
  18. Sending a MediaStream to host Server with WebRTC after it is captured by getUserMedia
  19. Checking if a html5 video is ready
  20. HTML5 and Javascript to play videos only when visible
  21. Play HTML5 Video when scrolled to
  22. Redirect html5 video after play
  23. HTML5 Video: Streaming Video with Blob URLs
  24. iOS 11 getUserMedia not working?
  25. How can I capture an image via the user’s webcam using getUserMedia?
  26. How to reduce the length of a video using JavaScript? [closed]
  27. Restricting input to textbox: allowing only numbers and decimal point
  28. Prevent form submission with enter key
  29. Download Canvas as PNG in fabric.js giving network Error
  30. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?

Leave a Comment