N-dual.js
双屏幕互动应用
Create by youyudehexie
参考 controldeck.js, remote.js
如何开始
打开例子
http://wechat.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,你的应用就能变成双屏幕操作的应用,消息目前只支持 向左滑动 和向右滑动和登陆消息,根据消息,你可以对你的页面进行相应设计。
例子
example1
example2
下载
https://github.com/youyudehexie/n-dual/tree/master/public/build
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/88754
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.