An extension that adds a visualization of controller input to the page.
Controller Visualizer Extension
Adds an overlay to a website that visualizes controller input; helpful for screen sharing or recording when navigating with a controller.
Tested with Xbox and PlayStation controllers, but should work with any standard gamepad.
Read more
Tested with Xbox and PlayStation controllers, but should work with any standard gamepad.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Controller Visualizer", "version": "1.2.0", "description": "An extension that adds a visualization of controller input to the page.", "icons": { "128": "icons/icon128x128.png" }, "permissions": [ "activeTab", "scripting", "storage" ], "action": { "default_title": "Display Controller Visualizer" }, "options_ui": { "page": "options.html", "open_in_tab": false }, "background": { "service_worker": "background.js", "type": "module" }, "web_accessible_resources": [ { "resources": [ "images/*.png", "images/**/*.png", "./contentScript/content.js" ], "matches": [ "https://*/*" ] } ]}
Read more