javascript 프레임 워크가 비디오 후 처리에 필요합니다.

Question

canvas/html5를 사용하여 비디오 후 처리 (필터)를 수행하는 좋은 해결책이 있습니까?

나는 방금 https://github.com/brianchirls/Seriously.js을 찾았지만 webgl이 필요하며 몇 가지 대안이 필요합니다.

Answer 1

Ive는 RequestAnimationFrame과 캔버스로 재생되는 비디오를 결합한 다음 각 프레임에 Pixastic을 사용하여 약간의 성공을 거두었습니다. 이것은 비디오가 본질적으로 프레임 스토어에서 프레임 집합으로 처리되는 '하이 엔드'비디오 포스트 프로덕션 (핵, 화염 등에서 사용되는) 방식입니다. 나는 진지하게 이런 것들을 보았습니다. js와 그것들은 훌륭합니다. 그러나 비디오를 캔버스에 렌더링 할 때 당신은 단순히 이미지 시퀀스를 다루기 때문에 많은 자유가 있으며 거의 ​​모든 것을 사용할 수 있습니다 데이터를 표시하기 전에 데이터에 대한 이미지 필터/프로세스/알고리즘. 언급 할 다른 것은 픽시 스틱 효과가 webgl을 사용하지 않고 모두 작동한다는 것입니다 (따라서 Internet Explorer도 지원할 수 있습니다).

주제 오프 비트 만 :

PS : http://idflood.github.com/ThreeNodes.js/ 예 : http://idflood.github.com/ThreeNodes.js/public/index.html#example/postprocessing1.json

와 나는 실시간 노드 기반 후 자극 응용 프로그램이 기반으로 자바 스크립트 전체를 만들기 위해 마음을 했어 포괄적 인 FFT 세트 & webgl 향상된 효과 .. 정말 초기 단계입니다. 여기

http://marcinignac.com/blog/timeline-js

예 : 당신이하지 않았다면 http://vorg.github.com/timeline.js/examples/cssAnimation.html