├── README.md ├── app.css ├── camera.html ├── index.html ├── opencv.js ├── opencv_js.js ├── opencv_js.wasm ├── trailer.mp4 └── video.html /README.md: -------------------------------------------------------------------------------- 1 | # Video processing demo using OpenCV.js 2 | 3 | This demo contains simple examples of video processing using OpenCV by converting 4 | a video stream to gray scale in real time. 5 | 6 | - `camera.html` uses video stream from a camera device 7 | - `video.html` uses a video loaded from file 8 | 9 | The video used in the demo is the [Sintel trailer](https://media.w3.org/2010/05/sintel/trailer.mp4). -------------------------------------------------------------------------------- /app.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 3 | } -------------------------------------------------------------------------------- /camera.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | OpenCV Video Examples - Camera 5 | 6 | 7 | 8 |

OpenCV Camera

9 |
10 | 11 |
12 | 13 | 14 | 15 | 84 | 85 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | OpenCV Video Examples 5 | 6 | 7 | 8 |

OpenCV Video Examples

9 | 10 | 14 | 15 | -------------------------------------------------------------------------------- /opencv_js.wasm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/habbes/opencv-web-video/27f507752d5d3706320c184a26679fa45eb95efc/opencv_js.wasm -------------------------------------------------------------------------------- /trailer.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/habbes/opencv-web-video/27f507752d5d3706320c184a26679fa45eb95efc/trailer.mp4 -------------------------------------------------------------------------------- /video.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | OpenCV Video Examples - Video 5 | 6 | 7 | 8 |

OpenCV Video

9 | 10 | 11 | 12 | 65 | 66 | --------------------------------------------------------------------------------