来创建你自己的双屏幕互动应用,本人弄的,来支持一下吧。

2013-11-10 20:12:09 +08:00
 youyudehexie
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
3761 次点击
所在节点    分享创造
5 条回复
crs0910
2013-11-10 23:36:54 +08:00
不错,看你发的多乱..
上下怎么控制呢
keller
2013-11-11 00:31:07 +08:00
看过GOOGLE的一个演示页面效果很棒
youyudehexie
2013-11-11 00:31:32 +08:00
@crs0910 没弄上下消息,第一版,未来两个月会做出一个像样的东西出来,只是跑跑demo,如果有人愿意follow就做全一点。
slax
2013-11-11 13:13:37 +08:00
非常赞!
youyudehexie
2013-11-16 16:59:21 +08:00
多来支持一下吧。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/88754

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX