来创建你自己的双屏幕互动应用,本人弄的,来支持一下吧。
#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 回复
创建了种子项目,欢迎大家来测试一下。
顶一下
演讲的时候,手机可以做遥控器了
太帅了!
你这个是需要服务器作websocket的中转站么?
赞
赞!
so cool!
貌似左右反了。。。哈哈
its so cool
@Anthem 取代ppt咩