반응형
반응형

<input type="file"> 요소에 accept="image/*;capture=camera" 속성을 추가하면, Android 장치에서 기본적으로 카메라 앱을 호출하여 이미지를 캡처할 수 있습니다. 다음은 이를 구현하는 방법과 주의사항입니다:

 

 

<input type="file" accept="image/*;capture=camera">

 

 

작동 방식

  1. Android 브라우저 또는 WebView에서 이 코드를 실행하면 파일 선택 대화 상자가 열립니다.
  2. 카메라 앱이 기본 선택 옵션으로 제공됩니다.
  3. 이미지를 찍은 후 업로드할 수 있도록 선택됩니다.

추가 고려사항

  1. 브라우저 호환성:
    • 최신 Android 기기 및 브라우저에서 정상적으로 작동합니다.
    • iOS에서도 유사하게 작동하지만, 일부 브라우저는 capture 속성을 무시할 수 있습니다.
  2. WebView 환경:
    • Android WebView에서는 file 입력의 카메라 호출이 정상적으로 작동하려면 추가 설정이 필요할 수 있습니다.
    • WebView에서 파일 업로드를 활성화하려면 setWebChromeClient 메서드와 함께 onShowFileChooser 콜백을 구현해야 합니다.
  3. 보안 권한:
    • 웹사이트가 HTTPS 프로토콜을 사용하지 않으면 카메라 접근이 차단될 수 있습니다.
    • Android 앱에서 WebView를 사용하는 경우, CAMERA 및 READ_EXTERNAL_STORAGE 권한을 매니페스트에 명시해야 합니다.
반응형
반응형

東京タワーライブカメラ / TOKYOTOWER LIVE CAMERA

 

youtu.be/fWxnFcpdiR0

 

반응형
반응형

[Google] Introducing Pixel, Phone by Google 



Introducing Pixel, a new phone by Google. It has the highest rated smartphone camera. Ever. A battery that lasts all day. Unlimited storage for all your photos and videos. And it’s the first phone with the Google Assistant built in.*

*Additional information available at https://madeby.google.com/phone.



...

반응형
반응형

Tracking.js — Camera-based interaction with your browser

Tracking.js lets you create interactions with your browser using your computer’s webcam. It’s fairly simple to use, considering the powerful uses that it makes possible.

tracking.js

 

 

 

 

 

.

반응형

+ Recent posts