비보안 웹 소켓 연결을 통해 통신해야하는 웹 사이트에서 getUserMedia를 사용합니다.

qpwr

웹 사이트의 안전한 컨텍스트에서 getUserMedia ()를 사용하여 카메라 스트림을 캡처해야하는 사용 사례가 있습니다. 웹 사이트는 로컬 네트워크의 모바일 앱 (Cordova 기반) 내에서 웹 소켓 서버와 통신해야합니다.

문제:

  • 이러한 종류의 앱에 대한 인증서가 지원되지 않으므로 앱은 안전하지 않은 웹 소켓 연결 ws : // (wss : // 아님)를 사용합니다.
  • 웹 사이트 https를 사용해야합니다 . 그렇지 않으면 브라우저 정책으로 인해 getUserMedia ()를 사용할 수 없습니다.
  • 브라우저 정책으로 인해 보안 웹 사이트에서 안전하지 않은 웹 소켓 (ws : //) 연결을 사용할 수 없습니다.

이 문제를 해결할 방법이 있습니까? 웹 사이트에서 사용자 장치의 홈 화면 / 데스크톱에 추가 할 수있는 PWA를 만드는 것이 도움이됩니까? 이 경우 다른 보안 정책이 적용 될지 모르겠습니다.

O. 존스

디버그 모드로 전환하기 위해 부 자연스러운 행동을하지 않고서는 브라우저가 getUserMedia 및 웹 소켓에 대한 보안 규칙을 위반하도록 할 수 없습니다. 사이버 크리프 때문입니다.

그러나 데이터를 로컬 호스트 http (s 아님) 서버로 푸시해야하는 경우 일련의 POST 요청으로 수행 할 수 있습니다. 로컬에서 합리적으로 효율적입니다. 이와 같은 것이 작동 할 수 있습니다 (디버깅되지 않음).

function dataavailable (chunk) {
    const fd = new FormData();
    fd.set('media', chunk.data);
    fetch('http://localhost:8123/media/endpoint',
           {method: 'post', body:chunk.data })
}

로컬 서버가 http1.1을 처리 할 수있는 경우 영구 연결을 사용합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Hapi.js 웹 소켓 프로토콜 통신은 클라이언트가 웹 소켓에 연결하기 위해 hapi.js를 사용해야합니까?

여러 웹 페이지를 통해 소켓 연결을 수행하려면 어떻게해야합니까?

웹 소켓 연결을 통해 데이터를 보내는 데 선호되는 방법이 있습니까?

비동기 웹 소켓 클라이언트를 통해 웹 소켓 서버와 연결 유지

소켓을 통해 내 웹 사이트를 호스팅하는 웹 사이트에 어떻게 연결할 수 있습니까?

웹 소켓을 통해 웹 페이지를 MQTT 브로커에 연결

클라이언트 측에서 서버 통신을 위해 웹 소켓을 사용하고 싶습니다.

localhost의 웹 소켓에 대한 보안 연결을 설정하려면 어떻게해야합니까?

Paho Javascript 라이브러리를 사용하여 SSL 웹 소켓을 통해 원격 mqtt 브로커에 연결할 수 없습니다.

IP 주소를 통해 Firefox 확장에서 웹 소켓 클라이언트를 연결하는 방법

Actor를 통한 Akka MergeHub 및 BroadcastHub는 웹 소켓을 통해 여러 클라이언트를 지원합니다.

jwt를 사용하여 웹 소켓 연결을 인증하는 것이 안전합니까?

웹 소켓을 통해 amqp를 통해 kubernetes 클러스터 내부에서 Azure IoT 허브에 연결

aiohttp 요청 처리기에서 클라이언트 웹 소켓을 통해 데이터를 보내는 방법

jetty 웹 서버를 사용한 웹 소켓 보안 연결 문제

Express를 사용하여 웹 소켓을 사용하여 연결

JavaScript를 사용하여 웹 소켓을 통한 비디오 스트리밍

웹 소켓이 TCP 연결을 사용하는 경우 TCP만큼 느린 통신입니까?

phoenix 채널을 통해 웹 소켓을 통해 파일을 보내는 방법이 있습니까?

웹 소켓을 통해 RSK 노드에 연결하는 방법은 무엇입니까?

Tinkerpop gremlin 드라이버 3.3.1을 사용하여 웹 소켓 연결을 통해 Janusgraph (cql-es)에 가장자리를 추가 할 수 없음

Python Flask 앱은 웹을 처리하고 웹 소켓을 사용하여 다른 앱과 통신합니다.

웹 소켓을 통해 다른 사용자에게 다른 메시지를 보내도록 예약하는 방법

클라이언트 웹 소켓은 프록시를 통해 연결

nginx를 통해 Play 서버에 대한 프록시 보안 웹 소켓

웹 프록시를 통해 편안한 웹 서비스 사용

노드로 웹 소켓을 통해 비디오 스트리밍

소켓을 사용하여 숨겨진 서비스의 웹 페이지를 연결하고 다운로드

TCP / IP 소켓 (웹 서버)을 통해 파일 보내기

TOP 리스트

  1. 1

    Ionic 2 로더가 적시에 표시되지 않음

  2. 2

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  3. 3

    std :: regex의 일관성없는 동작

  4. 4

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  5. 5

    java.lang.UnsatisfiedLinkError : 지정된 모듈을 찾을 수 없습니다

  6. 6

    rclone으로 원격 디렉토리의 모든 파일을 삭제하는 방법은 무엇입니까?

  7. 7

    상황에 맞는 메뉴 색상

  8. 8

    SMTPException : 전송 연결에서 데이터를 읽을 수 없음 : net_io_connectionclosed

  9. 9

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  10. 10

    Windows cmd를 통해 Anaconda 환경에서 Python 스크립트 실행

  11. 11

    다음 컨트롤이 추가되었지만 사용할 수 없습니다.

  12. 12

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  13. 13

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  14. 14

    Cassandra에서 버전이 지정된 계층의 효율적인 모델링

  15. 15

    복사 / 붙여 넣기 비활성화

  16. 16

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  17. 17

    Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?

  18. 18

    SQL Server-현명한 데이터 문제 받기

  19. 19

    Seaborn에서 축 제목 숨기기

  20. 20

    ArrayBufferLike의 typescript 정의의 깊은 의미

  21. 21

    Kubernetes Horizontal Pod Autoscaler (HPA) 테스트

뜨겁다태그

보관