Instascan: IOS 사파리 11.4- 후면 카메라 열림 문제

에 만든 2018년 09월 27일 · 44코멘트 · 출처: schmich/instascan

안녕하세요,
Instascan을 사용하고 있으며 ios safari에 문제가 있습니다.
instascan에서는 오류가 발생하지 않지만 백 카메라를 열지 않습니다. 전면 카메라를 열 때마다.
Android(Chrome, Firefox)에서도 동일한 코드가 잘 작동합니다.

 자기 자신;
 isQRScannerInitialised = 거짓;
 함수 testQrCode(textBoxId,DivWidth){
 자기 = 초기화QRScanner(DivWidth);

 self.scanner.addListener('스캔', 함수(내용, 이미지) {
 if(textBoxId == $("#hiddenTextBox").val()){
 오디오.재생();
 var 코드 = 내용;
 $("#"+textBoxId).val(코드);
 isQRScannerInitialised = 거짓;

 }

 }, 거짓);

 }

 함수 초기화QRScanner(DivWidth){

 자기 = 이것;

 if(isQRScannerInitialised == 거짓){

 var 임시 비디오 = document.getElementsByTagName("비디오")[0];
 tempVideo.width=DivWidth;
 임시 비디오.높이=480;

 self.scanner = new Instascan.Scanner({ 비디오: document.getElementsByTagName("비디오")[0],mirror:false, scanPeriod: 1});

 Instascan.Camera.getCameras().then(함수(카메라) {
 self.cameras = 카메라;
 if (self.cameras.length > 0) {
 if(카메라[0].name.match(/back/) || 카메라[0].name.match(/Back/)){
 self.activeCameraId = 카메라[0].id;
 self.scanner.start(카메라[0]);
 } else if(카메라[1].name.match(/back/) || 카메라[1].name.match(/Back/)){
 self.activeCameraId = 카메라[1].id;
 self.scanner.start(카메라[1]);
 }
 isQRScannerInitialised = true;

 } 또 다른 {

 alert('카메라를 찾을 수 없습니다.');
 isQRScannerInitialised = 거짓;
 반품;
 }
 }).catch(함수(e) { 
 isQRScannerInitialised = 거짓;
 alert("QR 오류 이름:-"+e.name + " & QR 오류 메시지:-"+e.message); console.error(e); 
 });

 }
 자기 반환;
 }

출처

SopraUser

👍3

가장 유용한 댓글

이것은 훌륭한 제품이고 정말 유용했습니다. 그래서 멋지게 만들어 주셔서 감사합니다. 내 연구에서이 instascan의 문제는 다음과 같습니다.

getCameras를 호출할 때 Camera 클래스는 navigator.mediaDevices.enumerateDevices() 호출을 통해 수집된 MediaDeviceInfo 객체에서 생성된 Camera 객체 컬렉션을 반환합니다. 스캐너를 시작할 때 사용된 카메라의 실제 스트림을 포함하는 MediaStream 개체가 id _ 및 _ name _ 속성만 포함되어 있습니다. Camera 객체의 배열을 만드는 데 사용됩니다.

_scanner.start(camera)_를 호출하면 카메라 에서 _camera.start()_ 메서드를 호출하는

의 MediaStream의 Arrary를 반환 _camera.start () _ 방법은 다음 _navigator.mediaDevices.getUserMedia (제약 조건)를 호출 _는 방법에 나열된 주어진 제약 조건에 따라 객체.
_scanner.start()_는 _scanner._enableScan(camera)_을 호출하여 카메라에서 위의 호출에서 반환된 첫 번째 MediaStream 개체를 제공합니다. 그것은 설정

                  **This Part Is the Disconnect and what is messing it all up!**

제약 문제:

전달된 Camera 개체는 제약 조건에서 해당 ID 를 장치 검색에 _"필수"_로 사용합니다. 찾을 수 없으면 비디오가 표시되지 않습니다. 또한 다른 "필수" 제약 조건이 설정됩니다.

다른 장치는 사용된 제약 조건을 지원하지 않습니다!
사용하려는 장치에서 이 링크를 실행하면 지원하는 제약 조건이 무엇인지 알려줍니다.
https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints

사용하려는 장치에서 이 링크를 실행하고 제약 조건을 입력하십시오. 지원 여부를 알려줍니다.
https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/deviceId

Ipad/Iphone/IOS 지원 제약:

aspectRatio, facesMode, _deviceId * _ , 높이, 너비, aspectRatio 등.

_내가 이것을 테스트할 때 _deviceId는 제약 조건으로 무시됩니다._ 제약 조건 에 대해 위의 링크에서 이것을 시도하면 deviceId = ""로 설정되는 것을 볼 수 있습니다. 자바 스크립트에서 잡아서 표시했을 때 iphone은 항상 빈 deviceId를 반환했습니다.

따라서 Iphone에서 후면 카메라를 잡으려면 deviceId를 사용하지 않고 faceMode를 사용해야 합니다.

Android 지원 제약:

deviceId, _facingMode * _, aspectRatio, 높이, 너비 등.

나는 이것을 삼성 태블릿과 안드로이드 폰에서 테스트했다. faceMode의 기본값은 "사용자" 전면 카메라입니다. 이 코드를 실험한 결과 아직까지 발견한 어떤 이유로 Android용 facesMode가 작동하지 않는다는 사실을 발견했습니다. 그러나 위의 링크에서 작동합니다. 나는 그 부분을 계속 조사할 것이고 아마도 이 코드가 facesMode 및 android에서 제대로 작동하도록 수정할 것입니다.

* * Android 문제에 대한 답변 * * *
이 프로젝트의 Gulp 빌드에는 Android Chrome에서 facesMode를 엉망으로 만드는 webrtc-adapter 버전 ^1.4.0이 포함되어 있습니다. 코드를 살펴보면 실제로 직면 모드를 삭제했습니다.

이 프로젝트에서 수정하려면 - _index.js_에서 2행 require('webrtc-adapter'); 제거한 다음 아래 빌드 절차를 따르세요. Chrome에서 태블릿과 4개의 다른 Android 휴대전화에서 테스트했을 때 후면 카메라를 잡기 위해 모두 다시 작동했습니다.

이 instascan 코드로 Android의 후면 카메라를 잡으려면 deviceId를 사용할 수 있습니다.
deviceId가 다음과 같은 _video_ 제약 조건인지 확인하십시오.

video: {
  devideId: this.id
}

카메라 제약 코드:

다음은 제약 조건을 설정하고 MediaStream 개체를 가져오는 프로젝트의 코드입니다.
이 코드가 제대로 작동하지 않는 이유는 _video 제약 조건 _ 의 sourceId가 _Android_ 또는 _Iphone_에서 지원되지 않기 때문입니다. 이것은 deviceId 로 변경되어야 합니다 . 또한 모든 필수 항목은 장치가 처리하지 않는 경우 이동해야 합니다.

async start() {
    let constraints;
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (iOS) {
      constraints = {
        audio: false,
        video: {
          facingMode: 'environment',
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    } else {
      constraints = {
        audio: false,
        video: {
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    }

    this._stream = await Camera._wrapErrors(async () => {
      return await navigator.mediaDevices.getUserMedia(constraints);
});

InstaScan을 수정하고 축소하는 방법:

이것을 얻고 변경하기 위해 VSCode를 사용하고 있습니다.
1) Node.js와 vsCode를 설치합니다.
2) 다운로드하려는 디렉토리의 터미널에서 다음을 실행합니다.
git clone https://github.com/JoseCDB/instascan.git

3) 터미널 cd에서 instascan 디렉토리로:
cd instascan

4) 자바스크립트를 변경하고 gulp를 실행하여 코드를 해제합니다.
gulp release

5) 이것은 _dist_ 폴더에 새로운 축소된 instascan.min.js 항목을 줄 것입니다.

이번 주말에 이 Android 문제를 해결해 보겠습니다. 이 멋진 라이브러리를 통해 향후 프로젝트에 대한 충분한 통찰력을 얻을 수 있기를 바랍니다.

apchandler 에 2018년 12월 01일

🎉10 ❤3 👍2 🚀1 😄1

모든 44 댓글

Apple 장치에 액세스할 수 있습니까? 데모가 작동하는지 알고 있습니까?

kibagami-jubei 에 2018년 09월 27일

이것은 iOS 사파리에 문제가 있는 것처럼 보이지만 사람들이 메타 태그를 추가하여 이 문제를 극복할 수 있다는 것을 읽었습니다. 이 포럼을 둘러보면 알 수 있습니다. 비슷한 일을 하고 있어서 관심이 있습니다. 저를 망설이게 하는 것은 바로 사용할 수 있는 장치가 없다는 것입니다.

kibagami-jubei 에 2018년 09월 27일

iPhone에서 데모를 시도했지만 작동하지 않았습니다.

kibagami-jubei 에 2018년 09월 28일

네, 이 일을 하고 있는데 작동이 안 돼요. 돌아가서 스레드를 다시 읽으려고합니다. 최신 웹 RTC 어댑터를 추가하고 비디오 태그에 _playsinline_ 속성을 추가하여 전면 카메라가 작동하도록 했습니다. 카메라를 읽을 수 있지만 후면 카메라로 교체할 때 아무 작업도 수행하지 않습니다.

kibagami-jubei 에 2018년 09월 29일

나는 비디오 태그 안에 속성을 추가했고 메타 태그도 언급했습니다.

SopraUser 에 2018년 09월 29일

👍3

나는 비디오 태그 안에playsinline 속성을 추가했고 메타 태그도 언급했습니다.

누군가 실제로 스레드 중 하나에서 이것을 수정했습니다. 지금 시도하고 있지만 iPhone을 사용하는 사람이 작동할 때까지 기다려야 합니다.

kibagami-jubei 에 2018년 10월 01일

이봐, 나는 이것을 작동 시켰지만 여전히 문제가 있습니다. 카메라를 선택하더라도 기본값은 항상 후면 후면 카메라입니다. 따라서 전면 카메라를 선택해야 하는 경우 문제가 발생합니다.

kibagami-jubei 에 2018년 10월 05일

여기 내가 한 일이 있습니다!

메타 태그를 추가했습니다.
<meta name="apple-mobile-web-app-capable" content="yes">

이 속성을 추가했습니다.
<video id="scanner" class="video-back" playsinline></video>

이 JS 파일을 추가했습니다.
<script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

그런 다음 이것을 패키징하여 릴리스합니다: https://github.com/JoseCDB/instascan/tree/ios-rear-camera. node.js와 함께 Gulp를 사용하는 방법을 알고 있는지 확실하지 않지만 쉽습니다. 15분만에 벌었어요! 나는 Instascan의 이 사람 버전을 사용하고 있습니다. 그는 문제를 알고 있었고 고칠 수 있었습니다. 도움이 되었기를 바랍니다. 행운을 빕니다.

kibagami-jubei 에 2018년 10월 05일

🎉1

메타 태그, 비디오 태그 및 adapter-latest.js를 사용했습니다.
그리고 나는 instscan.min.js를 사용하고 있으며 ".js - scanner.js - camara.js"를 별도로 어떻게 사용할 수 있는지 모르겠습니다.

SopraUser 에 2018년 10월 05일

👍2

메타 태그, 비디오 태그 및 adapter-latest.js를 사용했습니다.
그리고 나는 instscan.min.js를 사용하고 있으며 ".js - scanner.js - camara.js"를 별도로 어떻게 사용할 수 있는지 모르겠습니다.

node.js가 설치되어 있어야 합니다. 이러한 모든 파일을 함께 패키지하는 명령 프롬프트가 있으며 최종 출력은 instascanner의 축소된 JS 파일이 됩니다.

kibagami-jubei 에 2018년 10월 05일

👍1

이것은 훌륭한 제품이고 정말 유용했습니다. 그래서 멋지게 만들어 주셔서 감사합니다. 내 연구에서이 instascan의 문제는 다음과 같습니다.

getCameras를 호출할 때 Camera 클래스는 navigator.mediaDevices.enumerateDevices() 호출을 통해 수집된 MediaDeviceInfo 객체에서 생성된 Camera 객체 컬렉션을 반환합니다. 스캐너를 시작할 때 사용된 카메라의 실제 스트림을 포함하는 MediaStream 개체가 id _ 및 _ name _ 속성만 포함되어 있습니다. Camera 객체의 배열을 만드는 데 사용됩니다.

_scanner.start(camera)_를 호출하면 카메라 에서 _camera.start()_ 메서드를 호출하는

의 MediaStream의 Arrary를 반환 _camera.start () _ 방법은 다음 _navigator.mediaDevices.getUserMedia (제약 조건)를 호출 _는 방법에 나열된 주어진 제약 조건에 따라 객체.
_scanner.start()_는 _scanner._enableScan(camera)_을 호출하여 카메라에서 위의 호출에서 반환된 첫 번째 MediaStream 개체를 제공합니다. 그것은 설정

                  **This Part Is the Disconnect and what is messing it all up!**

제약 문제:

Ipad/Iphone/IOS 지원 제약:

aspectRatio, facesMode, _deviceId * _ , 높이, 너비, aspectRatio 등.

따라서 Iphone에서 후면 카메라를 잡으려면 deviceId를 사용하지 않고 faceMode를 사용해야 합니다.

Android 지원 제약:

deviceId, _facingMode * _, aspectRatio, 높이, 너비 등.

이 프로젝트에서 수정하려면 - _index.js_에서 2행 require('webrtc-adapter'); 제거한 다음 아래 빌드 절차를 따르세요. Chrome에서 태블릿과 4개의 다른 Android 휴대전화에서 테스트했을 때 후면 카메라를 잡기 위해 모두 다시 작동했습니다.

이 instascan 코드로 Android의 후면 카메라를 잡으려면 deviceId를 사용할 수 있습니다.
deviceId가 다음과 같은 _video_ 제약 조건인지 확인하십시오.

video: {
  devideId: this.id
}

카메라 제약 코드:

async start() {
    let constraints;
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (iOS) {
      constraints = {
        audio: false,
        video: {
          facingMode: 'environment',
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    } else {
      constraints = {
        audio: false,
        video: {
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    }

    this._stream = await Camera._wrapErrors(async () => {
      return await navigator.mediaDevices.getUserMedia(constraints);
});

InstaScan을 수정하고 축소하는 방법:

3) 터미널 cd에서 instascan 디렉토리로:
cd instascan

4) 자바스크립트를 변경하고 gulp를 실행하여 코드를 해제합니다.
gulp release

5) 이것은 _dist_ 폴더에 새로운 축소된 instascan.min.js 항목을 줄 것입니다.

이번 주말에 이 Android 문제를 해결해 보겠습니다. 이 멋진 라이브러리를 통해 향후 프로젝트에 대한 충분한 통찰력을 얻을 수 있기를 바랍니다.

apchandler 에 2018년 12월 01일

🎉10 ❤3 👍2 🚀1 😄1

안녕하세요, 이것은 잘 작동해야합니다.
먼저 https://github.com/webrtc/adapter 에서 adapter.js 를 추가 합니다.

그 후에 이것을 복제하십시오.
git clone https://github.com/quocthai95/instascan.git
운영:
npm i
필수품을 설치하기 위해

gulp를 사용하여 최종 코드를 릴리스합니다.
gulp release

Iphone 6 plus(iOS 11.4) 및 Iphone 8 plus(iOS 11.3)에서 확인했는데 잘 작동했습니다. 카메라를 정상적으로 교체할 수 있습니다.

문제를 해결할 수 있기를 바랍니다.

quocthai95 에 2018년 12월 14일

안녕하세요, 이것은 잘 작동해야합니다.
먼저 https://github.com/webrtc/adapter 에서 adapter.js 를 추가 합니다.
그 후에 이것을 복제하십시오.
git clone https://github.com/quocthai95/instascan.git
운영:
npm i
필수품을 설치하기 위해
gulp를 사용하여 최종 코드를 릴리스합니다.
gulp release
Iphone 6 plus(iOS 11.4) 및 Iphone 8 plus(iOS 11.3)에서 확인했는데 잘 작동했습니다. 카메라를 정상적으로 교체할 수 있습니다.
문제를 해결할 수 있기를 바랍니다.

필수품을 설치할 때 "취약점 12개(낮음 1개, 보통 5개, 높음 6개)"가 나타납니다.
일부 "$ npm install --save-dev [package-name]" 명령은 이러한 취약점을 해결하는 것으로 보이지만 다음 예외로 인해 빌드할 수 없습니다.

$ gulp release assert.js:351 throw err; ^ AssertionError [ERR_ASSERTION]: 작업 기능은 Gulp.set [as _setTask]에 지정되어야 합니다(C:\Users\John\Downloads\instascan-ios-rear-camera\instascan-ios-rear-camera\node_modules\undertaker\lib \set-task.js:10:3)

여기에서 어떻게 시작합니까? 이 빌드를 실제로 사용해보고 싶습니다. 내 안드로이드 폰과 잘 어울리나요?

/남자

johnatitide 에 2019년 01월 07일

안녕하세요 @johnatitide ,
gulp 최신 버전(4.0.0)을 설치하셨습니까? 그렇다면 3.9.1로 제한하십시오. 참고로:
https://github.com/ampproject/docs/issues/793#issuecomment -354836162
또는 빌드하기 위해 수행한 명령을 제공할 수 있습니다.

quocthai95 에 2019년 01월 07일

안녕하세요 @quocthai95

빌드는 다음 명령으로 작동합니다.
자식 클론 https://github.com/quocthai95/instascan.git
npm 설치 [email protected]
npm 나는
꿀꺽꿀꺽

이제 iPad 및 iPhone의 Safari에서 카메라를 전환할 수 있습니다. 멋진.

johnatitide 에 2019년 01월 08일

👍3

제약 조건 수정이 schmich의 저장소에 다시 병합될 가능성이 있습니까?

vladimirmoushkov 에 2019년 02월 20일

제약 조건 수정이 schmich의 저장소에 다시 병합될 가능성이 있습니까?

새로운 pull 요청을 만들었습니다. 접수를 기다리세요^^

quocthai95 에 2019년 02월 21일

@quocthai95 안녕하세요, ive는 https://github.com/schmich/instascan/issues/182#issuecomment -447198290에서 귀하의 단계를 따랐습니다.

내 안드로이드 크롬에서 기본적으로 전면 카메라를 얻고 있는지 궁금합니다. 후방카메라를 기본으로 하는 방법이 궁금합니다. 예제 코드가 있습니까?

fariskas 에 2019년 04월 01일

@fariskas ,
regexp를 사용하여 /back/과 일치하는지 테스트한 다음 시작하면 후면 카메라를 기본으로 사용할 수 있습니다.

`Instascan.Camera.getCameras().then(함수(카메라) {
if(카메라[0].name.match(/back/i)){
Scanner.start(카메라[0]);
} else if(카메라[1].name.match(/back/i)){
Scanner.start(카메라[1]);
}
}

quocthai95 에 2019년 04월 03일

👍3

이것은 유용할 수 있습니다: cameras[i].name 에서 "뒤로"를 찾기 위해 for 루프를 사용하고 있지만 cameras[i].name 를 console.log 쓸 때까지 iPad에서 후면 카메라를 선택할 수 없었고 실패했습니다.
따라서 iOS에서 후면 카메라를 선택하는 데 실패하면 "back"을 번역하거나 cameras[i].name 를 console.log 로 작성하여 후면 카메라의 이름이 무엇인지 알아보세요.

diboma 에 2019년 04월 20일

👍1

데모가 전면 카메라에서만 작동하는지 확인할 수 있습니다. 이것은 iOS 12.2의 Safari와 관련이 있습니다.

dgtlrift 에 2019년 04월 27일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?

nicoeat614 에 2019년 06월 07일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?

저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.

프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.

한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.

이게 도움이 되길 바란다.

후면 카메라 코드
```
스캐너 = 새로운 Instascan.Scanner({ 비디오: 비디오, scanPeriod: 4, 미러: false })
.then(handleSuccess)
.catch(핸들오류);
//스캔 시작
Scanner.addListener('scan', foundCode);

            Instascan.Camera.getCameras().then(function (cameras) {
                if (cameras.length > 0) {
                    scanner.start(cameras[0]);
                }
                else {
           ...        
                }
            }).catch (function (e) {
             ...  
            });

```
instascan.min.zip

https://github.com/schmich/instascan/issues/182#issuecomment -443388022

apchandler 에 2019년 06월 07일

🎉8 ❤2

이것은 훌륭한 제품이고 정말 유용했습니다. 그래서 멋지게 만들어 주셔서 감사합니다. 내 연구에서이 instascan의 문제는 다음과 같습니다.
getCameras를 호출할 때 Camera 클래스는 navigator.mediaDevices.enumerateDevices() 호출을 통해 수집된 MediaDeviceInfo 객체에서 생성된 Camera 객체 컬렉션을 반환합니다. 스캐너를 시작할 때 사용된 카메라의 실제 스트림을 포함하는 MediaStream 개체가 id _ 및 _ name _ 속성만 포함되어 있습니다. Camera 객체의 배열을 만드는 데 사용됩니다.
_scanner.start(camera)_를 호출하면 카메라 에서 _camera.start()_ 메서드를 호출하는
의 MediaStream의 Arrary를 반환 _camera.start () _ 방법은 다음 _navigator.mediaDevices.getUserMedia (제약 조건)를 호출 _는 방법에 나열된 주어진 제약 조건에 따라 객체.
_scanner.start()_는 _scanner._enableScan(camera)_을 호출하여 카메라에서 위의 호출에서 반환된 첫 번째 MediaStream 개체를 제공합니다. src 요소를 이 미디어 스트림 개체로 설정합니다.
**This Part Is the Disconnect and what is messing it all up!**
제약 문제:
전달된 Camera 개체는 제약 조건에서 해당 ID 를 장치 검색에 _"필수"_로 사용합니다. 찾을 수 없으면 비디오가 표시되지 않습니다. 또한 다른 "필수" 제약 조건이 설정됩니다.
다른 장치는 사용된 제약 조건을 지원하지 않습니다!
사용하려는 장치에서 이 링크를 실행하면 지원하는 제약 조건이 무엇인지 알려줍니다.
https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints
사용하려는 장치에서 이 링크를 실행하고 제약 조건을 입력하십시오. 지원 여부를 알려줍니다.
https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/deviceId
Ipad/Iphone/IOS 지원 제약:
aspectRatio, facesMode, _deviceId * _ , 높이, 너비, aspectRatio 등.
_내가 이것을 테스트할 때 _deviceId는 제약 조건으로 무시됩니다._ 제약 조건 에 대해 위의 링크에서 이것을 시도하면 deviceId = ""로 설정되는 것을 볼 수 있습니다. 자바 스크립트에서 잡아서 표시했을 때 iphone은 항상 빈 deviceId를 반환했습니다.
따라서 Iphone에서 후면 카메라를 잡으려면 deviceId를 사용하지 않고 faceMode를 사용해야 합니다.
Android 지원 제약:
deviceId, _facingMode * _, aspectRatio, 높이, 너비 등.
나는 이것을 삼성 태블릿과 안드로이드 폰에서 테스트했다. faceMode의 기본값은 "사용자" 전면 카메라입니다. 이 코드를 실험한 결과 아직까지 발견한 어떤 이유로 Android용 facesMode가 작동하지 않는다는 사실을 발견했습니다. 그러나 위의 링크에서 작동합니다. 나는 그 부분을 계속 조사할 것이고 아마도 이 코드가 facesMode 및 android에서 제대로 작동하도록 수정할 것입니다.
* _ * Android 문제에 대한 답변 * _ **
이 프로젝트의 Gulp 빌드에는 Android Chrome에서 facesMode를 엉망으로 만드는 webrtc-adapter 버전 ^1.4.0이 포함되어 있습니다. 코드를 살펴보면 실제로 직면 모드를 삭제했습니다.
이 프로젝트에서 수정하려면 - _index.js_에서 2행 require('webrtc-adapter'); 제거한 다음 아래 빌드 절차를 따르세요. Chrome에서 태블릿과 4개의 다른 Android 휴대전화에서 테스트했을 때 후면 카메라를 잡기 위해 모두 다시 작동했습니다.
이 instascan 코드로 Android의 후면 카메라를 잡으려면 deviceId를 사용할 수 있습니다.
deviceId가 다음과 같은 _video_ 제약 조건인지 확인하십시오.
video: {
  devideId: this.id
}
카메라 제약 코드:
다음은 제약 조건을 설정하고 MediaStream 개체를 가져오는 프로젝트의 코드입니다.
이 코드가 제대로 작동하지 않는 이유는 _video 제약 조건 _ 의 sourceId가 _Android_ 또는 _Iphone_에서 지원되지 않기 때문입니다. 이것은 deviceId 로 변경되어야 합니다 . 또한 모든 필수 항목은 장치가 처리하지 않는 경우 이동해야 합니다.
async start() {
    let constraints;
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (iOS) {
      constraints = {
        audio: false,
        video: {
          facingMode: 'environment',
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    } else {
      constraints = {
        audio: false,
        video: {
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    }

    this._stream = await Camera._wrapErrors(async () => {
      return await navigator.mediaDevices.getUserMedia(constraints);
});
InstaScan을 수정하고 축소하는 방법:
이것을 얻고 변경하기 위해 VSCode를 사용하고 있습니다.
Node.js 및 vsCode를 설치합니다.
다운로드하려는 디렉토리의 터미널에서 다음을 실행하십시오.
git clone https://github.com/JoseCDB/instascan.git
터미널 cd에서 instascan 디렉토리로:
cd instascan
자바 스크립트를 변경하고 gulp를 실행하여 코드를 해제하십시오.
gulp release
이렇게 하면 _dist_ 폴더에 축소된 새 instascan.min.js 항목이 제공됩니다.
이번 주말에 이 Android 문제를 해결해 보겠습니다. 이 멋진 라이브러리를 통해 향후 프로젝트에 대한 충분한 통찰력을 얻을 수 있기를 바랍니다.

위의 단계를 수행한 다음 파일 camera.js (29행)를 아래와 같이 편집합니다.
facingMode: { exact: "environment" },
그것은 나를 위해 작동합니다. @apchandler 감사합니다

glorynguyen 에 2019년 06월 11일

당신을 위해 일할 일이 생겨서 기쁩니다! 이 수정 사항을 게시해 주신 @glorynguyen에게도 감사드립니다!

apchandler 에 2019년 06월 11일

불행히도 이러한 솔루션은 iOS 13에서 작동하지 않습니다. 단순히 비어 있습니다(검은색도 아님).
Safari를 원격 디버깅할 때도 콘솔에 오류가 표시되지 않습니다.

tinyoverflow 에 2019년 08월 01일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?
저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.
프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.
한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.
이게 도움이 되길 바란다.
후면 카메라 코드
scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });
instascan.min.zip
#182(댓글)

이것은 내 문제를 해결합니다. 대단히 감사합니다.

paulpwo 에 2019년 12월 20일

이에 대한 최신 수정 사항은 무엇입니까? 스레드에서 몇 가지를 시도했지만 전면 카메라만 얻는 것 같습니다.
Gulp를 사용하거나 실제로 .js .git 프로젝트를 컴파일하는 방법을 모릅니다. 저는 주로 C#/Asp.net Mvc로 코드를 작성하므로 이것은 저에게 약간 새롭습니다.
apchandler의 솔루션은 나에게 오류를 제공합니다. (동영상이 정의되지 않음)
현재 Android 기기용 "고정" instascan.min.js와 IOS용 버전을 로드하고 있지만 제대로 작동하지 않는 것 같습니다.

dallebull 에 2020년 01월 29일

이에 대한 최신 수정 사항은 무엇입니까? 스레드에서 몇 가지를 시도했지만 전면 카메라만 얻는 것 같습니다.
Gulp를 사용하거나 실제로 .js .git 프로젝트를 컴파일하는 방법을 모릅니다. 저는 주로 C#/Asp.net Mvc로 코드를 작성하므로 이것은 저에게 약간 새롭습니다.
apchandler의 솔루션은 나에게 오류를 제공합니다. (동영상이 정의되지 않음)
현재 Android 기기용 "고정" instascan.min.js와 IOS용 버전을 로드하고 있지만 제대로 작동하지 않는 것 같습니다.

html 비디오 요소가 있습니까?
```

When you run instascan you need to speficy a video element like:

var 자기 = 이것;
self.scanner = new Instascan.Scanner({ 비디오: document.getElementById('미리보기'), scanPeriod: 5 });
self.scanner.addListener('스캔', 함수(내용, 이미지) {
self.scans.unshift({ 날짜: +(날짜.now()), 내용: 내용 });
});
Instascan.Camera.getCameras().then(함수(카메라) {
self.cameras = 카메라;
if (카메라 길이 > 0) {
self.activeCameraId = 카메라[0].id;
self.scanner.start(카메라[0]);
} 또 다른 {
console.error('카메라를 찾을 수 없습니다.');
}
}).catch(함수(e) {
console.error(e);
});
```

apchandler 에 2020년 01월 30일

예, 다음과 같이 작동합니다.

<video class="player" style="max-width:100%" id="preview" playsinline></video>

<script>
.....
  Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[0]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });
</script>

Iphone/Ios 기기용 카메라[0] 시작 중. 안드로이드용:

<script>
.....
  Instascan.Camera.getCameras().then(function (cameras) {
                if (cameras.length > 0) {
                    var selectedCam = cameras[0];
                    $.each(cameras, (i, c) => {
                        if (c.name.indexOf('back') != -1) {
                            selectedCam = c;
                            return false;
                        }
                    });
                    scanner.start(selectedCam);
                }
                else {
                    console.error('No cameras found.');
                }
              });
</script>

문제는 "iphone"이 아닌 Request.UserAgent.Contains("ios")만 확인했기 때문에 Iphone용 Android 스크립트도 실행한 것 같습니다.

dallebull 에 2020년 01월 30일

❤2

알아두시면 좋습니다. 정보에 대해서 감사드립니다.

apchandler 에 2020년 01월 30일

@apchandler 안녕하세요, '메인' 후면 카메라를 선택하는 방법이 있는지 아십니까?

내 사용자가 instascan을 사용하여 QR 코드를 스캔하는 웹사이트가 있습니다. 저는 웹사이트를 개발 중이며 4개의 후면 카메라(HUAWEI P30 PRO)가 있는 모바일 전화를 사용하여 웹사이트에 액세스하는 몇 가지 테스트를 수행하고 있습니다.

나는 $.each를 시도했고 첫 번째 후면 카메라를 선택한 상태에서 시야가 너무 흐릿하고 많은 줌으로 인해 아무것도 스캔할 수 없습니다.

하지만 카메라[2]를 선택하면 모든 것을 스캔할 수 있습니다.

'메인' 후면 카메라를 선택하는 일반적인 방법이 있습니까?

내 웹 앱은 다른 휴대 전화, 다른 수의 카메라를 사용하는 많은 사용자가 사용할 것이며 카메라의 순서도 다를 것입니다.

아니면 모든 카메라를 선택하고 사용자가 자신에게 완벽하게 작동하는 카메라를 선택하도록 하시겠습니까?

감사 해요

arnaubosch 에 2020년 02월 13일

@apchandler 안녕하세요, '메인' 후면 카메라를 선택하는 방법이 있는지 아십니까?
내 사용자가 instascan을 사용하여 QR 코드를 스캔하는 웹사이트가 있습니다. 저는 웹사이트를 개발 중이며 4개의 후면 카메라(HUAWEI P30 PRO)가 있는 모바일 전화를 사용하여 웹사이트에 액세스하는 몇 가지 테스트를 수행하고 있습니다.
나는 $.each를 시도했고 첫 번째 후면 카메라를 선택한 상태에서 시야가 너무 흐릿하고 많은 줌으로 인해 아무것도 스캔할 수 없습니다.
하지만 카메라[2]를 선택하면 모든 것을 스캔할 수 있습니다.
'메인' 후면 카메라를 선택하는 일반적인 방법이 있습니까?
내 웹 앱은 다른 휴대 전화, 다른 수의 카메라를 사용하는 많은 사용자가 사용할 것이며 카메라의 순서도 다를 것입니다.
아니면 모든 카메라를 선택하고 사용자가 자신에게 완벽하게 작동하는 카메라를 선택하도록 하시겠습니까?
감사 해요

미안 해요. 여러 대가 있을 때 '메인' 카메라로 지정하는 값을 모르겠습니다. 카메라 선택 기능에 최소한 특정 해상도 및 기타 사양이 있어야 함을 지정하는 기준 개체를 제공할 수 있습니다. 최소한의 능력을 갖춘 카메라를 제공할 수 있습니다. 그렇지 않으면 솔루션이 접근하려는 방식에 적합합니다.

apchandler11 에 2020년 02월 13일

@apchandler 안녕하세요, '메인' 후면 카메라를 선택하는 방법이 있는지 아십니까?
내 사용자가 instascan을 사용하여 QR 코드를 스캔하는 웹사이트가 있습니다. 저는 웹사이트를 개발 중이며 4개의 후면 카메라(HUAWEI P30 PRO)가 있는 모바일 전화를 사용하여 웹사이트에 액세스하는 몇 가지 테스트를 수행하고 있습니다.
나는 $.each를 시도했고 첫 번째 후면 카메라를 선택한 상태에서 시야가 너무 흐릿하고 많은 줌으로 인해 아무것도 스캔할 수 없습니다.
하지만 카메라[2]를 선택하면 모든 것을 스캔할 수 있습니다.
'메인' 후면 카메라를 선택하는 일반적인 방법이 있습니까?
내 웹 앱은 다른 휴대 전화, 다른 수의 카메라를 사용하는 많은 사용자가 사용할 것이며 카메라의 순서도 다를 것입니다.
아니면 모든 카메라를 선택하고 사용자가 자신에게 완벽하게 작동하는 카메라를 선택하도록 하시겠습니까?
감사 해요
미안 해요. 여러 대가 있을 때 '메인' 카메라로 지정하는 값을 모르겠습니다. 카메라 선택 기능에 최소한 특정 해상도 및 기타 사양이 있어야 함을 지정하는 기준 개체를 제공할 수 있습니다. 최소한의 능력을 갖춘 카메라를 제공할 수 있습니다. 그렇지 않으면 솔루션이 접근하려는 방식에 적합합니다.

답변해주셔서 감사합니다! 해상도로 노력하겠습니다. Instascan은 카메라 A의 해상도를 반환할 수 있습니까?

arnaubosch 에 2020년 02월 13일

@glorynguyen 및 @apchandler가 제공한 방법에 따르면.
이제 후면 카메라를 켤 수 있습니다.
instascan.min 수정
전에
case 0:return i={audio:!1,video:{mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}
후에
case 0:return i=(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream)?{audio:!1,video:{facingMode:{exact:"environment"},mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}:{audio:!1,video:{mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}

RainChou77 에 2020년 03월 19일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?
저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.
프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.
한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.
이게 도움이 되길 바란다.
후면 카메라 코드
scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });
instascan.min.zip
#182(댓글)

당신은 방금 주니어 개발자의 직업을 구했고 평생 팬이되었습니다.

mikeychowy 에 2020년 04월 23일

감사 해요. 이 코드를 봤을 때 당신이 있던 바로 그 자리에 있었습니다. 기한이 있었고 30가지 유형의 카메라가 필요했습니다. 나는 그들이 이것을 썼기 때문에 기쁩니다.

현재 15개월 동안 45가지 다른 모델의 휴대폰을 사용하고 있으며, 삼성이 패치했을 때 수정된 삼성 휴대폰에서 단 한 번의 딸꾹질이 발생했습니다. 그래서 삼성 WebKit 오류였습니다.

apchandler11 에 2020년 04월 23일

안녕하세요,
나는 또한 다른 사람과 마찬가지로 IOS에서 후면 카메라 문제에 직면하고 있습니다. iPhone에서 후면 카메라가 열리지 않고 기본 전면 카메라가 실행 중입니다. 사파리 업데이트 버전(13.xx.xx)으로 이 문제를 해결하신 분이 계시면 도와주세요.

kamalchetu 에 2020년 06월 08일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?
저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.
프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.
한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.
이게 도움이 되길 바란다.
후면 카메라 코드
scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });
instascan.min.zip
#182(댓글)

Android와 iOS 모두에서 매력처럼 작동했습니다! 방금 원본 instascan 마스터 브랜치를 다운로드하고 파일을 "dist" 폴더에 넣으면 끝입니다! 대단히 감사합니다 !

antworks-hub 에 2020년 06월 11일

Android와 iOS 모두에서 매력처럼 작동했습니다! 방금 원본 instascan 마스터 브랜치를 다운로드하고 파일을 "dist" 폴더에 넣으면 끝입니다! 대단히 감사합니다 !

@antworks-hub 브랜치의 전체 코드를 사용하셨나요 아니면 축소된 js를 사용하셨나요?
"dist" 폴더는 어디서 구하셨나요?

Sandi2211 에 2020년 07월 07일

Android와 iOS 모두에서 매력처럼 작동했습니다! 방금 원본 instascan 마스터 브랜치를 다운로드하고 파일을 "dist" 폴더에 넣으면 끝입니다! 대단히 감사합니다 !
@antworks-hub 브랜치의 전체 코드를 사용하셨나요 아니면 축소된 js를 사용하셨나요?
"dist" 폴더는 어디서 구하셨나요?

@Sandi2211 원래 instascan 마스터 브랜치의 루트에 "dist" 폴더를 만들고 그 폴더에 instasca,min.zip 파일의 내용을 넣은 것 같습니다.

antworks-hub 에 2020년 07월 08일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?
저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.
프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.
한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.
이게 도움이 되길 바란다.
후면 카메라 코드
scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });
instascan.min.zip
#182(댓글)
이것은 내 문제를 해결합니다. 대단히 감사합니다.

감사합니다. 제 작업이 잘 됩니다. 새 js를 추가하기만 하면 됩니다.

HaHung77 에 2020년 12월 11일

괜찮아요. 이 모든 것이 여전히 여기에서 작동하고 있어 기쁩니다.

apchandler11 에 2020년 12월 11일

iOS 12+에서 Safari와 함께 후면 카메라를 사용하는 방법을 알아낸 사람이 있습니까?
저는 약 7개월 동안 이 라이브러리의 수정된 버전을 30개 이상의 유형의 ios 및 Android 휴대폰 및 태블릿에서 사용하고 있습니다. 작업 중인 OS에서 카메라를 가져오기 위해 수정된 버전에 대해 위에 남긴 댓글을 확인하세요. 댓글은 이후에 webrtc를 추가하는 것에 대해 계속 이야기하는데, 이 라이브러리의 전체 문제인 것으로 나타났습니다.
프로젝트에서 webrtc를 완전히 제거하고 다시 컴파일했습니다. webrtc는 es5 이상으로 트랜스파일될 때 이 코드와 함께 더 이상 필요하지 않습니다. 라이브러리에서 webrtc를 사용하고 코딩 방식으로 인해 올바른 카메라를 검색할 수 없었습니다.
한동안 사용하고 있는 고정 및 트랜스파일된 일반 및 축소된 js 파일을 포함했습니다. 저는 학생과 교사가 가지고 있는 모든 전화기에서 QrCode로 학교 출석에 사용합니다. 이 전화기는 현재 약 30개 이상의 모델입니다. 모든 카메라를 잡을 수 있습니다.
이게 도움이 되길 바란다.
후면 카메라 코드
scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });
instascan.min.zip
#182(댓글)

고마워, @apchandler11! 당신은 내 작업을 저장했습니다. 맙소사!

GusRigor 에 2021년 07월 17일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Instascan: IOS 사파리 11.4- 후면 카메라 열림 문제

가장 유용한 댓글

제약 문제:

Ipad/Iphone/IOS 지원 제약:

Android 지원 제약:

카메라 제약 코드:

InstaScan을 수정하고 축소하는 방법:

모든 44 댓글

제약 문제:

Ipad/Iphone/IOS 지원 제약:

Android 지원 제약:

카메라 제약 코드:

InstaScan을 수정하고 축소하는 방법:

제약 문제:

Ipad/Iphone/IOS 지원 제약:

Android 지원 제약:

카메라 제약 코드:

InstaScan을 수정하고 축소하는 방법:

관련 문제