The primary use of a gamepad viewer is to display the controller on stream. How to Show a Controller on Stream / OBS? Your changes will be reflected in real time on the screen. Here you can dimensions, colors, size, background etc to your own preference. Just right click in the browser window and choose ‘Inspect Element’ from the context menu. You may also edit one of the preloaded skin using the Inspect Element feature of your browser. Once you have your custom skin ready, use the following code to use it on the gamepad tester. While you are making a custom skin, just make sure to use the same class name as preloaded skins so that tool works properly with the new skin. To make a custom skin for a gamepad viewer, you must have working knowledge of CSS and know how to make a CSS file from scratch. In case you don't want to use skins that everybody can use, you can make your own custom skin as well.

Our custom skin collection includes all the popular game controllers like Xbox 360, PS3, PS4, Gamecube, FightPad Pro etc. To enable any custom skins (or custom controller overlay), all you need to do is click on the skin of your choice in the Custom Skins section and you will instantly see the new skin on the screen. There are 12 custom skins that you can use in the gamepad viewer. Still not working? Share the error in the comments and I will help you get it working for you. If you are facing any issues in connecting your controller to the gamepad viewer, try removing and plugging in the controller again.

Not only the A,B,X,Y, Up, Down, Left, Right buttons, you can also see the movement of left and right sticks as well as shoulder triggers.

Press any button on your gamepad and you will be able to see the same button get highlighted on the screen.

Now, you will see the default gamepad graphic in your browser window.

If it does not detect, press any key on the gamepad to wake it up.

Once the game controller is connected successfully, the tool will detect the device itself.

Connect your gamepad to your laptop or desktop where you have opened the gamepad tester.

You will see a screen that shows ‘No gamepad connected’.

Open on any browser that supports HTML5 such as Chrome, Firefox etc.

Connecting Your Controller to Gamepad Viewer / Testerįollow the instructions below to use the gamepad viewer for streaming or testing your controller. This tool is developed using the HTML5 gamepad tester API to report the actions of gamepads, joysticks or anything that supports the API. It can also be used as a controller test to check if all the buttons on your controller are working properly. This is very helpful for game streamers who want to show their gamepad actions to their screen.

Gamepad Viewer, also called gamepad tester, is an online tool that allows you to display controller input on screen.

Software eyota gamepad