2 개의 다른 MediaStream을 1 개의 MediaStream으로 변환하고 싶습니다. 예 : 움직이는 텍스트 스트림이 있으며이 텍스트를 웹캠 스트림에 오버레이하고 싶습니다. 내가 어떻게 할 수 있니? 고려하는여러 개의 MediaStream을 1 개의 스트림으로 변환하십시오.
어떤 것들은 : - 난 웹캠 의 상단에 움직이는 텍스트를 '구울'할 - 아니 여러 videotracks가 - 차라리 toDataURL를 사용하거나 캔버스에 렌더링하고 1로 변환 할 것 이것은 거대한 CPU 돼지이기 때문에 스트림.
이 대답은 아직 구현되지 않은 사양과 아직 작성해야 할 사양에 따라 달라집니다. 1) 비디오 및 텍스트 스트림 받기 2) 비디오 스트림에 텍스트 스트림을 병합하려면 webgl을 사용하십시오. webgl은 이것을 할 수있는 것을 가지고 있으며 효과적으로 녹색 화면 기술이다. 3) 캔버스에 webgl 프레임 덤프 4) canvas.captureStream()을 통해 캔버스에서 mediastream을 얻는다. 이 글은 아직 작성되지 않았습니다. 우리 모두는 그것이 좋은 것이라고 동의합니다.
진정한 텍스트 인 경우 DataChannel을 통해 병렬로 제공하고 수신 측에서 텍스트 오버레이로 렌더링하십시오 일 e. 이것은 오늘날 효과적이고 훨씬 더 효율적입니다. 텍스트의 대역폭은 최소가됩니다.
두 개의 개별 비디오 요소에 미디어 스트림을 첨부 한 다음 절대 위치에 배치 할 수 있습니다. –
내 질문에 언급 된대로 여러 미디어 스트림을 사용하고 싶지 않습니다. 내 응용 프로그램은 특별히 대역폭을 최소화하기 위해 1 스트림을 사용해야합니다. –