Enable rear camera with HTML5

Question

I'm working on a project with MVC ASP.Net 4 HTML5 (default browser is google-chrome v29.0.1547.57) I can interact with these tools and take photographs but only with front camera, How I could enable rear camera? the characteristic of the Tablet: Samsung Galaxy Tab 2 I hope you can help me

Answer 1

Check out https://simpl.info/getusermedia/sources/ that shows how you can select sources using

MediaStreamTrack.getSources(gotSources); 

You can then select the source and pass it in as optional into getUserMedia

var constraints = {   audio: {     optional: [{sourceId: audioSource}]   },   video: {     optional: [{sourceId: videoSource}]   } }; navigator.getUserMedia(constraints, successCallback, errorCallback); 

It is now fully available in Stable Chrome and mobile (As of v30)

Answer 2

A demo can be found at https://webrtc.github.io/samples/src/content/devices/input-output/. This will allow access to both the front and rear camera.

Many demos that you will find rely on the deprecated function:

MediaStreamTrack.getSources()  

As of Chrome 45 and FireFox 39, you will need to use the function:

MediaDevices.enumerateDevices() 

Example:

if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {    console.log("enumerateDevices() not supported.");    return;  }    // List cameras and microphones.    navigator.mediaDevices.enumerateDevices()    .then(function(devices) {      devices.forEach(function(device) {        console.log(device.kind + ": " + device.label +          " id = " + device.deviceId);      });    })    .catch(function(e) {      console.log(e.name + ": " + e.message);    });

Further documentation can be found here: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices