2014-10-08 2 views
4

내가 뭘하고 있는지는 일종의 화상 회의 도구입니다. 최근에 비디오 프로세싱에 대한 연구를하고 있으며 비디오 요소를 캔버스와 함께 사용하는 것으로 보인다. 그러나, 저는 연결된 모든 클라이언트에 비디오 스트리밍을 위해 WebRTC를 사용하고 있습니다.이 때문에 MediaStream이 필요합니다. 그래서 캔버스 요소에서 MediaStream을 검색하는 방법을 찾고 있습니다. 가는 길에 캔버스에서 비디오 파일을 만드는 Whammy http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/이라는이 프로젝트를 발견했습니다. 그러나 내가 이해하는 한, 라이브 스트리밍 용으로 제작 된 것은 아닙니다.html5 캔버스에서 비디오

한 가지 대안은 원격 클라이언트에서 스트림 및 처리 방법에 대한 정보를 전송하여 비디오 처리를 수행하는 것입니다. 그러나 이것은 거의 클라이언트에서 잘 작동하지 않을 수 있지만, 다중 사용자 회의의 경우에는 실시간 비디오 처리가 아직도 계산 집약적이기 때문에 확장되지 않는 것으로 느껴집니다. 모든 클라이언트는 연결된 모든 클라이언트의 모든 비디오 스트림을 처리해야합니다.

내게는 일방 통행처럼 보입니다. 비디오 내용을 캔버스에 넣는 것은 꽤 쉽습니다. 다른 방법은 꽤 어렵습니다. Canvas 요소에서 MediaStream을 만들기위한 라이브러리가있을 수도 있지만 아무것도 발견하지 못했습니다. 그 달성 방법에 대한 아이디어가 있습니까?

최저

, 펠릭스

답변

0

이 질문에 게시 된 이후이 많이되지 않은, 그러나이 전면에 조금 진행하고있다.

MediaStream Recording 표준을 사용하면 MediaRecorder API를 사용하여 스트림 (예 : WebRTC)을 비디오 파일 형식으로 녹화 할 수 있습니다.

실험용 플래그 (chrome : // flags ->실험용 웹 플랫폼 기능)를 통해 후자를 활성화하는 Chrome (비디오 전용)뿐만 아니라 최신 Firefox에서도 작동합니다.

this resource for examples도 참조하십시오.

관련 문제