Comments (5)
Hi.
If your idea is not to use Flash, maybe you can try this (Fork of webcamJS):
https://github.com/carvilsi/webcamjs
Allows to choose a camera device.
Useful with mobile devices with front and back camera or PC with more than one camera attached.
In the "init" function we try to list and store on array "cameraIDs" all IDs of video devices, in your code you can check the length of this array and select one camera ID by "cameraID" variable before call "attach" function.
Something like that:
// webcam set, as usual
Webcam.set({
width: 150,
height: 150,
dest_width: 150,
dest_height: 130,
image_format: 'jpeg',
jpeg_quality: 90,
force_flash: false
});
// selecting camera device
if (Webcam.cameraIDs.length > 1) {
Webcam.cameraID = 1;
}
// attach, as usual
Webcam.attach('#camara');
If you use this, please, some feedback will be great ;)
Best regards.
from webcamjs.
I'm afraid I don't know how to provide a way to select the camera from inside the library. The way it works is that WebcamJS just asks for generic "camera" access, and the browser itself handles asking the user which camera. This is implementation dependent, as all browsers and HTML5 / Flash do it differently. Sorry!
from webcamjs.
Following code gives me an error because cameraID is undefined.
Webcamjs shows me the front camera but i need te camera on the back of my tablet
// selecting camera device
if (Webcam.cameraIDs.length > 1) {
Webcam.cameraID = 1;
}
from webcamjs.
@rafverhaert you have to use the fork version of the code which has the cameraid's array https://github.com/carvilsi/webcamjs/blob/master/webcam.js#L72
from webcamjs.
You can change camera by set value for capture attribute. At https://github.com/jhuckaby/webcamjs/blob/master/webcam.js#L367
See more capture options at: https://www.w3.org/TR/html-media-capture/
Ex:
var input = document.createElement('input')
input.id = this.container.id + '-ios_input'
input.setAttribute('type', 'file')
input.setAttribute('accept', 'image/*')
input.setAttribute('capture', 'user')
=> Open front-camera
from webcamjs.
Related Issues (20)
- Webcam.js Error: No supported webcam interface found HOT 2
- Demo Website Not Working in Chrome, Works in IE and Microsoft Edge HOT 2
- On the problem that the func function in snap function is undefined
- Webcam Not working for IE11 in React project HOT 1
- No supported webcam interface is found
- I am using webcam.js plugin to use camera in web app. But i am not getting solution for choose front or rear camera choice. please give me some solution to use camera choice. HOT 1
- Iphone open device camera instead of web camera
- How to turn off after snapshat?
- Capture webcam in IE11 HOT 2
- webcam.js displays black screen on initialization in android webview
- webcam.swf's allowDomain * detected as potential vulnerability HOT 1
- Unable to switch to rear camera even after using facingMode as environment (On Android mobiles) HOT 5
- Webcam.js Error: Could not access webcam: NotAllowedError: Permission denied NotAllowedError: Permission denied
- Remove Red Icon on browser tab HOT 1
- Webcam.Snap firing more than once
- Facial guideline on canvas
- Edge Mobile (Android) requires video.play();
- Plain Green image returned on some android devices
- When webcam node is hidden, live images are not getting captured properly in safari HOT 1
- Demo links are broken HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webcamjs.