来创建你自己的双屏幕互动应用,本人弄的,来支持一下吧。
发布于 1年前 作者 hexie 1643 次浏览

#N-dual.js

##双屏幕互动应用

Create by youyudehexie

参考 controldeck.js, remote.js

##如何开始

  1. 打开例子 http://ndual.whattoc.com/example1
  2. 用手机扫描二维码,二维码内容是控制器的地址,打开改地址,对屏幕进行控制
  3. 左右滑动屏幕,能够控制页面内容

注意!!:

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的中转站么?

貌似左右反了。。。哈哈

回到顶部