webGL을 사용하여 간단한 이미지 필터 / 분석을 수행하고 있습니다. 현재 제가하고있는 일은 두 개의 다른 이미지에 몇 가지 필터 (프레임 버퍼 사용)를 적용한 다음 결과를 하나의 이미지로 결합하는 것입니다. 지금까지 성공을 거두었지만 지금은 실시간으로 동영상에 적용하고 싶습니다. 여기에서 흥미로운 문제가 발생했습니다.
HTML 파일에 비디오를 정의하면 동시에 둘 다 재생할 수 있습니다. 하지만 런타임 중에 자바 스크립트로 동영상을 동적으로 추가하려고하면 동시에 재생할 수 없습니다. 또는 하나의 비디오를 재생하면 즉시 시작되지만 다른 비디오를 시작하려고하면 첫 번째 비디오가 내가 이해하는대로 완전히 버퍼링 될 때까지 시작되지 않습니다. 그래서 짧은 시간 동안 두 개의 비디오 만 재생됩니다 (그리고 오래 기다려야합니다).
새로운 비디오 요소를 만들고 동시에 재생할 수있는 방법이 있습니까? 가급적이면 소스를 마음대로 변경하고 동시에 버퍼링 / 재생할 수 있습니다.
명확히하기 위해 Chrome 및 HTML5 비디오 요소를 사용하고 있습니다. 또한 저해상도 / 작은 크기의 비디오를 사용하는 경우에도 작동합니다. 그러나 고해상도 / 큰 비디오를 사용하는 것은 작동하지 않습니다.
한 가지 해결책은 모든 비디오를 하나의 비디오에 넣는 것입니다. 예를 들어 4 개의 동영상이있는 경우 화면의 왼쪽 상단 1/4이 동영상 # 1, 오른쪽 상단이 동영상 # 2, 왼쪽 하단이 동영상 3 #, 오른쪽 하단이 동영상 # 4 인 동영상을 만듭니다.
그런 다음 유니폼이있는 셰이더를 사용하여 표시 할 텍스처의 모서리를 선택하거나 미리 구운 UV로 각 모서리에 쿼드를 만들어 표시 할 비디오 부분을 선택합니다.
이것은 확실히 가장 쉬운 방법입니다. 버퍼링이나 기타 문제없이 N 개의 동영상을 동시에 재생할 수있는 다른 솔루션은 없다고 생각합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다