Connecting hardware devices to the web

  Переглядів 35,972

Chrome for Developers

Chrome for Developers

День тому

The web platform is opening up incredible opportunities by letting web developers communicate with hardware devices over Bluetooth, USB, NFC, Serial, and HID.
Hear an overview of those APIs, how they work, and what developers have delivered so far.
Resources:
Device APIs → goo.gle/3nQxsIA
Bluetooth → goo.gle/374UbtB
USB → goo.gle/3pXJQbI
NFC → goo.gle/37kNT9F
Serial port → goo.gle/33ezgn4
HID → goo.gle/33azsU8
Speakers: François Beaufort, Gordon Williams, Henrik Joreteg, Olivier Gay
0:00 Introduction
1:35 Bluetooth
3:07 USB
3:40 NFC
4:59 Serial
7:17 HID
9:08 Conclusion
Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs
Watch all Chrome Developer Summit sessions here → goo.gle/cds20-sessions
#chromedevsummit #chrome #developer #webbluetooth #webusb #webnfc #serialapi #webhid
event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - Devices; fullname: François Beaufort, Gordon Williams, Henrik Joreteg, Olivier Gay;

КОМЕНТАРІ: 27
@SuperOazy
@SuperOazy 3 роки тому
I think we are actually maybe just re-inventing the operating systems in a more modern and open way
@urbaniv
@urbaniv 3 роки тому
Wow. Never thought as a web dev to have access to "the real world". But how great is that. So many possibilities pop up
@DTheHAge
@DTheHAge 3 роки тому
NFC also can be used for 2-FA hardware keys (as well as USB). These are some amazing additions (already used bluetooth, but USB and NFC are new for me).
@leduyminh48
@leduyminh48 3 роки тому
thats an amazing use case!
@tehbeard
@tehbeard 3 роки тому
Web already has WebAuthn api for 2fa security flows using keys.
@kaling7791
@kaling7791 11 місяців тому
does NFC work with web on desktop?, like using NFC scanner hardware that plugged on computer
@RyeGuyWpg74
@RyeGuyWpg74 2 роки тому
This is really awesome. This is really going to open up cross platform opportunities for us.
@tehbeard
@tehbeard 3 роки тому
Using edge in the hid talk for an example of cross platform is a really weak stretch since it's reskinned chromium... Hoping web serial gets more support, very useful for hardware interactions.
@VI-KINGS-X
@VI-KINGS-X 3 роки тому
how we can fetch credentials from webbrowser to external database
@shakirabdo638
@shakirabdo638 3 роки тому
Amazing info
@cindysi63
@cindysi63 3 роки тому
Very cool. Web app and standards have come a long way.
@kannanran5913
@kannanran5913 2 роки тому
How to scan android mobile in chrome and pair it?
@the0nerens
@the0nerens Рік тому
Will this support mobile?
@Kareszrk
@Kareszrk 10 місяців тому
Unfortunetly NDEFReader is just not part of Chrome anymore... :(
@renwar
@renwar 3 роки тому
Finally...
@komakaze1
@komakaze1 2 роки тому
It's funny when Logitech, the makers of webcams and so many other devices, record themselves with poor audio quality. Great talk nonetheless, just important to use headphones to understand it.
@maskman4821
@maskman4821 3 роки тому
This is so awesome !
@ginanjarsetiawan7384
@ginanjarsetiawan7384 3 роки тому
awesome new era
@quericotravels5879
@quericotravels5879 Рік тому
Chill!
@wpbest
@wpbest 3 роки тому
The audio is horrible! Come on Google.
@HZStudio
@HZStudio 3 роки тому
People are working from home, and it's not that bad
@vegahimsa3057
@vegahimsa3057 3 роки тому
I want to communicate with multiple independant keyboards
@KyawKyawZ
@KyawKyawZ 3 роки тому
Hi
@davidmaxwaterman
@davidmaxwaterman 3 роки тому
You think that museums want visitors to be touching their devices to an nfc tag, or anything actually? A QR-Code works better, since many people can scan it at once and from a distance.
@safran911
@safran911 Рік тому
لدي فكرة اعلانات جيدة
@igorbeaver4692
@igorbeaver4692 2 роки тому
Such an awful audio quality (
@k_meowington
@k_meowington 3 роки тому
people try to get rid of JS from browser, but this guys push it in every hole 👎
USB + JavaScript = WebUSB
21:42
Senior Software Vlogger
Переглядів 14 тис.
ЧТО ДЕЛАТЬ, ЕСЛИ НЕ ХВАТАЕТ ДЕНЕГ НА ВОССТАНОВЛЕНИЕ ТАЧКИ?
47:52
Everything You NEED to Know About WEB APP Architecture
10:27
ForrestKnight
Переглядів 427 тис.
Sign-up form best practices
13:31
Chrome for Developers
Переглядів 29 тис.
Using Web BLE to detect and get GATT information
19:41
Sayanee Basu
Переглядів 27 тис.
Optimize for interactivity using Web Vitals (FID/TBT)
24:36
Chrome for Developers
Переглядів 18 тис.
Backend web development - a complete overview
12:58
SuperSimpleDev
Переглядів 1,6 млн
Chrome DevTools Complete Course - Learn to debug your frontend code
1:53:49
Mehul - Codedamn
Переглядів 94 тис.
Difference Between REST API vs Web API vs SOAP API Explained
7:24
Learn with Whiteboard
Переглядів 99 тис.
Making the web more visual with Web Stories
8:59
Chrome for Developers
Переглядів 25 тис.
How does Bluetooth Work?
21:35
Branch Education
Переглядів 8 млн
Как установить Windows 10/11?
0:56
Construct PC
Переглядів 1,5 млн
Как открыть дверь в Jaecoo J8? Удобно?🤔😊
0:27
Суворкин Сергей
Переглядів 962 тис.
Тестируем Gravis Ultrasound... ну почти.
48:18
Дмитрий Бачило
Переглядів 36 тис.