资讯专栏INFORMATION COLUMN

web 多屏互动显示方案

animabear / 2655人阅读

摘要:关于的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。已有案例,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在上面的杯子接入掉落的冰块

1 基于 local storage 实现的信息传递
相关插件 lsbridge.js https://github.com/krasimir/l... 且项目中有非常简单易懂的示例
你需要了解的一些关于LocalStorage的特性:
只有相同域名的页面才能互相读取 LocalStorage
每个域名 localStorage 最大存储量为 5Mb 左右(每个浏览器不一样)
LocalStorage 永久有效,除非用户主动清理缓存
localStorage只能存String类型的字符串

这种方案简单易用,且不需要后端的支持,但无论前端是使用哪种本地存储方式,都只能基于统一浏览器中使用,并且在某些数据量较大的可视化项目中这种方式其实不太适用,如果需要跨终端互动或者大数据量支持,则可以使用websocket实现。

2 websocket

关于websocket 的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。

已有案例: http://stage.moneplus.cn/ice/ ,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在pc 上面的杯子接入掉落的冰块

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114298.html

相关文章

  • web 多屏互动显示方案

    摘要:关于的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。已有案例,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在上面的杯子接入掉落的冰块 1 基于 local storage 实现的信息传递 相关插件 lsbridge.js https://github.com/krasimir/l... 且项目中有非常简单易懂的示例你需要了解的一些关于LocalStora...

    lordharrd 评论0 收藏0
  • web 多屏互动显示方案

    摘要:关于的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。已有案例,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在上面的杯子接入掉落的冰块 1 基于 local storage 实现的信息传递 相关插件 lsbridge.js https://github.com/krasimir/l... 且项目中有非常简单易懂的示例你需要了解的一些关于LocalStora...

    UCloud 评论0 收藏0
  • web 多屏互动显示方案

    摘要:关于的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。已有案例,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在上面的杯子接入掉落的冰块 1 基于 local storage 实现的信息传递 相关插件 lsbridge.js https://github.com/krasimir/l... 且项目中有非常简单易懂的示例你需要了解的一些关于LocalStora...

    DTeam 评论0 收藏0
  • 移动前端系列——websocket实时互动小游戏

    摘要:转移动前端系列实时互动小游戏原本是想在写这文章之前,给大家来个二维码,让大家来感受一下我那个狂拽酷炫叼炸天的实时互动小游戏,无奈一直没有找到一台足以住其气场的服务器。 转 移动前端系列——websocket实时互动小游戏 原本是想在写这文章之前,给大家来个二维码,让大家来感受一下我那个狂拽酷炫叼炸天的实时互动小游戏,无奈一直没有找到一台足以hold住其气场的服务器。所以,此处可能需要...

    awkj 评论0 收藏0
  • 创建一个直播答题平台需要几步?

    摘要:只需三步构建快准稳省的直播互动答题平台视频直播及网络加速部署你只需准备一台摄像机一台电脑,然后对接青云直播推流服务器,配置部署终端,即刻开启高清直播之旅,畅享超低延迟支持及优化推流协议,提供高速及分发网络,实现低至毫秒的极致延迟。 今天,你答题了吗?今天,你通关了吗? 今天,你答题赚了多少钱? 直播答题市场不断升温,越来越多的玩家开始进入,1 月 18 日,新世相正式上线第一款以小程...

    Invoker 评论0 收藏0

发表评论

0条评论

animabear

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<