#webhid search results

成し遂げた #webhid


I feel like a pioneer 🤓 #webHID

julienrenaux's tweet image. I feel like a pioneer 🤓 #webHID

#WebHID でMacのキーボードのバックライトの制御ができる


Playing with haptic feedback of Nintendo JoyCon. #WebHID #glisp


Switch用コントローラーいろいろ #WebHID 接続、最大5台?


【ブラウザで Mac の 開閉の角度を取得( #WebHID APIを利用)して、角度を #p5js で可視化してみた!】 @samhenrigold さんのリポジトリを見てみたら、パネルのヒンジの角度を HID で取得する実装のようだったので、 Chrome上の HTML+JavaScript で実装してみた! WebHID + p5.js の組み合わせ!

Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.



音楽にのるキーボード #iotlt #webhid


I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID

yostane's tweet image. I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID

This is my take on the "OLED Vector Scope" Driven from chrome, running a #webhid page to #rv003usb running on a 10 cent #ch32v003 #riscv driving with DMA. I have to find a way to to record this, since there's no real flicker exception with motion. github.com/cnlohr/oledsco…


Grokと相談しながら、web-hid=>midiが出来た。これでMAXを使わなくてもAbleton-Live!の制御ができそうな気がする。 #webhid #webmidi #winmax2 #abletonlive #Grok3


今日の #iotlt で話をした #WebHID APIのデモ。 MacBookのキーボードバックライトをブラウザから制御できるという 個人的に衝撃的なやつです。 デモサイト作って#DDRの音楽でデジタルアートっぽい表現できた。 #javascript #p5js


遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

okiraku_camera's tweet image. 遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊

nic_o_martin's tweet image. It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊

Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト まずは #p5js で描画した線の向きを連動させてみました! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので、 #WebHID をベースにした仕組みで実装した形


..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4

denladeside's tweet image. ..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4
denladeside's tweet image. ..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4

Thanks @thejsnation for having me! Here are the slides for my talk about #webhid: mefody.dev/talks/webhid/

dark_mefody's tweet image. Thanks @thejsnation for having me!

Here are the slides for my talk about #webhid:
mefody.dev/talks/webhid/

PS4用コントローラー「DUALSHOCK 4」と #p5js の描画を組み合わせてみた! ブラウザの #WebHID API を使ってコントローラーの傾きを取得し、その傾きの値と p5.js で描画した線の向きとを連動させています (※ WebHID-DS4 というライブラリを利用)


I tried to link the tilt of the Nintendo Switch Joy-Con with the height of the sphere drawn with @BabylonJS ! Gamepad API can handle Joy-Con button presses, but it can't handle the tilt using the sensor, so I used #WebHID API in my #BabylonJS code.

Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト2 p5.js の次は #BabylonJS で、球の高さと連動させてみた! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので #WebHID をベースにしたのは前と同様です



【ブラウザで Mac の 開閉の角度を取得( #WebHID APIを利用)して、角度を #p5js で可視化してみた!】 @samhenrigold さんのリポジトリを見てみたら、パネルのヒンジの角度を HID で取得する実装のようだったので、 Chrome上の HTML+JavaScript で実装してみた! WebHID + p5.js の組み合わせ!

Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.



[Getting the Mac’s lid angle in the browser (using #WebHID API) & visualizing with #p5js] Checked out @samhenrigold ’s repo and saw it retrieves the hinge angle via HID, so I tried implementing it in HTML + JavaScript on Chrome! (Web HID API + p5.js)

Did you know your MacBook has a sensor that knows the exact angle of the screen hinge? It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.



Grokと相談しながら、web-hid=>midiが出来た。これでMAXを使わなくてもAbleton-Live!の制御ができそうな気がする。 #webhid #webmidi #winmax2 #abletonlive #Grok3


💻🛠️ウェブブラウザとハードウェアの関係🛠️💻 WebHID、WebSerial、WebUSB、Web Bluetooth… これらのAPIがなぜ重要なのか? ウェブアプリから直接ハードウェアを操作する技術の可能性について書きました。 👇 詳しくはこちら! eisbahn.jp/yoichiro/2025/… #WebHID #WebSerial #WebUSB #WebBluetooth


github.com/okathira-dev/c… こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念 developer.chrome.com/docs/capabilit…

okathira's tweet image. github.com/okathira-dev/c…
こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念

developer.chrome.com/docs/capabilit…

遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

okiraku_camera's tweet image. 遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

New tool alert! A website now allows users to recalibrate DualShock analog sticks using WebHID, using previously undocumented HID commands for DS4 and DualSense controllers. #gaming #tech #WebHID bit.ly/49v7SQV


micro:bit の処理(MakeCode で LEDテープの制御・シリアル通信の受信などを実装)と、ブラウザの Web Serial API の送信処理、 それと Joy-Con + ブラウザの #WebHID API の処理を組み合わせてみた! #p5js Web Editor上で、Joy-Con の傾きと LEDテープの点灯数が連動する処理を実装してみたもの

ブラウザの Web Serial API を使い、 #p5js の mouseX の値を元にした数値を micro:bit にシリアル通信で送信 そして micro:bit側でフルカラーLEDテープの点灯する数を変化させるというお試し ※ micro:bit側の実装は MakeCode によるブロックプログラミング わりと良い感じの反応速度になってる!



以下の組み合わせでやってた、お試しの続き ・ブラウザの #WebHID + Nintendo Switch の Joy-Con ・ブラウザの Web Bluetooth API + #toio との組み合わせ( ライブラリは #p5js#p5toio ) 上記の Joy-Con を、PS4用コントローラー「DUALSHOCK 4」に変更したバージョンをやってみた!

ブラウザの #WebHID で Nintendo Switch の Joy-Con を扱うのが楽しくなってきたので、 #toio との組み合わせも試してみる toio の制御は、 @tetunori_lego さんの #p5toio を使い、まずは Joy-Con の傾きを toio の回転速度と連動させるようなシンプルなお試しからやってみた! #p5js



PS4用コントローラー「DUALSHOCK 4」と #p5js の描画を組み合わせてみた! ブラウザの #WebHID API を使ってコントローラーの傾きを取得し、その傾きの値と p5.js で描画した線の向きとを連動させています (※ WebHID-DS4 というライブラリを利用)


ブラウザの #WebHID で Nintendo Switch の Joy-Con を扱うのが楽しくなってきたので、 #toio との組み合わせも試してみる toio の制御は、 @tetunori_lego さんの #p5toio を使い、まずは Joy-Con の傾きを toio の回転速度と連動させるようなシンプルなお試しからやってみた! #p5js


Nintendo Switch の Joy-Con を、ブラウザのデバイス系API #WebHID で、2台同時に扱ってみた話の続き 自宅には Joy-Con が全部で 4台あるので、 #p5js の線の描画の向きとコントローラーの傾きとを連動させるお試しを、それら全てを使ってやってみた!

Nintendo Switch の Joy-Con を、ブラウザのデバイス系API #WebHID で 2台同時に扱ってみる #p5js を使ってやっていたお試しに少し手を加え、描画した線の向きをとの連動というのは同じで、連動して動く線を 2本にし、それぞれを L とR の Joy-Con に対応させるようにしてみた



Nintendo Switch の Joy-Con を手首に固定できるアイテム! (近所のコンビニ宛でなく自宅にて受け取り) #WebHID を使って #BabylonJS#p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!

youtoy's tweet image. Nintendo Switch の Joy-Con を手首に固定できるアイテム!
(近所のコンビニ宛でなく自宅にて受け取り)

#WebHID を使って #BabylonJS  や #p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!

Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS



Nintendo Switch の Joy-Con を、ブラウザのデバイス系API #WebHID で 2台同時に扱ってみる #p5js を使ってやっていたお試しに少し手を加え、描画した線の向きをとの連動というのは同じで、連動して動く線を 2本にし、それぞれを L とR の Joy-Con に対応させるようにしてみた

Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト まずは #p5js で描画した線の向きを連動させてみました! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので、 #WebHID をベースにした仕組みで実装した形



Nintendo Switch の Joy-Con を手に装着し、手の回転(コントローラーの傾き)を #p5js で描画した線の向きに連動させてみた! 当初のものと同様に、ブラウザの API #WebHID を使ってます 傾きの対応範囲が 0-180度になってしまってたので、それを 360度対応にして、このお試しをやってみました

Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト まずは #p5js で描画した線の向きを連動させてみました! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので、 #WebHID をベースにした仕組みで実装した形



Nintendo Switch の Joy-Con を手に装着し、その手の回転(コントローラーの傾き)を、 #BabylonJS で描画した球の高さと連動させてみた! ブラウザのデバイス系API の #WebHID を使って実装した当初のバージョンが 0-180度の回転に対応となってしまってたので、360度の回転に対応させる修正もしつつ

Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS



Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS

Nintendo Switch の Joy-Con の傾きを、ブラウザのデバイス系API で扱う簡単なテスト2 p5.js の次は #BabylonJS で、球の高さと連動させてみた! ボタン押下を扱うなら Gamepad API でもできるのだけど、センサーを使って傾きを扱うことはできないので #WebHID をベースにしたのは前と同様です



I feel like a pioneer 🤓 #webHID

julienrenaux's tweet image. I feel like a pioneer 🤓 #webHID

..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4

denladeside's tweet image. ..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4
denladeside's tweet image. ..last but not least: The language pack - such a great idea! I am looking forward to making some cool #WebHID demos using the analog inputs 🤖 awesome job, @WootingKB !!! 4/4

There are many "customizable" keyboards, do you know that? Chromium 89 or higher is providing WebHID API. Remap allows you to customize such keyboard including key mappings and LEDs using the WebHID! #webhid #remap remap-keys.app

yoichiro's tweet image. There are many "customizable" keyboards, do you know that? Chromium 89 or higher is providing WebHID API. Remap allows you to customize such keyboard including key mappings and LEDs using the WebHID! #webhid #remap remap-keys.app

遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

okiraku_camera's tweet image. 遅ればせながら #webhid というのをやってみました。キーボードにデータ送れてよかったよかった。

Thanks @thejsnation for having me! Here are the slides for my talk about #webhid: mefody.dev/talks/webhid/

dark_mefody's tweet image. Thanks @thejsnation for having me!

Here are the slides for my talk about #webhid:
mefody.dev/talks/webhid/

I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID

yostane's tweet image. I see a PS5 controller for the next presentation in the JS DevRoom. I'm really enjoying the JS room so far. #fosdem23 . #WebHID

It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊

nic_o_martin's tweet image. It's not a #GDESummit after party unless someone somewhere has their laptop open and showing some pretty impressive stuff. @denladeside, @html5test and some amazing #WebHID hardware demos😊

#WebHID + Joy-Con で、こういうことができるページらしい。 ●トップページ | Joy-Con with WebHID  aka256.github.io/joycon-webhid/

youtoy's tweet image. #WebHID + Joy-Con で、こういうことができるページらしい。

●トップページ | Joy-Con with WebHID
 aka256.github.io/joycon-webhid/

Выступил офлайн на #HolyJS: был ведущим, спикером и экспертом. Слайды моего доклада про #WebHID — способе управлять USB-устройствами прямо из браузера: mefody.github.io/talks/webhid/h…

dark_mefody's tweet image. Выступил офлайн на #HolyJS: был ведущим, спикером и экспертом.

Слайды моего доклада про #WebHID — способе управлять USB-устройствами прямо из браузера:
mefody.github.io/talks/webhid/h…

Mac にペアリングした Joy-Con + #WebHID を使い、Chrome で開いた以下の URL のページから Felicia を読み取れた感じが! 今回、Joy-Con の NFCリーダーの位置を、初めて知ったw(amiibo を使ったことがなかったりで) Joy-Con Operation Tester | Joy-Con with WebHID aka256.github.io/joycon-webhid/…

youtoy's tweet image. Mac にペアリングした Joy-Con + #WebHID を使い、Chrome で開いた以下の URL のページから Felicia を読み取れた感じが!

今回、Joy-Con の NFCリーダーの位置を、初めて知ったw(amiibo を使ったことがなかったりで)

Joy-Con Operation Tester | Joy-Con with WebHID
aka256.github.io/joycon-webhid/…

WebHID Demo: Elgato Stream Deck Daft Punk Soundboard 🔗 bram.us/2021/02/12/web… 🏷 #DaftPunk #StreamDeck #webhid

bramusblog's tweet image. WebHID Demo: Elgato Stream Deck Daft Punk Soundboard

🔗 bram.us/2021/02/12/web…

🏷 #DaftPunk #StreamDeck #webhid

Polished the code a bit so now it's ready so share! 🎮 Demo: …deck-daft-punk-soundboard.netlify.app 💾 Source Code: github.com/bramus/webhid-… 📝 Instructions on how to connect your Stream Deck: github.com/bramus/webhid-… #WebHID #DaftPunk #Soundboard #ElgatoStreamDeck

bramus's tweet image. Polished the code a bit so now it's ready so share!

🎮 Demo: …deck-daft-punk-soundboard.netlify.app

💾 Source Code: github.com/bramus/webhid-…

📝 Instructions on how to connect your Stream Deck: github.com/bramus/webhid-…

#WebHID #DaftPunk #Soundboard #ElgatoStreamDeck

🕺🐡 #WebHID is fun and easy - just did a quick 'driver' and demo for some older @3Dconnexion devices - will do a HowTo post later, but here is a sneak preview of the (beta) code: github.com/larsgk/webhid-… /cc @kennethrohde @reillyeon @Vincent_Scheib @tomayac

denladeside's tweet image. 🕺🐡 #WebHID is fun and easy - just did a quick 'driver' and demo for some older @3Dconnexion devices - will do a HowTo post later, but here is a sneak preview of the (beta) code: github.com/larsgk/webhid-… /cc @kennethrohde @reillyeon @Vincent_Scheib @tomayac

github.com/okathira-dev/c… こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念 developer.chrome.com/docs/capabilit…

okathira's tweet image. github.com/okathira-dev/c…
こんな感じで #WebHID を使っての複数キーボード識別にチャレンジしたけど、ブラウザのセキュリティ的にだめっぽいので断念

developer.chrome.com/docs/capabilit…

Nintendo Switch の Joy-Con を手首に固定できるアイテム! (近所のコンビニ宛でなく自宅にて受け取り) #WebHID を使って #BabylonJS#p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!

youtoy's tweet image. Nintendo Switch の Joy-Con を手首に固定できるアイテム!
(近所のコンビニ宛でなく自宅にて受け取り)

#WebHID を使って #BabylonJS  や #p5js の描画との連動を試すのには、とりあえずはリングフィットアドベンチャーのレッグバンドで手首装着をしてたけど、これで良い感じにできそうな気がする!

Continuation of the trial of handling the Nintendo Switch Joy-Con with the browser API #WebHID . Initially, the tilt support range was 0-180 degrees, but now it is 360 degrees, linking the rotation of the controller worn in the hand with the height of the sphere. #BabylonJS



Loading...

Something went wrong.


Something went wrong.


United States Trends