Add chroma key overlays to your webcam feed for streaming!
Webcam Effects for Streaming Application
During online streams, a lot of gamers will display his/her webcam on the stream for viewers to see. Sometimes it would be nice to change the shape of your webcam to match the UI of your game (e.g. the hexagonal shape common in MOBAs).
Webcam Effects simply displays your webcam in a standalone Chrome window and allows you to set a \"shape\" of your video. The shape puts an solid colored overlay on your video feed that can be detected by the chroma key features of most streaming software (e.g. X-Split, Open Broadcast Software, etc.)
Features:
- Rounded Rectangle
- Hexagon
- Circle
- User-selectable chroma key color
- User-selectable border color
Webcam Effects is provided free of charge by Twitch streamer DevCakes in the hopes that it will be useful to other streamers.
Read more
Webcam Effects simply displays your webcam in a standalone Chrome window and allows you to set a \"shape\" of your video. The shape puts an solid colored overlay on your video feed that can be detected by the chroma key features of most streaming software (e.g. X-Split, Open Broadcast Software, etc.)
Features:
- Rounded Rectangle
- Hexagon
- Circle
- User-selectable chroma key color
- User-selectable border color
Webcam Effects is provided free of charge by Twitch streamer DevCakes in the hopes that it will be useful to other streamers.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_appName__", "description": "__MSG_appDescription__", "version": "1", "manifest_version": 2, "default_locale": "en", "permissions": [ "app.window", "notifications", "storage", "videoCapture" ], "icons": { "16": "images/icon-16.png", "128": "images/icon-128.png" }, "app": { "background": { "scripts": [ "scripts/background.js" ] } }, "commands": { "shape-none": { "suggested_key": { "default": "Ctrl+Shift+1" }, "description": "Set shape to none", "global": true }, "shape-hexagon": { "suggested_key": { "default": "Ctrl+Shift+3" }, "description": "Set shape to hexagon", "global": true }, "shape-circle": { "suggested_key": { "default": "Ctrl+Shift+4" }, "description": "Set shape to circle", "global": true }, "shape-rounded": { "suggested_key": { "default": "Ctrl+Shift+2" }, "description": "Set shape to rounded rectangle", "global": true } }}
Read more