首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

简单5步使用即构SDK,实现在线抓娃娃H5产品

娃娃端有两个摄像头,一个传输正面影像,另一个传输侧面,开发者可以自定义正面和侧面。即构的SDK和业务层应用跑在娃娃端的硬件板子上。用户端H5应用跑在浏览器上,包含即构的SDK还有业务层。...如何快速集成即构的JS SDK 在集成SDK之前,我们先看一张API时序图,了解一下大概的调用流程。 ? 图 2 娃娃用户端API调用时序图 首先,引入我们的SDK。...4)用户可以看到视频后,要进行游戏,这时候需要发送自定义消息/或者说指令,与娃娃进行交互的指令,比如预约上机、确认上机、移动娃娃的天车、执行抓取动作等等。...去哪里下载源码?...JS SDK地址:https://storage.zego.im/downloads/jZego-SDK.zip 在线抓娃娃一站式方案: https://www.zego.im/html/document

1.5K60

如何开发趣味H5小游戏《在线抓娃娃

作为一个H5游戏开发爱好者,最近写了一款非常有趣的小游戏,即《在线抓娃娃》(在线体验)。在此总结分享一下开发经验,希望能够对大家有所启发。...图片游戏创意与设计《在线抓娃娃》是一款受欢迎的街机游戏的在线版本,它将经典的抓娃娃玩法带入了手机屏幕。玩家可以通过点击按钮控制抓手的移动和抓取动作,尝试抓取娃娃并将其成功送到出口。...height: 40px; background-color: pink; top: 360px; left: 130px;}物理模拟实现:为了实现真实的抓取动作,使用了物理引擎库,如Matter.js...经验与教训在开发《在线抓娃娃》的过程中,获得了一些宝贵的经验和教训:选择合适的技术:在开发过程中,选择合适的技术是非常重要的。...最后通过开发《在线抓娃娃》,我深刻体会到了H5游戏开发的乐趣和挑战。这款游戏不仅给玩家带来娱乐,也是我在技术和创意方面的一次锻炼。

43700

手写Express.js源码

; console.log(`request path: ${pathname}`); next(); }); 复制代码 Express也支持静态资源托管,不过他的API是需要指定一个文件来单独存放静态资源的...,比如我们新建一个public文件来存放静态资源,使用express.static中间件配置一下就行: app.use(express.static(path.join(__dirname, 'public...手写源码 手写源码才是本文的重点,前面的不过是铺垫,本文手写的目标就是自己写一个express来替换前面用到的express api,其实就是源码解析。...express.js对应的源码看这里:github.com/expressjs/e… app.listen 上面说了,express.js只是一个空壳,真正的app在application.js里面,所以...[method] 所以我们来看下Router这个类,下面的代码是从源码中简化出来的: // router/index.js var setPrototypeOf = require('setprototypeof

5.4K30

VMware虚拟文件中各文件作用详解

VMware虚拟文件中各文件作用详解 虚拟的文件管理由VMware Workstation来执行。...一个虚拟一般以一系列文件的形式储存在宿主机中, 这些文件一般在由workstation为虚拟所创建的那个目录中。 这里列出了这些关键文件及其扩展名。...,储存着根据虚拟向导或虚拟编辑器对虚拟进行的所有配置。...如果在新建虚拟机时指定虚拟磁盘文件为单独一个文件时,系统将只创建一个.vmdk文件 该文件包括了虚拟磁盘分区信息,以及虚拟磁盘的所有数据。...这是虚拟快照的状态信息文件,它记录了在建立快照时虚拟的状态信息。 ##为数字编号,更具快照数量自动增加。

2.6K30

手写Koa.js源码

第二篇文章是看了Express的基本用法,更主要的是看了下他的源码:手写Express.js源码 Express的源码还是比较复杂的,自带了路由处理和静态资源支持等等功能,功能比较全面。...从上面两个例子的代码来看,Koa跟Express有几个明显的区别: ctx替代了req和res 可以使用JS的新API了,比如async和await 手写源码 手写源码前我们看看用到了哪些API,这些就是我们手写的目标...lib/application.js这个文件就是我们经常用的Koa类,虽然我们经常叫他Koa类,但是在源码里面这个类叫做Application。...app.createContext对应的官方源码看这里:github.com/koajs/koa/b… context.js 上面的this.context其实就是来自context.js,所以我们先在...Express源码可以看我之前这篇文章:手写Express.js源码 Koa的思路看起来更清晰,Koa本身的库只是一个内核,只有中间件功能,来的请求会依次经过每一个中间件,然后再出来返回给请求者,这就是大家经常听说的

1.1K20

即构抓娃娃成全球首家支持HTTPS,延迟低至400ms媲美原生APP

对在线抓娃娃来说,支持HTTPS的在线抓娃娃方案,安全性将大大提升。例如,据不少网友反映,在线抓娃娃抓着抓着,就会出现运营商劫持页面的情形,使用HTTPS版本出现这种场景的概率则可以大大降低。...具体对在线抓娃娃来说,支持HTTPS的在线抓娃娃方案,安全性将大大提升。例如,据不少网友反映,在线抓娃娃抓着抓着,就会出现运营商劫持页面的情形,使用HTTPS版本出现这种场景的概率则可以大大降低。...在线抓娃娃网络传输的信息主要分为2部分,视频画面和信令控制信息,其中信令控制信息往往可能包含着支付账户等敏感信息。...即构在线抓娃娃H5方案的核心优势 即构线上抓娃娃H5版本支持WSS/HTTPS 为了支持HTTPS,即构在线抓娃娃H5方案架构中,H5页面和即构服务器间的通信协议也由由原本的WS(WebSocket)协议换成了...值得注意的是,适配了HTTPS的即构在线抓娃娃H5方案,核心优势没有变: 第一、延迟低至400ms,媲美原生APP 即构在线抓娃娃H5方案平均延迟400ms,逼近原生APP的用户体验。

1.3K50

如何阅读JS源码?读源码有什么好处

对,就是看别人写的JS代码。文档嘛,自然是没有的。 之前也有试过看代码,但项目中N多JS文件,每个JS文件上千行,一行一行的看下来,用不了几分钟就完全晕掉了。...于是,这一次,我决定换一个方式读JS源码。 这个项目中有N个JS文件,我把入口的JS文件拿出来先看,然后我把它里面所有的函数名,都用思维导图写出来,就像这样, ?...看小说一行行看就OK,但读源码的重点,不在于要读完并理解每一行JS代码,而在于通过图表和笔记,理解系统的结构和它们之间的关系。...实际上这也是不可能的,每个大项目中上百个JS文件,每个JS文件上千行、几千行代码,这算起来就十万多行了,哪有时间让你慢慢看完。...推广来说,看项目源码,看前端各种构架的源码,它最大的好处就是可以培养自己的对于代码的“层次感”。

3.6K110
领券