Instascan: IOS11 - 웹 RTC 호환성

현상금 500달러 이 문제를 해결할 수 없습니다. 현상금 500달러는 나보다 유능한 사람이 이 문제를 해결하도록 권장할 수 있습니다. IOS11 베타가 이제 webRTC getUserMedia() 를 지원한다고 생각합니다. 작동하는 데모를 볼 수 있습니다(iOS11 베타가 설치된 경우에만 :-) --> https://tokbox.com/developer/sdks/js/ --> https://tokbox.com/developer/beta/safari /

이 현상금은 여전히 ​​유효하며 나는 그것을 존중할 것입니다.
우리는 프로젝트에서 instascan을 사용할 계획이지만 약간의 지원이 필요합니다(비용을 지불할 준비가 되어 있음)
할 수 있는 사람이 있습니까?
[1] 문제를 해결하다
[2] instascan 프로젝트에 오픈 소스 코드 기여
[3] 노력한 만큼 돈을 조금 벌다

+1

@ddwyer 우리는 최근 애플리케이션에서

다음은 앱을 새로 빌드하기 위해 수행한 작업입니다.

git clone [email protected]:schmich/instascan.git
cd instascan/
npm install gulp-cli -g
npm install
gulp release
cp dist/instascan.min.js /path/to/our/libraries/include/dir

ID를 기반으로 카메라를 선택하면 작동하지 않습니다. 항상 전면 카메라를 사용했습니다. Camera.js에 못생긴 패치를 추가하여 이 문제를 해결했습니다.

diff --git a/src/camera.js b/src/camera.js
index 5403b3c..4a46e32 100644
--- a/src/camera.js
+++ b/src/camera.js
@@ -31,6 +31,11 @@ class Camera {
       }
     };

+    var userAgent = window.navigator.userAgent;
+    if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
+        constraints.video.facingMode = "environment";
+    }
+
     this._stream = await Camera._wrapErrors(async () => {
       return await navigator.mediaDevices.getUserMedia(constraints);
     });

좋은 솔루션이 아니기 때문에 이 변경에 대한 PR을 만들지 않을 것입니다. 그러나 작동하므로 프로젝트에서 자유롭게 사용하십시오.

참고로 iOS11 베타에서 <video /> 요소에는 playsinline 속성이 필요합니다. 잠시 버그인 것 같았는데 이제 곧 베타가 종료됩니다.

https://github.com/serratus/quaggaJS/commit/e8352c7017a2f7a7500fa054f342b9689ff5d8b7#diff -afd7828cb7f3e7a1f8fe7305f50b5021

https://github.com/PaulKinlan/qrcode/commit/b79718b2391969b2291db93ba388b4c2b2f3f9d4

@inorbert 와 shazam의 지시를
우리는 우리가 발견한 것을 개선하고 다시 보고할 것입니다.
-- 대런

이것은 schmich/instascan/pull/78에서 수정되었습니다. 프로젝트에 최신 webrtc-adapter 를 수동으로 포함하는 것을 잊지 마십시오.

@PallasKatze 는 자바스크립트 GURU입니다. 이제 모두 작동하고 테스트하고 병합해야 합니까? 관심 있는 사람이 있을 경우 현상금이 전액 지급되었습니다. 도와주셔서 감사합니다.

Safari11에서 작동하지 않는 이유
var userAgent = window.navigator.userAgent;

• if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
• Constraints.video.facingMode = "환경";
• }
  +
  this._stream = Camera._wrapErrors(async() => {
  return await navigator.mediaDevices.getUserMedia(제약 조건);
  });

다음은 https://github.com/centogram/instascan 에서 컴파일된 버전입니다.
인스타스캔.zip

@centogram ios11 코드로 전면 카메라를 사용할 수 있습니까? 감사 해요 :)

@pandalion 네, 하지만 코드를 수정해야 합니다. Constraints.video.facingMode 제약 조건을 "environment"에서 "user"로 변경하기만 하면 됩니다.

@centogram 은 매력처럼 작동합니다. 감사합니다!

@centogram @hrrsppzgl
어떤 줄을 수정해야합니까?

@centogram @hrrsppzgl
어떤 줄을 수정해야합니까?

@adelsadek1
당신에게 정말로 필요한 것은 무엇입니까? 여기에서 @centogram 수정 코드를 다운로드 했습니까?
https://github.com/centogram/instascan

@hrrsppzgl 예, @centogram이 라인 수정에

@hrrsppzgl 예, @centogram이 라인 수정에

검색
faceMode: {정확한: "환경" },
"환경"을 "사용자"로 변경

안녕하세요 @lnorbert

나는 당신의 발자취를 따르려고 노력했지만,

git clone [email protected]:schmich/instascan.git
cd instascan/
npm install gulp-cli -g
npm install
gulp release
cp dist/instascan.min.js /path/to/our/libraries/include/dir

그러나 첫 번째 cmd를 시도하면 아래 오류가 발생합니다.

여기 좀 도와주시겠어요?

감사합니다