第64篇Chrome扩展蓝牙及USB开发（四）

一、Chrome扩展蓝牙开发

1.1 难点

   经过这一段的研究，基本掌握了chrome怎么获取蓝牙设备基本信息，状态信息等，现在的难点是怎么检测与接收蓝牙传过来的数据。首当其冲的是建立与蓝牙之间的连接。

1.2建立与蓝牙的连接

写了个函数，获取设备地址，代码如下：



运行结果如下：



1.2 列举已知设备

 程序如下：



运行结果如下：



1.3接收设备

代码如下：



运行结果如下：



二、chrome插件USB开发

2.1  解析一个demo，能检测到数据的demo



2.2 knob_j.js

1）以下三句定义了四个变量，分别是：供应商ID，产品ID，设备信息、连接ID。

var MY_HID_VENDOR_ID  = 0x0e20; // 32825 in hexadecimal!

var MY_HID_PRODUCT_ID = 0x0101;

var DEVICE_INFO = {"vendorId":MY_HID_VENDOR_ID, "productId": MY_HID_PRODUCT_ID };

var connectionId = null;//用于监控是否连接上

注：第三个变量用到了前两个变量。

 

function initializeHid(pollHid) {

   // Try to open the USB HID device：尝试打开USB HID设备

    chrome.hid.getDevices(DEVICE_INFO,function(devices) {

       if (!devices || !devices.length) {

         console.log('device not found');

         return;

     }

     console.log('device list :',devices);

     console.log('Found device num:'+devices.length);

     console.log('Found device: ' + devices[0].deviceId);

     console.log('device reportDescriptor: '+arrayBufferToString(devices[0].reportDescriptor));

     myHidDevice = devices[0].deviceId;

 

       // Connect to the HID device

     chrome.hid.connect(myHidDevice,function(connection) {

           console.log('Connected to the HID device!',connection);

         connectionId = connection.connectionId;

 

           // Poll the USB HID Interrupt pipe

           pollHid();

     });

   });

}

2.3 chrome.hid

https://crxdoc-zh.appspot.com/apps/hid

使用 chrome.hidAPI 与连接的 HID 设备交互。使用该 API 您可以在应用中进行 HID 操作，应用可以作为硬件设备的驱动程序使用。

HID 设备：HID是Human Interface Device的缩写，由其名称可以了解HID设备是直接与人交互的设备，例如键盘、鼠标与游戏杆等。不过HID设备并不一定要有人机接口，只要符合HID类别规范的设备都是HID设备。

交换的数据存储在称为报表(report)的结构内，设备的固件必须支持HID报表的格式。主机在控制与中断传输中传送与要求报表，来传送与接收数据。报表的格式非常有弹性，可以处理任何类别的数据。

1) chrome.hid.connect(integerdeviceId, function callback)的规范：

用于连接到 HID 设备进行通信，参数要求如下：



使用例子：



2） chrome.hid.receive----接收数据接口

chrome.hid.receive(integer connectionId, functioncallback) ，从 HID 设备接收报告。输入报告通过INTERRUPT IN（中断输入）端点返回给主机。



解析：这个函数需要两个参数connectionId和一个函数function.但这两个参数并不是一定都要输入，connectionId是必须要输入的，而function是返回函数，比如返回一个数组。里面的数据格式为：reportId+data，知道怎么请求出来就成，看下面的应用：

 



运行结果一（没数据进来）：



注：我用USB连接的是一个输入笔，当我不写时，上面connectionId和data都为空。当我写时，再看：



connectionId和data都出来了，connectionId需要自己设定，而data不需要自己设定，是输入数据自己带的。每次重新加载插件还会发生变化。



connectionId的设定在调用之前要完成，程序如下：



这个接口，接收的是ArrayBuffer数据， ArrayBuffer（http://www.jb51.net/article/58281.htm）是最基础的数据类型，甚至不能称之为数据类型，它是一个数据容器，需要通过其他方式来读写。它是二进制数据的原始缓冲区，该缓冲区用于存储各种类型化数组的数据。无法直接读取或写入
ArrayBuffer，但可根据需要将其传递到类型化数组或 DataView
对象来解释原始缓冲区。通过 ArrayBuffer
这个构造函数可以创建一个原始缓冲区：



从 chrome
控制台可以看到：



buffer 实例拥有一个 byteLength
的属性，用于获取 buffer
的 size，一个只有 IE11+
以及 ios6+
支持的 slice
方法，用于对 buffer
长度进行截取操作。



可以测试这个 DEMO：



数据化数组
类型化数组类型表示可编制索引和操纵的 ArrayBuffer
对象的各种视图。所有数组类型的长度均固定。



Int就是整型，Uint
为无符号整形，Float
为浮点型，这些是 C
语言中的基本概念，我就不具体解释了。由于这些视图化结构都是大同小异，本文只对Float32Array
类型作说明，读者可以举一反三。
Float32Array
跟 Array 是十分类似的，只不过他每一个元素都是都是一个 32位（4字节）的浮点型数据。Float32Array
一旦创建其大小不能再修改。
我们可以直接创建一个 Float32Array:



需要有这么一个概念，他依然是一个数组，只不过该数组中的每个元素都是 Float 32
位的数据类型，再如：



我们把一个数组的值直接赋给了 x
这个 Float32Array
对象，那么在储存之前会将它转换成一个 32位浮点数。
由于该类数组的每个元素都是同一类型，所以在堆栈模型中，他们全部会被压入到栈之中，因此数据化数组都是值类型，他并不是引用类型！这个要引起注意，从下面的例子中也可以反映出来：



三、小知识

  3.1不下载客户端（西瓜影音等）也能看电影

  网址：http://www.666hdhd.com/?tz



点进去一个，比如：



把鼠标放在上方的链接上，右键“审查元素”：







复制上面这一段就可以在迅雷里下载了。



2016年10月10日星期一