说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

变身音乐控制器!开源JavaScript库NexusUI

HTML文档下载 WORD文档下载 PDF文档下载
NexusUI是一款开源JavaScript库,可以在Web浏览器和移动App上实现音乐控制器。且,NexusUI对移动设备友好且兼容多点触控,可以通过浏览器分配音乐界面来进行大型合作表演,让音乐控制器在任意Web浏览器中都可使用。

NexusUI是音频接口组件的一个开源免费的JavaScript库,可以在Web浏览器和移动App上实现音乐控制器。而且,它并不是一个固定的解决方案,是可以构建自定义界面的组件集。能够直接被用来与浏览器中的Web Audio API集成,或是通过服务器程序传输OSC数据到类似Max、SuperCollider或Chuck应用中去。


NexusUI对移动设备友好且兼容多点触控,可以通过浏览器分配音乐接口来进行大型合作表演,让音乐控制器在任意Web浏览器中都可使用。

NexusUI的使用

创建元素

  • Nexus需要连接到jquery.js和nexusUI.js库。
  • 通过<canvas>添加元素。
  • 使用有效的NexusUI元素,可以通过NexusUI API进行查看。

<head>		<script src="filepath/jquery.js"></script>	<script src="filepath/nexusUI.js"></script>	</head><body>	<canvas nx="toggle"></canvas>	<canvas nx="button"></canvas>	<canvas nx="multislider"></canvas></body>

在JavaScript中处理Nexus

  • nx:JavaScript中是以nx来全局实例化NexusUI。

<script>	nx.onload {			  matrix1.row = 2;	  matrix1.col = 2;	  matrix1.draw();	  	  beatmatrix5.matrix = [ [1,0,0],[0,1,0],[0,0,1] ];	  beatmatrix5.draw();	  	}	</script>						<canvas nx="matrix"></canvas><canvas nx="matrix" id="beatmatrix5"></canvas>


发送数据至Max

NexusUI包含一个nexusOSCRelay.php PHP文件,从接口转发数据到制定的IP和端口(默认IP 127.0.0.1,端口为7475)。

nx.onload = function() {	  nx.sendsTo("ajax");  nx.usesScript("nexusPHP/nexusOSCRelay.php");    // or set an element individually    dial1.sendsTo("ajax");  }
JS中集成Web Audio(或HTML5图形等其他)

<script>	nx.onload = function() {			  nx.sendsTo("js");	  	  // set individual receiver	  	  dial1.response = function(data) {	    dial2.val = data;	    dial2.draw();	  }			}</script><canvas nx="dial"></canvas><canvas nx="dial"></canvas>


样式设定

<script>	nx.onload {			  nx.colorize("#00CCFF"); // sets accent (default)	  nx.colorize("border", "#222222");	  nx.colorize("fill", "#222222");			  dial3.colors.accent = "#FF00CC";	  dial3.draw();	}</script><canvas nx="dial" height="150" width="150"></canvas><canvas nx="dial" height="100" width="100"></canvas><canvas nx="dial" height="75" width="75"></canvas><canvas nx="dial" height="50" width="50"></canvas>

传送门:NexusUI官网、mobilehub主页

(编译/刘璐璐 责编/唐小引)

九大设计技巧+作品赏析 激发你的创作灵感! 排名前十CEO的工资条,你怎么看? 麻省理工TR35之IT界年轻有为创新者(下) Storm的“翻版”:LinkedIn开源实时数据处理系统Samza 呼吸监测耳机:一个在“呼吸”上做文章的可穿戴设备 谷歌7年210亿美元的基础设施建设,及可供17万家庭使用的风电 Touch ID很安全?德国黑客宣布已绕过苹果指纹识别系统 纽约警方鼓励用户升级iOS 7 你想好了吗? Android开发者不可或缺的四大工具 Mozilla开源TogetherJS:让网站拥有实时协作功能 可穿戴技术专家Jawbone UP向所有开发者开放API 18款在线代码片段测试工具 Gartner咨询公司研究副总裁彼得·福斯特布鲁克:互联网安全新兴威胁与挑战 美国智库战略与国际研究中心(CSIS)詹姆斯·刘易斯:网络安全神话、传说与现实 云安全联盟中国分会理事赵粮:建设可信的云生态环境 Web前端优化最佳实践及工具集锦 2013中国互联网安全大会(ISC)9月23日隆重举行 科技界最聪明的人:Facebook首任CTO激情燃烧的岁月 继乔布斯时间胶囊出土 其儿时的家或成历史遗迹 微软向7亿Windows 7用户发布Internet Explorer 11预览版 乐视腾讯深度合作 超级电视26日易迅网首发 开源jQuery插件推荐 帮你快速构建单页网站 实时数据追踪?Salutron发布LifeTrak API Infoworld Bossie Awards:最好的开源App锦集 除了乔布斯的鼠标 值得装入时间胶囊的十大科技产品 2013中国互联网安全大会:云环境带来的安全隐患和机遇 2013中国互联网安全大会:软件安全新挑战 专访Line大中华区总裁:即使卖萌,也能深入人心 iOS开发者必备:四款后端服务工具 市场研究公司:iPhone5C/5S成本分别是173、199美元 对软件开发有利的5个敏捷编程方法 车站接人十大方式 谁知道哪里有bmp到jpg转换的源代码?帮帮忙! 提示怎么为空?有代码? Application是什么意思? 模范中国百姓 寻找一个类似于object inspector的控件 如何返回在sql server中自己设定的错误提示..... ocp是什么? 當手機 被盜 後的措施 好象没什么人啊 祝斑竹zxyufan(宇凡)考试顺利 :) 高手请进!!!!!!! 怎么从一个字符串中截取字符串 关于软件的序列号的问题? 哪位高手给解释一下啊??? 各位DX:怎样在填完一个文本框后光标自动跳到下一个框里?很急的,解决一定给分! treeview问题,我只能给这么多分了,拜托大家,急死我了!!!! 连接数据库的一个参数:Initial Catalog=Music 是什么东西,在那里设置? 在DELPHI中能用ADO连接远程有固定IP的数据库服务器上的数据库吗?怎么连接? 各位兄弟姐妹,快来看呀! 请教各位大虾:我在上网的时候为什么老是死机,鼠标键盘一动不动了!!! pb中访问数据库必须通过datawindow么? 为什么就差这么一点了~???快帮帮忙啊~! OO里面的"is a"和"has a"应该如何理解啊?举个例子看看 请问在哪可以找到可以做简历封面的图片呀?后天就是招聘会啦,快快帮忙呀~~~ javaServlet的一个问题。急! DELPHI高手!-----300分 ASP开发问题,如何在用户提交注册信息时自动分配给它一个用户ID号? 我想在 Excel 中给文件字加双下划线,可是编译时提示变量没有定义 有谁能给我一份简单的COM代码? 有关interface??? 昨晚,初恋情人不经意的出现在梦中,你到底离你的初恋情人有多远,撒分了 一个昨天没搞明白的问题! redhat 7.2中如何设置代理服务器 求教高手一个Java中一直困扰我的问题,急!急!急! 谁能够给我个例子实现 Dll向应用程序单向通信 Dll->EXE?50分? 请问.......... 在数据窗口拖动垂直滚动条死机。只能ctrl+alt+del结束任务。倾听你的声音。 请教各位大虾两个Sql语句 哪里有visual studio.net下载? 那里有sql server 2000企业版下载的 xml的学习??????双儿 怎么比较两个LPTSTR字符串啊??? 语句“rs.Open sql,conn,1,1”中后边的两个数字参数是何意思? 如何获取datawindow中文本框内容? 请教公司大院网络系统设计方案要怎写?会遇到什么问题? 关于clientdataset的返回值问题 关于报表打印的问题!火急。。 这个世界上有多少C/C++程序员? 关于ARP广播域的问题????????????????、 请问什么服务器支持global.jsa What is he like?正确翻译 与What does he look like?得区别 she doesn't like soccer.she thinks it's boring.英汉互译 语法专练:写出下列单词的复数形式.1.is/am 2.you ;he/she/it 3.this ;that 4.(1)desk ;orange :toy(2)class ;bus ;box (3)family最快并答对给分 为什么要给树刷白灰?请说明具体原因,谢谢!请说明具体原因啊!比如为什么刷了石灰就防冻?为什么刷了石灰就防虫? She doesn't like taking out the trash because it's _____ A.bored B.boring请说明理由,thanks a lot. 配制200毫升10%的稀硫酸溶液需98%浓硫酸多少毫升(98%的浓硫酸溶液的密度是1.84g/ml,10%的稀硫酸溶液的密度为1.07g/ml) 一条路长2600米 宽6米 铺白灰5厘米 需要多少吨白灰1方等于多少吨白灰 这个比较重要 He doesn‘t like documentaries because tey are boringHe doesn‘t like documentaries (because tey are boring)对括号提问 配置200克24.5%稀硫酸,需多少克的浓硫酸.实际操作时,取98%浓硫酸多少毫升? 某课外活动小组,在探究 沉浮条件时,将重100克的物体放... i don't like (documentary) ,because they re boring .改成适当形式 (4)配制1000毫升10%的稀硫酸溶液需98%浓硫酸多少毫升? what are they like对还是what do they like 1吨石灰能出多少立方白灰 由配置500g20%的稀硫酸,需要98%的浓硫酸和水各多少毫升?(98%的浓硫酸和水的密度分别为1.84g/ml,1g/ml) What do you like?中文翻译 what does she like?意思是什么 She is a policewoman.改为复数形式 What ___ do they like? 配置500克质量分数为20%的稀硫酸,需要多少克质量分数为98%的浓硫酸,多少克水 为什么溶质质量=500*20%=100g?我一直以为是500/20%的 要配置质量分数为百分之10的稀硫酸196克,需要百分之98的浓硫酸()克,水()克 She ____her mother. a,looks like b, looks the same 是不是这两个答案都对呢? 英语翻译这句话的前后语境:people know what they do; they frequrently know why they do what they do; but what they don't know is what what they do does. 那位天才帮帮忙,I we you (单数) you(复数) he she it t那位天才帮帮忙,I we you (单数) you(复数) he she it they 的名词性物主代词是什么? 将重力为19.6牛的铝球慢慢地浸没在一个盛满水的的溢杯中时,从溢杯中溢出9.8牛的水,铝球受到的浮力是几牛 如何提高白灰的钙量是按什么比例进行加工的? I的宾格形式,复数形式以及复数形式的宾格形式.还有she he it'sI的宾格形式,复数形式以及复数形式的宾格形式.还有she he和it's 歇后语茶壶有嘴是什么,(急) 白灰中的全钙怎么测定啊 用质量分数百分之九十八(密度每毫升1.84克)的浓硫酸配制500毫升质量分数为百分之二十的稀硫(密度每毫升1.14克),稀释需水体积是多少? ”嘴上抹石灰”歇后语的下半句是什么? 钙质白灰和镁质白灰怎样划分 配制200g24.5%的稀硫酸,需 ( )g98%浓硫酸和 ( )g水.实际操作时,取98%浓硫酸( )mL(精确到1mL) 歇后语:牛角抹了油—?(下一句是什么)是歇后语 白灰和脱硫石膏粉结合影响白灰的含钙量吗?为什么 一间长9米,宽6米,高4米得教室,门窗面积是15平方米,要粉刷顶棚和四壁,粉刷的面积是多少? 趣味歇后语.猫捉老鼠狗看门——贵州驴子学马叫——,麻雀飞进烟囱里_____________,蚂蚁搬家———,王八吃秤砣————————,屎壳郎戴花——————————-,骑驴看唱本—————— Does she like _______(swim)?Yes,she__________(do). 白灰墙面该怎么装修?租的房子是白灰墙面,会掉白灰的那种,贴不上墙纸,在墙上刷什么涂料或者漆好?白灰墙面该怎么装修?租的房子是白灰墙面,会掉白灰的那种,贴不上墙纸,在墙上刷什么涂料 帮我算一下一个质量50克,体积是0.00006立方米的物体,放入水中,求物体受到的浮力? 选择最佳的填空:1.__Kitt like playing the violin?--Yes,she___.a.Do,do b.Does,does c.Does,do2.Are the students jumping or running in the playground?a.Yes,they are .b.They are running.c.No.They aren't jumping.3.___triangle is this?It's Peter's. she he it 复数 一个物体的质量为2千克,体积为0.03立方米,求静止时的浮力?(在水中) Does she like her dress?yes,she does.的中文意思,那位高手知道, 实验室如何用固体氢氧化钠和浓硫酸分别配制稀的氢氧化钠溶液及硫酸溶液 一块浮在水中时,露出水面体积为0.000006立方米,它的总体积为0.000008立方米,求物块在水中受浮力为多大?(2)物块的密度为几? 找错 does she like oranges?--yes,she does't I don't liketomatosBill birthday is next weeklet's thinking about the food he\she的复数形式 she does. 这个does 如何翻译?Kate has been slow to realize the teasing, but now she does.Kate 慢慢意识到是在开玩笑,后面应该如何翻译? Does she like rabbits?Yes,she____.Ado Bdoes C doesnot 装修 中山 500号水泥,沙子,红砖.一级白灰的价格大概是多少? “Does she like music”怎么读? 白灰显碱性么,白灰的PH 大概是多少!我想调节下水的PH值,水是酸性 把水变中性加白灰可以吗? 新房白灰墙面装修,想贴壁纸,要不要把白灰铲掉呢? 白灰粉是灰钙粉吗?不是的话,那两者有什么区别? 用98%的浓硫酸(密度为1.84克/CM3)和水配置100克10%的稀硫酸,下列仪器中一般不需要使用的是( )10毫升量筒 B.托盘天平 C.100毫升量筒 D.250毫升烧杯说出理由, 若用98%用浓硫酸来配制500毫升20%的稀硫酸需用浓硫酸多少克? 如何用白灰粉除潮要是屋子里返潮呢 She doesn't like documentaries _because she thinks they're boring_(对划线部分提问) 写出下列单词的复数形式 1、this― 2、that― 3、he/she/it― 4、i― 5、is/am― 6、you― 7、friend―8、bus― 9、egg― 10、ruler― 11、pen― 12、book― 13、map― 14、apple― 15、cake― 16、teacher― 17、grade―
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn