This content originally appeared on Bram.us and was authored by Bramus!
Sparked by Pete LePage’s work on talking to a Elgato Stream Deck device from within the browser, I wanted to play with WebHID myself. First thing that came to my mind was to create a Soundboard.
What first started out as a simple/classic Soundboard …
? Have been playing with the #WebHID API tonight, connecting my @elgato Stream Deck to @googlechrome.
Here’s a little drum pad that respons to clicks, keyboard key presses, and the Stream Deck buttons.
? https://t.co/Nkfoh39dr3 (Chrome Only) pic.twitter.com/kn2IsP0jrx
— Bramus! (@bramus) February 10, 2021
… soon led to creating one which uses samples from Daft Punk’s Hard Better Better.
(Some time later) Of course I had to … #daftpunk
(Still have to work out a solution for my Stream Deck as it has "only" 15 buttons …)
— Bramus! (@bramus) February 11, 2021
But as mentioned in the tweet there was one issue with it: there are 16 samples to use, but the Stream Deck “only” has 15 buttons available.
~
Then it hit me: what if I paginated the samples, and allowed you to switch between the sets? And so it happened:
With that I also updated the UI in the browser to reflect the UI of the Stream Deck.
~
During lunch I polished the code a bit further and have put everything online. Do note that a Stream Deck is not required: using a Stream Deck is an enhancement. Instructions on how to connect your Stream Deck are included in the Source Code’s README.
Elgato Stream Deck Daft Punk Soundboard Demo →
Elgato Stream Deck Daft Punk Soundboard Source Code →
~
Thank me with a coffee.
I don't do this for profit but a small one-time donation would surely put a smile on my face. Thanks!
To stay in the loop you can follow @bramus or follow @bramusblog on Twitter.
This content originally appeared on Bram.us and was authored by Bramus!
Bramus! | Sciencx (2021-02-12T11:17:40+00:00) WebHID Demo: Elgato Stream Deck Daft Punk Soundboard. Retrieved from https://www.scien.cx/2021/02/12/webhid-demo-elgato-stream-deck-daft-punk-soundboard/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.