Add chroma key overlays to your webcam feed for streaming!

Latest Version

Version
1
Update
May 25, 2015
Size
10.26KiB
Developer
Category
Users
285
Rating
1.88889 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
App.window
Notifications
Storage
VideoCapture
See more

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

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