How to Connect a Gamepad to the Browser [ HTML5 Gamepad API ]

This video tutorial shows how connect gamepads to browsers using the Gamepad API in JavaScript.

Useful links:

[Metalvain]

Fantastic demonstration. The official documentation example had me a bit confused so I came to YouTube. Much appreciated! Subbed

[HansMilling]

Didn't know you could do that. How awesome. I created a small multiplayer tank game when HTML5 was launched and could be awesome to add game controller support.

[Calidrelle]

Great explanations! I did not imagine that it was so simple, but your explanations are very useful. Thanks, man !

[TomHermans]

Thanks. Helpful explanation. Had to figure out a bit which controls to use with another controller and dismiss some error messages because of it (less buttons) but worked in the end.

[duncancoolidge]

What a well versed and capable programmer you are. I’m most impressed, however my naivety prevents me from attempting anything like this with a Bluetooth MFI game pad although it would be very useful if using a cardboard headset with an iPhone.

[hunterpruett]

Awesome video, really helpful for me transferring from python and doing js almost brand new. I was gonna say instead of using copy-paste for all of the buttons, you could potentially use gamepad API to see how many buttons the joystick has and use a for loop to make those lines instead of copy-pasting them. Also, let's say I have this hosted on a web server and I want to take the joystick positions from gamepad API and send them back to my webserver machine, how could I do that?

[ThHummr]

Hi, which devices accepts the gamepads library? I can't use the XBOX 360 controller but I have to use a controller similar to the flight simulator controls

[ryukusu_luminarius]

Thank you for the tutorial about the GamePad API and vim shortcuts. I will think about using vim!
The GamePad API is not so convenient as the keyboard event listeners, but at least it is not so hard. :|

[Martin]

Hello, can you comment on whether or not this approach can isolate cheat hardware such as an aimbot and filter it out? Even if someone tries to modify the hardware to make the aimbot input look like a normal one?

[رايديف]

Great video thank you
I just have a question about how to use the vibration in the controller?


Thank you

[Panudech]

This is a great video. I am getting some knowledge for making a remote playing in some old multiplayer offline game. I would integrate it with a Socket.io. Thank you.

[broolly_]

Hi ! How merge gamepad and keyboard ? Example : Space = A ?

[diegoalvessantana]

Cannot read property 'pressed' of undefined, :(

[SirusStarTV]

Can't find anything about gamepads in a browser on youtube.