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

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

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

用Delphi 设 计 拨 动、 跳 线 开 关 组 件 用Delphi实现JPEG格式图像的显示 用Delphi制作动态有声标签 运行时生成控件-Delphi资料 在DBGRID中实现COPY、PASTE功能-Delphi资料 请高手进来,请问如何在一个视图中显示多个位图,并把他们拼接起来 水晶报中怎样实现分栏打印? 为什么屏蔽空格的函数调用会使汉字输入不进去? 请问该线程如何关闭? 有关schema名域的问题 这句sql哪错了???大家帮忙 redhat9下oracle安装完,sqlplus不好使?急急急! Remoting事件响应MessageBox.show存在问题 很傻的问题,帮个忙! 英语翻译在市场经济发展日趋深化的今天,品牌对于企业 麻烦英文好的人进来一下,合同文件的翻译本合同为有固 英语翻译请告诉我以下词语的英文(附:比如说第二十二 英语好的、进来一下.1.how many peop 我英语初中水平都不如 大学就跟没学差不多 如果我想 英语非常好非常好的进来一下啊.一定要非常好啊.辽宁 急问!本人英语水平四级没过,但是中学高中都学了英语 我的名字叫罗俊杰,我想知道下英文是什么。不是全拼的 英语水平较差,四级没过,工作又比较忙,怎么样能提升 “我想象中的中国游”秘鲁少儿绘画比赛第九届北京—东京论坛在北京开幕福岛近海发生7.1级地震 最大观察到德国高层代表团将赴美 跟进默克尔被窃浙江监测教育质量评价 5万余名学生“逛南亚特色商品博览会 买到平时买不到“72小时过境免签”政策促使成都旅客射手榜防止设备被盗引发交通堵塞二环路将改造阿根廷变阵4 3 3首次交锋伊朗神级恶搞龙卷恶人从慕容复开始器道成仙大杀官北海老城旅游青岛大学旅游谷底林海旅游长白山温泉旅游峡谷浮石林旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘