비디오속삭임에서 HTML5 및 WebRTC 스트리밍 문제 해결

VideoWhisper 솔루션이 올바르게 구성된 후 발생할 수 있는 문제를 식별하고 해결하기 위해 이 자습서를 사용합니다., 테스트 및 실행. 당신이 돈 경우 #8217;t는 설치, 아직 턴키 솔루션에 대한 계획을 얻을, 예제에서 HTML5 비디오 채팅 .

문제 해결 전에 최신 플러그인이 있는지 확인, 문제가 이전 버전과 관련이 없도록 설치된 솔루션. 기술로, 브라우저 및 스트리밍 서버 업데이트, 또한 일치하는 솔루션이 업데이트되고 이전 버전이 더 이상 작동하지 않을 수 있습니다..

스트리밍 문제에는 다양한 원인이 있을 수 있습니다.: 설정 구성 설정, 스트리밍 서버에 대한 사용자 인터넷 연결, 네트워크 조건 및 스트리밍 프로토콜의 적합성, 브라우저 유형 및 버전.

최고의 라이브 스트리밍 안정성과 시청자 경험, 방송사/출연자는 사용 가능한 가장 전문적인 설정을 사용하는 것이 좋습니다, 시청자에게 최상의 서비스를 제공하기 위해. 이는 가장 많은 처리 능력을 갖춘 최고의 장치를 의미합니다. (가능한 경우 컴퓨터), 최상의 연결 (유선 또는 WiFi 5Ghz), 웹 기반 WebRTC 대신 OBS 또는 이와 유사한 것을 사용하여 RTMP에서 HLS로.

#8217 원인과 가능한 수정 사항을 식별하는 몇 가지 가능한 문제와 단계:

최신 사파리, 아이폰 OS 15 웹RTC 실패

와우자 SE 문서, disable the NSURLSession 웹소켓 특징:

  • 아이폰 OS : 열기 설정 응용 프로그램. 박 원정 여행, 그때 고급, 그런 다음 실험 기능.
  • 개인용 컴퓨터: 사파리 메뉴에서 > 선호 … > 고급 탭, 개발 메뉴 표시 가능. 그런 다음 메뉴 개발에서 > 실험 기능 비활성화 NSURLSession 웹소켓 .

비디오 픽셀화, 낮은 품질

1. 에서 HTML5 비디오 채팅 응용 프로그램 , 설정을 전환하고 선택한 스트리밍 해상도를 확인합니다. & 브로드캐스트 패널의 비트 레이트및 낮은 값으로 구성되지 않았는지 확인. 더 높은 비트 레이트와 해상도는 더 높은 품질을 제공해야합니다. 최대 비트 레이트라이센스 및 호스팅 계획에 의해 제한됩니다..
2. 또한 실제 스트리밍 비트 레이트 측정확인. 브로드캐스트 및 재생 패널 모두에서 측정을 얻기 위해 설정을 전환합니다..
+ 원하는 경우 사용 가능한 최고의 네트워크 사용: 5대신 와이파이에 GHz 2.4 G h z, 3G 대신 모바일용 LTE/4G, 무선 대신 유선.
+ 측정된 비트레이가 선택한 비트레이트에 가깝습니다..
+ 또한 패킷 손실과 같은 WebRTC 통계를 제공으로 PC에서 크롬을 사용, 대기 시간, 지터.
3. 스트리밍 비트 레이트 조정을 시도하고 새로운 설정에 따라 실제 비트 레이트가 달성되는지 확인. 최대 비트 레이트라이센스 및 호스팅 계획에 의해 제한됩니다..
– 또한 WebRTC는 UDP에 사용할 수 있는 연결 및 네트워크 조건에 따라 품질을 조정합니다..
혼잡한 네트워크 및 Wi-Fi / 모바일은 WebRTC UDP를 사용할 때 신호에 따라 패킷 손실을 생성할 수 있습니다.. 패킷 손실로 인해 중단, 픽셀화, 품질 이 내립니다., 자동 비트 전송률 다운그레이드 (브라우저에 의해 강제).
4. OBS와 RTMP TCP 방송을 시도 / Larix Broadcaster 또는 기타 인코더, 아래에 언급 된 바와 같이. TCP는 패킷을 다시 보냅니다., WiFi 또는 모바일 연결과 관련된 신호 문제 해결.
5. WebRTC 및 RTMP 스트리밍에 문제가 발생하는 경우, 인터넷 연결 측정 (아래 지침 참조).

브로드캐스터 스트리밍 중단, 빈번한 오류, 스트리밍 하는 동안 느린 웹사이트

일부 방송사는 인터넷 연결 속도로 인해 문제가 발생할 수 있습니다., 위치 (스트리밍 서버에서 매우 멀리 떨어져 있습니다.). 연결이 낮을 경우 최대 스트리밍 비트 레이트 조정이 필요합니다., 따라서 사용 가능한 모든 대역폭을 사용하지 #8217;t.

1) 연결 옵션이 여러 개인 경우, 다른 연결을 시도.
+ Wi-Fi용, 5Ghz 밴드는 이전 에 비해 비디오 스트리밍에 대 한 더 나은 2.4 Ghz 기술.
+ 모바일용, Lte / 4G는 오래된 3G보다 낫습니다..
+ 유선 연결은 무선보다 더 신뢰할 수 있습니다..
2) 스트리밍 서버에 가까운 위치에 방송 위치에서 속도 테스트를 할.
1. 로 가다 https://www.speedtest.net .
2. 서버 변경 및 보하르노이스 서버 검색 (북미 지역).
3. GO를 눌러 측정시작.
3. 왼쪽 상단 아이콘에서 측정 링크를 얻고 직원과 공유하십시오..
브로드캐스터 업로드 연결은 비디오를 처리해야 합니다. + 오디오 스트림 및 기타 상호 작용 및 웹 요청.
3) 일부 네트워크 조건에서 UDP 스트리밍은 전혀 작동하지 않거나 낮은 비트 레이트 및 안정성을 제공하지 않을 수 있습니다. (픽셀화로 표시, 중단).
브로드 캐스터는 PC에 대한 OBS를 다운로드 할 수 있습니다 / 브로드캐스트 탭의 지침에 따라 모바일용 Larix Broadcaster는 WebRTC UDP 대신 RTMP TCP로 브로드캐스트합니다..

단절에 대한 연결은 높으며 스트리밍 품질은 낮음/중단됩니다., 설정에서 높은 비트 레이트 구성하지만

HTML5 비디오 채팅 응용 프로그램에서 라이브 비트 레이트 통계를 확인, 크롬 사용 / 용감한 고급 통계를 얻으려면.
+ 사용 가능하고 아직 사용하지 않는 경우 보다 신뢰할 수 있는 네트워크 옵션으로 전환: 5대신 와이파이에 GHz 2.4 G h z, 3G 대신 모바일용 LTE/4G, 무선 대신 유선.
+ 시도 OBS / 라릭스 브로드캐스터 RTMP 스트리밍.
연결 비트 비율이 높고 라이브 스트리밍 비트 속도가 구성된 비트레이보다 낮은 경우, UDP를 통해 스트리밍되는 네트워크 조건 및 WebRTC 프로토콜과 관련이 있을 수 있습니다.. 높은 품질과 신뢰성을 위해, 데스크톱용 OBS 또는 Larix Broadcaster 모바일과 같은 RTMP TCP 앱을 사용하여 방송이 가능합니다., 웹 브라우저에 의존하지 않고 직접 스트리밍 서버에. RTMP 스트림은 HTML5 HLS로 사이트 사용자에게 전달됩니다..

브로드캐스터 브라우저 스트리밍 실패 오류, 메시지 다시 시도, 권한 오류, 목록에서 카메라를 사용할 수 없습니다.

– HTTPS를 통해 사이트를 로드하고 있는지 확인합니다. (카메라를 게시하는 데 필요합니다.) HTTP가 아닙니다..
– 브라우저 다시 시작.
– 다른 브라우저로 테스트: 크롬, 파이어 폭스, 용감한, 원정 여행, 가장자리.
시도하십시오. 용감한 브라우저 (크롬 개인 정보 보호 중심 포크).

느린 사이트 또는 간헐적 사이트와 관련된 간헐적 연결 문제 503 웹 오류 / APP 웹 요청 오류

웹 호스팅 리소스는 사이트 복잡성 및 로드로 전력이 부족할 수 있습니다..
-사이트 복잡성을 줄이세요. (플러그인을 제거하여) 요청당 리소스 로드.
-더 높은 플랜으로 업그레이드 HTML5 웹RTC 릴레이 호스팅 .

브로드캐스트 스트림이 연결되지 않거나 연결이 끊어집니다.

비트 레이트 확인 (비디오 + 오디오) 계획 호스팅 한도 내에 있습니다.. 더 높은 비트레이를 브로드캐스트하려고 하면 모든 연결 시도가 거부되는 동안 자동 스트림 거부 및 짧은 재사용 대기 시간이 발생합니다..
클라이언트 업로드 보기 (Kbps) 당신의 계획에 대한 HTML5 웹RTC 릴레이 호스팅 더 낮은 구성.

특정 사용자만 스트리밍을 #8217 수 있습니다.

– 브라우저 문제: 브라우저를 최신 버전으로 업그레이드하거나 다른 HTML5 브라우저를 사용해 보십시오. 용감한 브라우저 . 브라우저는 최신 WebRTC 기능 과 코덱을 지원해야 합니다.. 이전 브라우저 및 버전이 작동하지 않습니다. (에서 윈도우 사용 에지 하지 인터넷 익스플로러).
– 네트워크 문제: 다른 네트워크 프로토콜 사용: 브로드 캐스터는 PC에 대한 OBS를 다운로드 할 수 있습니다 / 브로드캐스트 탭의 지침에 따라 모바일용 Larix Broadcaster는 WebRTC UDP 대신 RTMP TCP로 브로드캐스트합니다..
– 방화벽 문제: 사용자에게 방화벽이 있는 경우 방화벽을 일시적으로 비활성화하여 원인인지 식별할 수 있습니다.. 필요한 포트 및 프로토콜은 스트리밍 방법에 따라 다릅니다., 서버 및 사이트 구성.

방문자는 연결 또는 스트리밍을 #8217 수 있습니다. (로그인 하지 않고)

방문자 문제만 캐시 및 사이트에서 정적 콘텐츠를 요청에 제공하는 문제와 관련이 있습니다..
WP 슈퍼 캐시에서 쿠키가 있는 사이트 방문자에 대 한 캐시를 비활성화할 수 있습니다..

소리가 나지 않습니다.

– 브로드캐스터가 올바른 입력 장치를 선택해야 합니다. (마이크). 방송 할 때. 브로드캐스트 탭을 열어 입력 장치/설정을 변경합니다..
– 시청자가 사용해야 합니다. “사운드 탭” 버튼을 눌러 오디오를 활성화합니다..
브라우저는 소리와 함께 자동화 된 비디오 재생을 허용하기 위해 사용자 상호 작용이 필요합니다. 때때로 재생이 전혀 허용되지 않으며 응용 프로그램이 “탭하여 재생” 단추.
이것은 브라우저 기능입니다. / 제한.
– 스트림 또는 페이지를 다시 로드해 보세요.. 네트워크 조건 및 브라우저에 따라 다름, WebRTC UDP 브로드캐스트에서 오디오 스트림이 누락될 수 있습니다.. 안정성 향상을 위해 RTMP TCP를 통한 OBS/Larix Broadcaster 스트리밍을 사용해 보세요..

웹캠 또는 마이크에 액세스할 수 없음

웹 기반 응용 프로그램은 시스템에서 제공하는 장치를 사용합니다. / 웹RTC에 브라우저 . 시도하십시오. 웹RTC 샘플 사용 가능한 장치를 확인하려면. 시스템 / 브라우저는 WebRTC 사용에 액세스할 수 있도록 하지 않습니다., WebRTC 기반 응용 프로그램은 액세스할 수 없습니다..
-최신 브라우저에서 웹캠/마이크를 게시하려면 SSL이 필요하므로 HTTPS가 아닌 HTTP를 통해 액세스해야 합니다..
-다른 시도 브라우저.
-브로드캐스트 탭의 설정으로 OBS로 방송해 보세요..
-사용 가능한 경우, 레거시 플래시 기반 응용 프로그램을 시도.
-브라우저 WebRTC 지원에 대한 자세한 내용은, 하드웨어 공급자 지원으로 확인.

테스트 방법

– 시도 라이브 데모 , 바람직하게는 크롬을 사용 / 용감한 고급 통계를 얻으려면. 라이브 데모에서 문제가 발생하지 않는 경우, 설치와 관련된 원인일 수 있습니다.. 동일한 문제가 발생하는 경우, 이러한 클라이언트 브라우저와 관련이 있을 수 있습니다. / 연결.
– 사용 가능하고 아직 사용하지 않는 경우 더 나은 네트워크 옵션으로 전환: 5대신 와이파이에 GHz 2.4 G h z, 3G 대신 모바일용 LTE/4G, 무선 대신 유선.
– 브라우저를 최신 버전으로 업데이트. 문제가 특정 브라우저와 플러그인에 특정 인지 식별 하려면 다른 브라우저를 시도. 플러그인없이 동일한 브라우저를 테스트 할 수있는 경우 플러그인없이 개인 정보 보호 모드에서 새로운 탭 / 창을 열어보십시오.
– 다른 컴퓨터에서 사용해 보십시오. / 모바일 장치, 사용 가능한 경우, 장치가 특정한 지 확인하려면.
– 다른 ISP에서 사용해 보십시오. (예를 들어 WiFi가 꺼진 모바일 장치에서 모바일 네트워크를 사용하도록 액세스합니다.) 연결과 관련된 문제가 있는지 확인하려면.
– 파트너, 다른 위치 테스트의 친구가 테스트 환경과 관련이 있는지 확인합니다..

제한

– 라이브 방송은 라이브 비디오를 전송하기에 충분한 업로드 비트 레이트와 신뢰할 수있는 고속 인터넷 연결이 필요합니다. 그렇지 않으면 전송이 실패하거나 프레임 손실 및 중단으로 낮은 품질로만 수행 할 수 있습니다..
옵션: 신뢰할 수 있는 고속 인터넷 연결이 없는 사용자는 라이브 비디오를 브로드캐스트하지 못할 수 있습니다.. 마이크 오디오만 전송할 수 있습니다.. 낮은 연결 사용자는 채팅에서 비디오 / 오디오 메시지를 기록하고 전송하려고 시도 할 수 있습니다. (웹 요청이 시간 제전에 응답하지 않는 경우).
– 라이브 재생하려면 라이브 비디오를 재생할 수 있는 다운로드 비트레이가 있는 고속 인터넷 연결이 필요합니다..
이러한 제한사항은 사용자 #8217;인터넷 연결과 관련이 있으며 서버 또는 소프트웨어 수준에서 #8217 정렬할 수 있습니다..
– 모든 기능을 지원하기 위해 최신 HTML5 브라우저 기술이 필요합니다.. 부분 적인 지원이 있는 일부 브라우저는 비디오 녹화 또는 방송을 허용하지 않을 수 있습니다.. 일부 기능은 고급 브라우저 기능에서 활성화 한 후에만 사용할 수 있습니다.. 예를 들어 기록해야 합니다. 미디어 레코더 API.

내 검토

검토 양식....

리뷰

로드 리뷰....