{"id":5594,"date":"2020-09-11T09:58:55","date_gmt":"2020-09-11T09:58:55","guid":{"rendered":"https:\/\/www.beaconzone.co.uk\/blog\/?p=5594"},"modified":"2020-09-11T09:58:56","modified_gmt":"2020-09-11T09:58:56","slug":"learning-about-web-bluetooth","status":"publish","type":"post","link":"https:\/\/www.beaconzone.co.uk\/blog\/learning-about-web-bluetooth\/","title":{"rendered":"Learning about Web Bluetooth"},"content":{"rendered":"\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Bluetooth_API\" target=\"_blank\">Web Bluetooth<\/a> allows you to view and control Bluetooth devices from a web page. <\/p>\n\n\n\n<p>There&#8217;s a great introduction by Niels Leenheer at <a rel=\"noreferrer noopener\" href=\"https:\/\/www.smashingmagazine.com\/2019\/02\/introduction-to-webbluetooth\/\" target=\"_blank\">Smashing Magazine<\/a>. Niels is heavily into browser based solutions and has also presented about Web Bluetooth at many conferences. Visit his <a rel=\"noreferrer noopener\" href=\"https:\/\/nielsleenheer.com\/talks\" target=\"_blank\">talks page<\/a>, scroll down to &#8216;Fun with Bluetooth&#8217; and click on the presentation or video icons.<\/p>\n\n\n\n<p>Web Bluetooth only works with some browsers:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"795\" src=\"https:\/\/www.beaconzone.co.uk\/blog\/wp-content\/uploads\/2020\/09\/webbluetoothbrowsercompatibility.png\" alt=\"Web Browser WebBluetooth Compatibility\" class=\"wp-image-5595\" srcset=\"https:\/\/www.beaconzone.co.uk\/blog\/wp-content\/uploads\/2020\/09\/webbluetoothbrowsercompatibility.png 914w, https:\/\/www.beaconzone.co.uk\/blog\/wp-content\/uploads\/2020\/09\/webbluetoothbrowsercompatibility-300x261.png 300w, https:\/\/www.beaconzone.co.uk\/blog\/wp-content\/uploads\/2020\/09\/webbluetoothbrowsercompatibility-768x668.png 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Bluetooth_API\" target=\"_blank\" rel=\"noreferrer noopener\">Web Browser WebBluetooth Compatibility<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p>While Niels concentrates on communicating with consumer goods such as lightbulbs, robots and drones, Web Bluetooth also has uses for businesses and organisations. Web interfaces can be used to control <a rel=\"noreferrer noopener\" href=\"https:\/\/www.beaconzone.co.uk\/allbeacons\" target=\"_blank\">beacons<\/a> or any Bluetooth LE devices.<\/p>\n\n\n\n<p>On Android, when created as a <a rel=\"noreferrer noopener\" href=\"https:\/\/web.dev\/progressive-web-apps\/\" target=\"_blank\">Progressive Web App<\/a> (PWA) it behaves like an app but is created using web technologies. There&#8217;s no app packaging or signing and it can work offline. It can be optionally installed in the mobile operating system where it will look and act like any other app. <\/p>\n\n\n\n<p>Apple&#8217;s PWA implementation doesn&#8217;t (yet) work with Bluetooth. Indeed, <a href=\"https:\/\/yourstory.com\/mystory\/crucial-limitations-pwa-ios\" target=\"_blank\" rel=\"noreferrer noopener\">Apple is behind when it comes to PWA<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Bluetooth allows you to view and control Bluetooth devices from a web page. There&#8217;s a great introduction by Niels Leenheer at Smashing Magazine. Niels is heavily into browser based solutions and has also presented about Web Bluetooth at many conferences. Visit his talks page, scroll down to &#8216;Fun with Bluetooth&#8217; and click on the &hellip; <a href=\"https:\/\/www.beaconzone.co.uk\/blog\/learning-about-web-bluetooth\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Learning about Web Bluetooth&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[98],"tags":[],"_links":{"self":[{"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5594"}],"collection":[{"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=5594"}],"version-history":[{"count":6,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5594\/revisions"}],"predecessor-version":[{"id":5601,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5594\/revisions\/5601"}],"wp:attachment":[{"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=5594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=5594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beaconzone.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=5594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}