#N-dual.js
##双屏幕互动应用
Create by youyudehexie
##如何开始
- 打开例子 http://ndual.whattoc.com/example1
- 用手机扫描二维码,二维码内容是控制器的地址,打开改地址,对屏幕进行控制
- 左右滑动屏幕,能够控制页面内容
注意!!:
1.因为服务器资源紧缺,所以二维码是由google api来生成的,偶尔会抽风,如果有VPN的同学,挂上VPN望理解
2.采用微信二维码扫描的同学,请注意,微信的浏览器渣一般,所以操作起来非常卡顿,建议用手机chrome打开,才能有较好的用户的体验。
##制作你自己的双屏幕应用
<script src="/socket.io/socket.io.js"></script>
<script src="/ndual.js"></script>
<script>
Ndual(function(message){
if(message === 'dragright') Reveal.navigateRight();
else if (message === 'dragleft') Reveal.navigateLeft();
})
</script>
ndual.js 会收集遥控操作信息,发送到你的页面应用上,只要你加上js,你的应用就能变成双屏幕操作的应用,消息目前只支持 向左滑动 和向右滑动和登陆消息,根据消息,你可以对你的页面进行相应设计。
##例子
##下载
https://github.com/youyudehexie/n-dual/tree/master/public/build
如果有问题和疑问,可以跟帖。。
11 回复