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


84

JavaScript를 사용하여 라이브 비디오 를 스트리밍하는 가장 빠른 방법은 무엇입니까 ? TCP를 통한 WebSockets는 예를 들어 30fps의 비디오를 스트리밍하기에 충분히 빠른 프로토콜입니까?


1
Gert G : 무엇을 추천 하시겠습니까? 나는 메모리 소비를 상대적으로 낮게 유지하는 것을 선호하는데, 그것이 충분한 속도를 제공 할 수 있다면 JS (HTML5 캔버스 업데이트)가 더 나은 옵션처럼 보이는 이유입니다.
SMiLE 2010

1
죄송합니다. 파일에 저장된 일부 비디오를 스트리밍하는 것이 아니라 라이브 스트리밍에 관심이 있다는 것을 언급하는 것을 잊었습니다. <video>에서 제공 할 수 있습니까?
SMiLE 2010

2
나는 스트리밍 부분 에 대해 그렇게 걱정하지 않고 오히려 그러한 방식으로 스트리밍 된 비디오를 렌더링 하는 방법에 대해 걱정할 것 입니다. 그게 가능할까요?
deceze

4
속도 반대자들에게 HTML 5 : The Wilderness Downtown (Chrome, 비디오) thewildernessdowntown.com 및 Quake in HTML 5 (Chrome, 프레임 속도)를 사용한 빠른 프레임 및 비디오 속도의 예입니다. techcrunch.com/2010/04/01/ google-html5-quake 몇 가지 개념 증명. 개선 될뿐입니다. 누군가가 이미 그렇게하지 않았다면, 누군가는 곧 악 대차에 뛰어 들어 시장에서 초기 플레이어가되는 혜택을 거둘 것입니다. IE를 위해 숨을 참을 수 있을까요? I dunno '
John K

2
예를 들어 주셔서 감사합니다. John K.
SMiLE 2010

답변:


79

TCP를 통한 WebSockets는 30fps의 비디오를 스트리밍하기에 충분히 빠른 프로토콜입니까?

네 ..이 프로젝트를 보세요 . Websockets는 HD 비디오 스트리밍을 쉽게 처리 할 수 ​​있습니다.하지만 적응 형 스트리밍을 선택해야합니다. 여기서 어떻게 구현할 수 있는지 설명 합니다.

현재 우리는 채팅, 파일 공유 및 비디오 / 웹캠을 지원하는 웹 기반 인스턴트 메시징 응용 프로그램을 개발하고 있습니다. 약간의 비트와 트릭을 통해 웹 소켓을 통해 스트리밍 미디어를 얻었습니다 (HTML5 미디어 캡처를 사용하여 웹캠에서 스트림을 가져옴).

관련 미디어 처리 및 전송을 제어하려면 stream API및 a 를 빌드해야합니다 Media Stream Transceiver.


4
대단합니다, 감사합니다! 나는 전혀 적응 적이 지 않은 매우 기본적인 비디오 스트리밍 구현을 시도하고 결과를보고 그에 따라 진행할 것이라고 생각합니다. 이것이 가능하다는 것을 아는 것은 매우 고무적입니다! 튜토리얼도 매우 유용합니다.
SMiLE 2010

1
예 .. 간단한 응용 프로그램으로 시작하는 것이 좋습니다. 라이브 스트리밍에 필요한 대부분의 기술을 직접 구축해야하는데, 이는 A. 시작 만하고 B. 혼자 일 때 선택 사항이 아닐 것입니다. 행운을 빕니다.
Wouter Dorgelo 2010

@ Mr.Pallazzo는 무엇을 위해 앱을 만들고 있습니까? 사업? 어떻게 지내시는지 연락 드릴 수 있을까요?
Alistair 2012

@WouterDorgelo 웹 소켓을 통해 HD 스트리밍을 할 때 앱 성능은 어떻습니까?
쿼크

비디오를 녹화 CCTV하여 웹 페이지에 라이브로 보여줄 수 Javascript있습니까?
shaijut


0

질문에 답하려면 :

JavaScript를 사용하여 라이브 비디오를 스트리밍하는 가장 빠른 방법은 무엇입니까? TCP를 통한 WebSockets는 30fps의 비디오를 스트리밍하기에 충분히 빠른 프로토콜입니까?

예, Websocket을 사용하여 30fps 및 60fps 이상을 전송할 수 있습니다.

Websocket의 주요 문제는 저수준이며 비디오 청크 전송 이외의 다른 문제를 처리해야한다는 것입니다. 대체로 비디오 및 오디오를위한 훌륭한 전송 수단입니다.


그렇다면 WebRTC는 어떻습니까? w3c와 같이 UDP 연결에서 작동하며 패킷 손실이 발생하면 문제가되지 않습니다. 반면에 WebSocket은 연결 지향적이며 발생하는 대기 시간으로 인해 사용자를 괴롭힐 수 있습니다.
M. Rostami

-1

확실히 생각할 수 있지만 아직 거기에 있는지 잘 모르겠습니다. 그동안 SilverlightIIS Smooth Streaming을 함께 사용하는 것이 좋습니다 . Silverlight는 플러그인 기반이지만 Windows / OSX / Linux에서 작동합니다. 언젠가는 HTML5 <video>요소 가 갈 길이 될 것이지만 잠시 동안은 지원이 부족할 것입니다.


응답 해 주셔서 감사합니다. 이 시점에서 Silverlight와 Flash가 더 나은 옵션이라는 데 동의합니다. 사용자와 (비디오 전송) 서버 간의 상호 작용에 대한 더 많은 가능성을 열어주기 때문에 Javascript 스트리밍에 관심이 있다고 생각합니다.
SMiLE 2010

조쉬의 의견에 동의해야합니다. 지금 스트리밍 미디어가 절실히 필요하다면 HTML5를 선택하지 마십시오.
Wouter Dorgelo 2010

6
누군가가 여전히 이것을 읽고있는 경우를 대비하여 : Silverlight의 첫 번째는 Linux 또는 모바일 시스템을 지원하지 않았습니다. Linux silverlight 지원은 결코 존재하지 않았습니다. 둘째, 최신 답변이 올바르게 지적했듯이 HTML5 / MSE 비디오 스트리밍은 이제 최신 브라우저에서 매우 잘 가능하며 모든 종류의 플러그인 기반 접근 방식보다 거의 모든 경우에 선호되어야합니다.
ntninja

3
그리고 누군가 아직도 이것을 읽고 있다면, 그날이 왔습니다. 하나님의 사랑을 위해
은빛을
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.