V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
youyudehexie
V2EX  ›  分享创造

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

  •  
  •   youyudehexie · 2013-11-10 20:12:09 +08:00 · 3898 次点击
    这是一个创建于 4062 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    第 1 条附言  ·  2013-11-10 22:15:45 +08:00
    地址错了

    请打开
    ndual.whattoc.com
    第 2 条附言  ·  2013-11-10 22:16:02 +08:00
    ndual.whattoc.com/example1
    第 3 条附言  ·  2013-11-11 22:52:55 +08:00
    有些朋友可能不知道怎么用,所以特意创建了一个参考的种子项目,欢迎参考和试用
    https://github.com/youyudehexie/ndual-seed
    5 条回复    1970-01-01 08:00:00 +08:00
    crs0910
        1
    crs0910  
       2013-11-10 23:36:54 +08:00   ❤️ 1
    不错,看你发的多乱..
    上下怎么控制呢
    keller
        2
    keller  
       2013-11-11 00:31:07 +08:00
    看过GOOGLE的一个演示页面效果很棒
    youyudehexie
        3
    youyudehexie  
    OP
       2013-11-11 00:31:32 +08:00
    @crs0910 没弄上下消息,第一版,未来两个月会做出一个像样的东西出来,只是跑跑demo,如果有人愿意follow就做全一点。
    slax
        4
    slax  
       2013-11-11 13:13:37 +08:00
    非常赞!
    youyudehexie
        5
    youyudehexie  
    OP
       2013-11-16 16:59:21 +08:00
    多来支持一下吧。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1187 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 23:13 · PVG 07:13 · LAX 15:13 · JFK 18:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.