목차
H5 응용 프로그램 HTTP 환경 하에서 미디어 장치 액세스 문제 및 솔루션
웹 프론트엔드 HTML 튜토리얼 http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까?

http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까?

Apr 05, 2025 am 07:30 AM
브라우저 Google 구글 크롬

http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까?

H5 응용 프로그램 HTTP 환경 하에서 미디어 장치 액세스 문제 및 솔루션

H5 응용 프로그램을 배포 할 때, 특히 navigator.mediaDevices 사용하여 비디오 미디어 리소스를 얻을 때 HTTP 페이지에서 undefined 상황에 종종 발생합니다. iframe이 HTTPS 프로토콜을 사용하더라도 루트 페이지는 HTTP입니다. 여전히 권한 문제가 발생합니다.

예를 들어, 루트 페이지는 HTTP이고 내장 된 iframe은 https입니다. navigator.mediaDevices 는 여전히 iframe 내에서 액세스 할 수 없습니다. 그것을 해결하는 방법?

효과적인 방법은 Google Chrome 보안 정책을 수정하는 것입니다.

  1. 크롬 실험 기능 페이지를 열려면 chrome://flags/#unsafely-treat-insecure-origin-as-secure
  2. "안전한 원산지로 취급 된 안전한 기원"옵션을 찾으십시오 (일반적으로 강조 표시).
  3. 이 옵션을 "활성화"로 설정하고 텍스트 상자에 HTTP 도메인 이름을 입력하십시오.
  4. 브라우저를 다시 시작하여 구성이 적용되도록하십시오.

이 방법은 검증되었으며 실제 응용 프로그램에서 효과적이며 HTTP 페이지에서 navigator.mediaDevices 권한 문제를 해결할 수 있습니다. 이 방법은 브라우저 보안 설정을 수정하고 테스트 또는 특정 개발 환경에서만 사용됩니다. 생산 환경에서 조심하고 보안을 위해 HTTPS 배포 우선 순위를 정하십시오.

위 내용은 http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Ouyi Exchange Ouyi Exchange 등록 자습서에 계정을 등록하는 방법 Ouyi Exchange Ouyi Exchange 등록 자습서에 계정을 등록하는 방법 Apr 24, 2025 pm 02:06 PM

OUYI 계정을 등록하는 단계는 다음과 같습니다. 1. 유효한 이메일 또는 휴대폰 번호를 준비하고 네트워크를 안정화시킵니다. 2. Ouyi의 공식 웹 사이트를 방문하십시오. 3. 등록 페이지를 입력하십시오. 4. 정보를 등록하고 작성하려면 이메일 또는 휴대폰 번호를 선택하십시오. 5. 검증 코드를 얻고 입력하십시오. 6. 사용자 계약에 동의합니다. 7. 등록 및 로그인을 완료하고 KYC를 수행하고 보안 조치를 설정하십시오.

Binance 다운로드 링크 Binance 다운로드 경로 Binance 다운로드 링크 Binance 다운로드 경로 Apr 24, 2025 pm 02:12 PM

Binance 앱을 안전하게 다운로드하려면 공식 채널을 살펴 봐야합니다. 1. Binance 공식 웹 사이트를 방문하십시오. 2. 앱 다운로드 포털을 찾아서 클릭하십시오.

Apple 휴대 전화 용 Ouyi Exchange 앱의 공식 웹 사이트 다운로드 Apple 휴대 전화 용 Ouyi Exchange 앱의 공식 웹 사이트 다운로드 Apr 28, 2025 pm 06:57 PM

Ouyi Exchange 앱은 Apple 휴대 전화 다운로드를 지원하고, 공식 웹 사이트를 방문하고, "Apple Mobile"옵션을 클릭하고, App Store에 입력하고 설치하고, Cryptocurrency 거래를 수행하려면 등록 또는 로그인합니다.

참깨 오픈 도어 공식 웹 사이트 입구 참깨 오픈 도어 공식 최신 입구 2025 참깨 오픈 도어 공식 웹 사이트 입구 참깨 오픈 도어 공식 최신 입구 2025 Apr 28, 2025 pm 07:51 PM

참깨 오픈 도어는 암호 화폐 거래에 중점을 둔 플랫폼입니다. 사용자는 공식 웹 사이트 또는 소셜 미디어를 통해 포털을 얻을 수있어 액세스 중에 SSL 인증서 및 웹 사이트 컨텐츠의 진위가 확인되도록 할 수 있습니다.

Binance 공식 웹 사이트 입구 Binance 공식 최신 입구 2025 Binance 공식 웹 사이트 입구 Binance 공식 최신 입구 2025 Apr 28, 2025 pm 07:54 PM

Binance 공식 웹 사이트를 방문하여 HTTPS 및 Green Lock 로고를 확인하여 피싱 웹 사이트를 피하면 공식 응용 프로그램에도 안전하게 액세스 할 수 있습니다.

OUYI 공식 웹 사이트 입구 OUYI 공식 최신 입구 2025 OUYI 공식 웹 사이트 입구 OUYI 공식 최신 입구 2025 Apr 28, 2025 pm 07:48 PM

공식 입구에 액세스 할 수 있도록 Okex와 같은 신뢰할 수있는 거래 플랫폼을 선택하십시오.

Laravel 라이브 채팅 응용 프로그램 : WebSocket 및 Pusher Laravel 라이브 채팅 응용 프로그램 : WebSocket 및 Pusher Apr 30, 2025 pm 02:33 PM

Laravel에서 라이브 채팅 애플리케이션을 구축하려면 WebSocket 및 Pusher를 사용해야합니다. 특정 단계에는 다음이 포함됩니다. 1) .env 파일의 푸시어 정보 구성; 2) 방송 드라이버를 Broadcasting.php 파일에 Pusher로 설정합니다. 3) 푸셔 채널을 구독하고 Laravelecho를 사용한 이벤트를 듣습니다. 4) 푸셔 API를 통해 메시지를 보내십시오. 5) 개인 채널 및 사용자 인증 구현; 6) 성능 최적화 및 디버깅을 수행하십시오.

휴대 전화에서 기본 선택을 사용할 때 어떤 문제가 발생합니까? 휴대 전화에서 기본 선택을 사용할 때 어떤 문제가 발생합니까? Apr 30, 2025 pm 03:06 PM

모바일 장치에서 애플리케이션을 개발할 때 휴대폰에 대한 기본 선택 문제는 종종 사용자가 선택 해야하는 시나리오에 직면합니다. 네이티브 셀 ...

See all articles