일부 HTML5 자료로 돌아가서 Close Pixelate 라이브러리와 getUserMedia API을 결합하려고했습니다. 나는 날아 다니는 스트림을 pixelate하고 싶다. (나는 프레임 속도가 아주 낮을 것이다.) 가능한가요? Image 대신 Close-Pixelate에 비디오 객체를 제공하고 싶습니다.HTML5로 픽셀 비디오 스트림
This video by Rob Hawkes 저에게 아이디어를주었습니다.
솔루션 : http://jsfiddle.net/N46QF/ (당신은 크롬에서 활성화의 MediaStream와 구글 크롬 카나리아 필요 : // 플래그가 일하러 가야 /)
예 나는 이것이 가능하다고 생각합니다. 그러나 픽셀 단위로 동영상의 프레임을 조작하려면 먼저 간격을 사용하여 캔버스에 그려야합니다 (fiddle, firefox 및 chrome에서 테스트 됨).
Close Pixelate 라이브러리는 이미지를 입력으로 간주하므로 (캔버스에 즉시 그립니다) 코드를 약간 수정해야 캔버스를 직접 전달할 수 있습니다.
라이브러리가 일정 간격으로 반복적으로 인스턴스화되거나 프레임 속도가 허용되는지 여부는 알 수 없지만 테스트하기에 충분해야한다고 생각합니다. 나는 확실히 결과를 보는 것에 흥미가있을 것이다!
Close Pixelate 라이브러리를 포크로 작성하여 이미지 또는 캔버스를 입력으로 허용하도록 수정하는 것이 유용 할 수 있으므로 유용 할 수 있습니다.
우후, 효과가있었습니다. http://jsfiddle.net/N46QF/ –
에이스입니다. Johan 좋은 직장. –
예, 가능합니다. – Phrogz