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

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

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

Gartner:有数据有真相 从浪潮看服务器市场走势 PhoneGap 3.5.0发布,不再支持iOS 5和ARM64 “中美青年创客大赛”之“创客·教育论坛” 以创客教育支持创新人才培养 授之以渔,谷歌发布开源秘密武器Kubernetes 炫耀分数已经out!ShareSDK发布游戏内视频录制SDK Android开发者必知的5个开源库 UCloud完成B轮融资5000万美元 Git远程操作详解 《近匠》iMAG:移动应用快速跨平台开发工具 Facebook斥资30亿美元购Snapchat遭拒后,推Slingshot 全球开发者报告:程序媛崛起,企业应用更赚钱! 土豪经济 E人E本发布首款4G安全手机 内忧外患:Android版FuelBand应用来得太迟? MongoDB 2.6.2 发布,大大改进查询功能 清华毕军&amp;华为马云:SDN是学术和产业都看好的领域 向三星和苹果发难:亚马逊FirePhone 3D手机强势来袭 支付宝移动端与NFC芯片商、手机商合作 推出近场支付产品 Go 1.3正式发布,改进正则表达式! API设计如龙生九子,Tunneling、Hypermedia等更受开发者青睐 NFV+SDN,博科打造开放式网络平台 亚马逊开放双SDK:摄像购物,追踪脸部玩游戏 解析淘宝Hadoop作业平台——宙斯Zeus 亚马逊的心思:要Android不要谷歌 Vuforia SDK全面更新:3.0版可实时生成虚拟场景和物体 Stream SDK:以手为“剪”,随时随地分享精彩内容 一周消息树:惠普研发基于Linux开源操作系统 打造全新计算机 我从谷歌学到的那些事:Toilet文化、代码实验室 对话大神Scott Shenker:从物理博士到SDN&#039;s Uncle 巨头们的又一战:健康数据服务平台 移动应用广告新竞争,Facebook不再一家独大 为什么Fire Phone手机价格不便宜? 怎样实现在点击超链接时处理另一事件 如何让网上资源不被别人下载到本地 天津的朋友们谁能告诉我哪里能买到《Windows程序设计》!!! 求助help & manual(2.7.0版)的注册码 如果win98中的pws中不包括mts,能正常工作吗 ? 为何在BCB中用TDBimage 存取Mysql数据库的图象时出错:invalid blob size ? 如何实现全自动拔号(无用户交互) 请看这个sql语句,怎么错了? 请问,如何设置 键盘开机呀? 关于光驱 如何获取delphi中dbgrid的单元格的内容 问题征解,关于一个智力题的程序解法。 sos!!求救!!!java运行时环境设置的初级问题!各位大侠帮忙了!!!! :-(( 關于delphi6的ActionMainMenuBar组件和ActionToolBar组件 的菜鳥級問題?? 李维的电子商务篇的第二章的例子没法运行,这是为何? 谁能告诉我学VC的步骤和教材啊,还会加分啊 如何将一个可以滚动的窗口的全部内容转换为BMP保存起来(如:IE)?(提供线索就有分)欢迎参与成果供享!!! 请教关于VsPrint Oracle8i Enterprise Manager Release 2.1 相当于ORACLE8.1.几啊? 使用ListView如何操作数据 ★★★简单问题送100分★★★:如何打印框架容器里的的全部内容,包括mschart图表,label,combox等? 我的DW里加入FLASH特效时为什么中文会变成乱码?我给分的............ 我感到天昏地暗、日月无光、前途渺茫、无心睡眠、精神恍惚、双目痴呆相恋8年准备结婚的女友突然和别人结婚了!我受不了了!我快疯了! 请教有关IE5带的ActiveX控件Dhtmled.ocx的98下安装问题 程序员与高级程序员到底那个好过 关于 delphi的一点东东 access一个日期时间字段是短格式的,用什么SQL语句改成长格式的? 怎样才能在主页中显示自己的qq是否在线?????? 有没有平面按钮控件 Interdev6.0 IDE 环境下无法使用MSDN access一个日期时间字段是短格式的,用什么SQL语句改成长格式的?? 大家来帮帮我想想?应该怎么样来删除呢!!!! 各位用VB.net的兄弟,请问你们使得是 Beta1 还是 Beta2 ? 迷周星弛的请来签名啊! 如何操纵RichTextEdit控件??? 我得到GIF图像的这一点的值,怎样得到它的正确的RGB值? 我想请问在CHTML(compact html)中如何对页面进行刷新。 各位老大,你们是如何找到工作的? 在VB.net中,如何实现VB6中的 set A=createobject("XXXX.XXXX") 诸位大虾救命,如何在EDIT控件中判断DBCS字符 !!求救!!对时!!! 在VC中使用Crystal report 8的问题 如何编写c程序自动对GIF图片设置大小 请教:鼠标在windows桌面上按键是否会引发某个事件? 查看DLL的输出函数 menu的问题 web的组件由什么来编写? 嵌入式数据窗口,怎样可以动态往里插数据窗口??? 在DELPHI中如何调用NETBIOS的API函数 AddNew 怎么用?- 怎么办那,啊? 方程x五次方-3x-1=0在区间(1,2)内至少有一实根. 已知多项式2x的五次方+(m+1)x的四次方+3x-(n-2)x的平方+3 ,不含x的,求2m+n的值 当x*二分之一=y*五分之二时;y=( ) 证明方程x的三次方加x减三等于零至少有一个正根 在多项式x的三次方-x+4-2x的三次方-2+3x的二次方+2x在多项式中x的3次方-x+4-2x的3次方-2+3x的2次方+2的x次方,( )与( ( )与( ( )与( )是同类项,合并结果是( (-五分之二x的2次方)的2次方·5y的2次方-(-二分之一x的2次方y)的2次方 证明 方程 X的3次方 减5X的平方加2等于0在(0,1)内至少有一个实跟 2(3X的平方减2x加4)减3(2x的平方加3x减1) 化简, 二分之一X÷三分之二=五分之二求x是多少 2的a次方等于三,2的b次方等于5,2c次方等于30,试用a.b表示c (2x-3)的平方-(3x-2)的平方=0 x除以十二分之五,等于五分之三,x等于多少 3的30次方等于几? (3x-2)(2x+3)-(x-1)的平方 已知x/x²-3x+1=2求x²/x的4次方+x²+1的值 证明x五次方-3x=1至少有一个根在1 2之间 3x平方+2x-2=3 已知X²-3X+1=0,求X的四次方+X的-4次方得值,X≠0 证明:方程 e的x次方=3x 至少有一个小于1的正根. 2X平方+6X-1=3 X平方+3X-2=? 若x²-3x+1=0,则x²/x四次方+x²+1的值为___ 证明方程X的5次方-3X的三次方+1=0在去甲你(0,1)内至少偶一个根 一个整式A减去-3x+2,再加x的二次方-x-7后得5x的二次方-2x-5,求这个整式A x+x分之一=2 求分式x的4次方—x的2次方+1分之3x的2次方的值 分解因式x的三次方+3x的平方+3x+2 一个整式A减去—3x 2,再加x的平方—X—7后得到5x的平方—2x—5,求这个整式A. 使分式3x+6/x平方-4的值为整数的整数x的值有几个? X三次方减去3X方加2加X=0RT 2x的平方+5x+2 2x的平方-5x-3 2x的平方-3x-20 2x的平方+5x-7 要使分式3x+4/x-1的值为整数的正整数x= (3x的2次方)的3次方—7x的3次方[x的3次方—x(4x的2次方+1)]+(—x的2次方)的2次方. x的3次方减3x加2 如何因式分解 280÷4X=14解方程, 因式分解:(x^2+3x+2)(4x^2+8x+3)-90用换元法 3x的2次方加2x的3次方=? 15分之4x(2分之1加O.8除以7分之8)等于几 (3x+2)的三次方+1=-61/64解不等式组3(x-2)+4=3x+1上面还有一道呢 解方程:x的四次方+3x的平方-10=02x的四次方+9x的平方-5=0 (3x-1)除以3=1-(4x-1)除以6 若a的x次方=2,则a的3x次方等于多少? x二次方-3x-1=0 解方程 1除以3x-6=3除以4x-8 若A的X次方=2,a的Y次方=3,则A的3X-2Y的次方等于? 解方程:x的三次方+3x的平方+3x-7=0 5y+1/6=9y+1/8-1-y/3 -3x的三次方)的二次方-【(2x)的二次方】的三次方 已知:1-(3m-5)的平方有最大值,则方程5m-4=3x+2的解是什么是最大值?1-[(3m-5)的平方] 答案不是5/3 解下列一元一次方程;(5y)/6=(9y+1)/8×24-(1-y)×24 请问数轴穿根法解(2x-1)的平方(x+2)(4-3x)(x-7)的三次方小于等于0 已知2-(3m-5)^2有最大值,则方程5m-4=3x+2的解为? 如果x等于5y(x、y均不等于0)那么x和y成什么比例,x:y等于什么比什么 1、(x+2)的三次方+1=8分之7等于多少?2、如果2x+19的立方根是3,求3x+4的平方根急!1、(x+2)的三次方+1=8分之7等于多少?2、如果2x+19的立方根是3,求3x+4的平方根急! 已知:1-(3m-5)的平方有最大值,则方程5m-4=3x+2的解是( ) A.7\9 B.9\7 C.-7\9 D.-9\7解题思路说一下哈! 9y等于5y+120这个方程是多少 一个代数式减去3x的四次方-x三次方+2x-1等于一个代数式减去3x的四次方-x三次方+2x-1得-5x+3x二次方-7x+2求这个代数式 一个多项式与2X的二次方-X+2的和是3X的二次方-2X+1,则这个多项式为 (5Y+1)/6=(9Y+1)/8-(1-Y)/3 证明方程x的5次方-3x+1=0在1与2之间至少存在一个小于1的实根 已知关于X的二次多项式A(X的三次方-X的二次方+3X)+B(2X的平方+X)+X的三次方-5当x=2时的值为-17,求x=-2值 {11x-9y=12,-4x+3y=-5y,解方程
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn