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

变身音乐控制器!开源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主页

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

2013年Q4全球PC出货量同比下滑6.9% 已连续下滑七个季度 一周消息树:2013年十大产品、图书、公司盘点 专访Wunderlist主设计师Jan Martin:永远不要盲目跟风流行趋势 研发周报:超实用的JavaScript技巧及最佳实践 2013最吃香的技能:Java称霸、Android势头正猛 移动周报:最火原型设计工具盘点 “京东电商云”起航,零售企业及品牌商是重点 教育乃立国之本:教育类开源项目大汇集 Hugo Barra首度谈离开谷歌后在中国工作的感受 对中国赞不绝口 母婴行业最早试水者 优谈宝宝借助轻应用全面布局移动产品线 腾讯云平台部总经理纪顺友:微云将彻底迈过文件传输的门槛 豌豆“荚”油!B轮融资1.2亿美元的豌豆荚 2013年终盘点:10款最精巧的硬件开发板 SquareWear:可替代Lilypad Arduino的开发板 开放数据:2014年最热门的竞争领域 IE11虚拟机免费面向广大开发者 九城搭建的一个以Hadoop为基础的大数据平台 Windows 8复杂性的代价到底有多大? 在发布前,第一代iPhone其实并不完善 市场占有率调查:iOS 7秒杀Android 4.4 AWS会赢、OpenStack会消亡、Connected Cars可防僵尸攻击 谷歌以32亿美金收购iPod之父的创业公司Nest 物联网时代来临 微软2014,有你期待的吗? 映趣科技发布inWatch Z/inWatch X 后者采用全彩透明柔性屏 程序员没有天才:暴风影音首席架构师鲍金龙访谈 开放式创新改变世界——OpenStack生态系统将重新洗牌 Java 8最终发布日期敲定,即使有bug也要发布 Meteor PK Django,谁更适合开发实时Web应用? 学编程就像选家具:去宜家还是从种树开始? 前车之鉴 十二个年度最差设计网站汇集 冷暖交替,2014年编程兴衰趋势预测 请问:为什么编译无错,但生成。EXE文件时却有错,我是在卸载中文VC后安装英文版的 请教一下杭州的PB程序员工资行情 请您对您的言行负责,遵守中华人民共和国有关法律、法规,尊重网上道德 请教一下杭州的PB程序员工资行情 反解密,有谁能那么牛?100分相送!!!!!!!!! 没问题,想倒分怎么办? 正是风雨飘摇日 =============怎么固定一个ActiveX控件的大小为资源里一个对话框的大小?========= 哲学家就餐问题,为了防止死锁,通常用几个信号量就可以解决? 这几天心里赌的慌,女友怎么能够这样! api中怎样初始时就最大化 小问题,在线等....好了就结分 怎么样检查这些端口是做什么的? 我读取数据集的时候,为什么会产生越界的异常? 如何通过超链接传值到下一页 谢谢 如何把当前时间组合成一个字符串? 请教大家一个问题: 请教大家一个问题: 本人给出配置表,请问路由器配置好之后,客户机网上邻居--》本地连接该怎么设置? 提问:页面如何顶边??? 难道嗳!!! 如何在几个窗体之间进行数据传递 请问:为什么编译无错,但生成。EXE文件时却有错,我是在卸载中文VC后安装英文版的 高手们,有一事不明! 郁闷~~ 调用VCDLL的参数传递问题 各位好心的大哥帮帮我,救救我~~~~~~我在线等待~~~~~~~~~ 六七十年代发生的几件很牛B的事情【转载】 求一存储过程写法 select ....union windows xp上oracle 816的数据库服务进程不能启动 image字段的处理? 今天我开始上班了 数据判断加分 关于注册用户问题 请教关于时间类型的问题 如何获取一个字符串中中文字符的个数?100分 如何用api获取cpu的processorId? 如何获取一个字符串中中文字符的个数?100分 神啊,救救我吧! 能把bcb6的程序转换成bcb5的吗? 如何获取服务器时间? 万分紧急,请大哥们帮小弟!!!!!!!!我在线等待高手相救 请教关于连接数据库的问题 如何把当前时间组合成一个字符串? 如何使SOAP客户端的web引用的url变成程序中设置(就是不写死了),又不需要重新编译客户端程序的! 我在运行某些程序的时候,为什么会出现office2000的安装进程,还要叫我放入off2000的安装盘??? 请问Oracle触发器里能执行Grant语句吗?? 关于DBGRID字段显示问题 连接时出现这样的提示,可能的问题在那里? 碰到一个几乎让我晕倒的问题!! 英语翻译我完了!(完蛋了!) 谁有高中无机化学部分的教案 用等比或者等差简便算出来! 简单数列的计算(等比/等差)(1) (1+2+...+n)+(2+3+...+n)+...+n=?(2) 1+(1+2)+(1+2+3)+...+(1+2+...+n)=?(1)n*n*(n+1)/2-n(n*n-1)/6 (2) n*(n+1)*(n+2)/6 一些关于等差、等比数列的问题在等差数列an中,已知a4+a7+a11+a14=128,a6+a9+a12=__________S10大于0,S11小于0,则使an小于0的最小的n值是____________在等比数列中,(1)已知a1+a2+a3=5,a4+a5+a6=135,a8=_____________(2) 名字中的“帅"字写成英文怎么写? 小杰的英文名字字怎么写我叫文杰人家叫我小杰我想取个英文名字文杰和小杰两个都要帮帮忙呀! 哪家生物公司的慢病毒相关服务做得最好? 馆陶今天地震吗这馆陶地震吗?……什末时候?…… 急需一篇“难忘的小学生活”作文 要500字的 1、哑巴吃饺子2、赵子龙降临3、瞎子逛大街4、没根的浮萍5、牛鼻子插大葱 日防相称“中国危及和平” 中日关系陷以色列释放的5名巴勒斯坦在押人员抵达中行“高山案”嫌犯曾数次用拉杆箱装满金正恩或“首秀”元首外交叙利亚黑客自称“黑了”奥巴马美致力为盟友关系“疗伤”专家解读:安倍“恼羞成怒”天文学家发现酷似太阳系的行星系澳大利亚政府是否解除对中国企业禁令引以色列热炒国防企业遭中国“网络攻击”超强飓风“吹乱”西北欧各国 已致16钦南捣毁游戏机赌博窝点 当场抓获涉赌桃花运原是桃花劫 贪心女屡钓交友男行外交部:日本起诉2010年撞船事件中吸贩毒人员藏匿山中破烂布篷被抓获(组养生警惕:让女人变丑的7个养生禁忌养生警惕!6种食物和鸡蛋同吃有害无益去年北京机动车拥有量543万 公共交杀人男子隐姓埋名20年 被抓时称过够情人节武汉情侣酒店订房火爆 大床房蜜武汉汤圆巧克力热销 抽检产品质量良好冬奥女子冰壶循环赛 中国7 8英国遭
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘