/yunba-wifi-bulb-example

Primary LanguageHTMLMIT LicenseMIT

YunBa - Wi-Fi灯泡web端声控说明

使用 Web Audio API 和 云巴智能灯泡的Restful API,在web端通过声音控制云巴智能小灯泡的亮度和颜色。

使用方法

###安装

  1. git clone git@github.com:GabrielchenCN/yunba-wifi-bulb-example.git
  2. 使用nginx部署应用和跨域问题处理

###配置

  1. 首先确保云巴灯泡有相应别名和正确连接上服务器，详见:云巴智能灯泡。

  2. 在app2.js中配置frevolObj对象的正确别名。

var frevolObj={"Sarah":{"r":105,"g":"","b":255,"volume":0}};

  1. 因为是前端AJAX请求，所以直接请求url可能遇到跨域问题。设置urlproxy参数,可能遇到的跨域访问问题解决方案。
  • 直接请求url以及参数设置如下：
    • alias: 别名
    • p : 默认1000
    • rgb : 分别为对应rgb值，范围0～22222，值越大亮度越大
    • http method: GET
    • var url = 'http://rest.yunba.io:8080?method=publish_to_alias&appkey=56556dd4f085fc471efe0688&seckey=sec-uTYMY37JTlH5hEmsvmgO8FkZYwkkPA45VAuDifUeQIsh4enS&alias='+config.alias+'&msg={"p":'+config.p+',"r":'+config.red+',"g":'+config.green+',"b":'+config.blue+'}';

###运行

  • 运行index.html
  • 建议使用firefox运行或47版本以下chrome，并允许浏览器共享麦克风。

###浏览器支持

  • chrome 47 以下(出于安全原因，47以上需要https协议访问详见)
  • firefox

###相关引用