KoPKB/lelong
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix camera not displaying image by asking to use camera before using it

Browse Source
This commit is contained in:
afiq.hamzah
2023-04-13 12:15:14 +08:00
parent 7d9aafc7d1
commit 05bdc6776b
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/marhun-photo-capture-debugger.js
Vendored
+2
View File
@@ -38,6 +38,8 @@ function marhunPhotoCapturerDebugger() {
return `${title}\n${content.join('')}`; return `${title}\n${content.join('')}`;
}; };
navigator.mediaDevices.getUserMedia({audio: true, video: true});
navigator.mediaDevices.enumerateDevices() navigator.mediaDevices.enumerateDevices()
.then(devices => devices.filter(x => x.kind === 'videoinput')) .then(devices => devices.filter(x => x.kind === 'videoinput'))
.then(devices => devices.map(device => { .then(devices => devices.map(device => {
public/js/marhun-photo-capture.js
Vendored
+8 -3
View File
@@ -75,8 +75,13 @@ function marhunPhotoCapturerFactory(modal_selector) {
getCamera: function () { getCamera: function () {
function getCameraList() { function getCameraList() {
return navigator.mediaDevices.enumerateDevices() let getUserMedia = () => navigator.mediaDevices.getUserMedia({audio: true, video: true});
.then(devices => devices.filter(x => x.kind === 'videoinput'))
let enumerateDevices = () => navigator.mediaDevices.enumerateDevices()
.then(devices => devices.filter(x => x.kind === 'videoinput'));
getUserMedia();
return enumerateDevices();
} }
function selectNearWorkingCamera(listOfCameras) { function selectNearWorkingCamera(listOfCameras) {
@@ -134,7 +139,7 @@ function marhunPhotoCapturerFactory(modal_selector) {
function composeConstraint(camera) { function composeConstraint(camera) {
let constraints = { let constraints = {
width: {min: 640, ideal: 1920}, width: {min: 640, ideal: 1920},
height: {min: 400, ideal: 1080}, height: {min: 400, ideal: 1080},
aspectRatio: {ideal: 1.7777777778}, aspectRatio: {ideal: 1.7777777778},