微信小程序

EasyNVR网页摄像机无插件H5、谷歌Chrome直播方案中如何使用EasyNVR实现微信直播观看

匆匆过客 提交于 2021-01-30 09:46:52
进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择。 ​ EasyNVR 核心在于摄像机的音视频流的获取、转换、转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器、Android、iOS、微信)进行录像文件的检索、回放和下载。 ​ 接下来,就为大家介绍下如何使用EasyNVR在微信进行直播观看。 提出问题 实际项目中有很多客户并不需要基于 EasyNVR 去做集成的工作,只希望简单的实现在浏览器上无插件播放监控视频,例如微信直播、H5直播之类,特别是一些公众号、小程序应用上,本身接入设备的数量一般不会太多,那怎么获取一个简单直接的直播地址呢? 解决问题 在EasyNVR播放页面有一个“分享”功能,在“iframe”这个选框里有一整个嵌套地址,我们只需要将里面来源地址拿出来就可以了,比如官网演示里这个示例地址: 只需要把src里的 http://demo.easynvr.com:10800/play.html?channel=3&iframe=yes 这个地址拿出来链接到需要展示的页面就可以了。 来源: oschina 链接: https://my.oschina.net/u/4258824/blog/3398292

【译】3条简单的React状态管规则

妖精的绣舞 提交于 2021-01-30 08:32:29
2019年第13期 React组件内部的状态是在渲染之间保持不变的封装数据。 useState() 是React钩子,负责管理功能组件内部的状态。 我喜欢 useState() 确实使状态处理变得非常容易。但是我经常遇到类似的问题: 我应该将组件的状态划分为小状态,还是保持复合状态? 如果状态管理变得复杂,我应该从组件中提取它吗?怎么做? 如果 useState() 用法是如此简单,那么何时需要 useReducer() ? 这篇文章介绍了3条简单的规则,可以回答上述问题并帮助您设计组件的状态。 一个关注点 高效状态管理的首要原则是: 让一个状态变量负责一个关注点。 让一个状态变量负责一个关注点使它符合单一责任原则。让我们来看一个复合状态的例子,即一个包含多个状态值的状态。 状态由一个普通的JavaScript对象组成,该对象具有属性 on 和 count 。 第一个属性 state.on 包含一个布尔值,表示开关。 state.count 保存一个表示计数器的数字,例如,用户单击按钮的次数。 然后,假设您要将计数器增加1: 您必须将整个状态保持在附近才能更新计数。这是一个需要调用的大型构造来简单地增加一个计数器:因为一个状态变量负责两个关注点:开关和计数器。 解决方案是将复合状态分成2个原子状态并计数: on 状态变量仅负责存储开关状态。同样的方法, count 变量仅负责计数器

快手失去4000万“老铁”

你。 提交于 2021-01-30 07:27:39
来源|燃次元 编辑|燃财经工作室 2020年1月25日凌晨,快手的两位创始人宿华和程一笑,面带笑容从“A1作战指挥部”走出来,他们和在快手连续加班两个月的1000多位员工,一起见证了快手历史上最重要的一个时刻: 在春晚庞大的流量冲击下,快手抗住了前所未有的峰值,远超快手制定的K3战役目标——3亿DAU。 “每个人都很高兴,非常非常自豪,在那种氛围下,会觉得快手是世界上最牛逼的公司,没毛病。”一位在现场的快手员工对燃财经回忆。 春晚是一个节点,峰值DAU远超3亿,预示着快手K3战役取得阶段性成果,但这不是终点,K3战役的第二阶段目标是把快手的DAU维持在3亿,并在这个基础上取得更大突破。 可惜,整整一年过去,第二阶段几乎以彻底的失败告终。2021年1月24日,在上市前夕,快手更新了招股书,并披露了2020年下半年的用户数据:截至2020年11月30日止11个月,快手的平均DAU为2.638亿,和之前的峰值相比,至少4000万“老铁”消失了。 春晚的喜悦消逝得很快,在2020年2月的快手战略复盘会上,程一笑曾总结K3战役:“我对结果不满意,但是对达成结果的过程很满意。”全公司开启“硬核模式”大半年,打了一场硬仗, 虽然没有完全达成“变革组织、优化结构、迭代产品”的目的,但至少把问题暴露出来,给了快手调整的方向。 K3战役之后,整个2020年,都是快手的调整期, 从组织架构到文化价值观

Kubernetes对阵Serverless,未来究竟是谁的?

蹲街弑〆低调 提交于 2021-01-30 06:04:06
导读: 近两年里,kubernetes的风头之盛可谓一时无两,在谷歌和大量开源社区的推动下,k8s技术不仅把容器的大规模应用彻底激活,提升了诸多编程语言的适用环境,更重要的是他还让容器的运维难度变得更低,开发运维一体化进程得到了重大的推进。 但是,K8s真的就是未来了吗?只怕新兴起来的Serverless技术是不服的。虽然Serverless与k8s两种技术并不存在直接的交锋,但从热度上来讲,前者却在逐步的逼近后者。FaaS的理念从根源上在解决运维难题,将开发人员的效率最大化,彻底摆脱服务器、存储等底层设施的牵制,解放出开发者,让他们在架构设计时拥有更大的操作空间,这种理念也一样的划时代的。 那么,k8s对阵Serverless,究竟谁更能代表未来的走向呢?或许你们已经听过了太多的k8s的消息,见过了太多的k8s的演讲,那么我们这回就来探讨一下新的挑战者Serverless吧! 8月18日北京,本期云+社区技术沙龙就将会聚焦“Serverless架构开发与SCF部署实践”,深度探讨Serverless架构能在未来掀起怎样的波澜。本次沙龙将会从Serverless架构应用、小程序云开发、API网关以及对象存储等多个领域着手,全面揭示Serverless架构的优劣,展现在不同应用场景下的作用发挥。此外,更有与讲师共同动手实操开发的机会等你,千万不要错过哦! 掀动未来,大咖同在 议题一:

华为快应用2.0丨新能力、新场景赋能新生态

∥☆過路亽.° 提交于 2021-01-30 03:37:21
 9月11日,在华为开发者大会2020(Together)上,快应用2.0正式发布。快应用相关专家提出:“快应用技术经过了过去一年的发展,在许多方面有了巨大的进步。面向C端,我们升级了规范能力,开放了更多HMS能力。面向B端,我们优化了IDE开发工具,在线生成H5快应用、卡片工具。新场景方面,快应用2.0深化系统场景和HMS能力结合,带来更多更方便的场景入口,帮助合作伙伴和华为设备更深度融合。”   快应用的出现,以其轻量化、多场景互联的优势打通了多元流量池,帮助开发者占领流量高地。本次发布的快应用2.0版本涵盖了许多新功能和新场景,极大地提升了快应用的基础能力,丰富了快应用的使用场景。    新能力,快应用引擎规范升级   快应用发布上线1070规范,上线HMS帐号、支付、推送、广告等能力。开发者基于新的1070规范,可以调用更多的系统能力接口,设计发布体验更佳的应用。    新能力,与快游戏开发平台深度合作   华为快应用与3大游戏开发平台Cocos、Laya、Egret深度合作,3大开发工具集成华为快游戏开发组件,一站式完成开发发布,快速上线。    新场景,便捷登录华为帐号体系   便捷登录华为帐号体系,开发者只需在快应用中接入华为帐号便捷登录体系,即可提供较小的授权弹框界面,与快应用集成一体,用户更易接受。    新场景,快捷支付   快应用升级IAP 4.0

他从小把数学书当小说看,凭借一本书将全世界狠狠甩在身后,被誉为中国的牛顿...

随声附和 提交于 2021-01-29 17:40:13
全世界只有 3.14 % 的人关注了 爆炸吧知识 你知道吗?我国也有牛顿哦。 他就是魏晋时期的数学家——刘徽,人称“中国数学史上的牛顿”。 刘徽 沉迷学习 公元225年,刘徽出生在山东滨州邹平市的一所农家小院里。 从小,刘徽就表现得与别的孩子不一样。 别人在田间玩耍时,小刘徽就总是在一旁观看,眼神平静,完全没有想要参与的想法。这让其他的孩子们认为刘徽看不起他们,随后便不再与他玩耍了。 然而,刘徽对这个并不在意,反而很高兴,因为这下他可以有更多的时间看书了。 爸爸妈妈看到刘徽如此喜欢读书,便把他送到镇上的一所学校。 在学校,刘徽过的如鱼得水,整天缠着老师问问题,再也不是当初那个沉默的小孩了。 一日,刘徽偶然读到《九章算术》,书中的数学知识瞬间引起了他的兴趣。 《九章算术》 就像看小说上瘾了一样,刘徽终日拿着《九章算术》,一有空就看,简直就是一个莫得感情的学习机器...... 虽然他的专注和勤奋得到了老师的认可,而且时常在课堂上称赞他。但是,老师和他的父母都担心他会走火入魔。 每当他拿起书本,爸爸妈妈以及老师都会时不时地瞄几眼,甚至妈妈会借着收拾家的机会在刘徽的身边走来走去的...... 或许是知道了老师和爸妈的的担心,刘徽慢慢地缩短学习的时间,开始与同学们出去玩了。 而他的改变,也让长辈们放心了,起码不用担心刘徽会变成一个只会念书的书呆子。 计算圆周率,编写《九章算术注》

史上最气人的数学家:文理双全智商还高,说话只说半句,解题只解半个,调戏人调戏了三百年还不够......

耗尽温柔 提交于 2021-01-29 17:37:45
全世界只有 3.14 % 的人关注了 爆炸吧知识 大家上学的时候有没有想过:在数学试卷上调戏阅卷人。 想想小天,会都不会写,还调戏阅卷人?想都不敢想。 但一个知乎大佬就做了。他居然用费马的原话作答:我已经想到了一个极佳的证明方法,只是这里地方太小,我写不下。 然后................... 老师给了他-2+-4分。 试卷果然没有费马好看。 小小费马才能多 费马,全名皮埃尔.德.费马。1601年出生于法国博蒙.德.罗马涅。父亲是个皮革商人,母亲是个穿袍贵人,费马没有大头也不用担心吃穿用度啥的。 严格来说,费马不算是父母拉扯大的,因为费马的启蒙教育被舅舅横插了一大脚。 就是这一脚,让费马成了啥啥都会的小全才。 舅舅受过良好的教育,但他的教育方式却很简单粗暴且有效:甭管是什么,都丢过去“围攻”费马就对了,突围后,费马也就成了“琴棋书画”样样精通的“大家闺秀”。 你觉得小天在瞎说?费马可是精通五国语言:法语、意大利语、西班牙语、拉丁语和希腊语,还有着各种各样的兴趣爱好呢! 从这我们就可以看出有一个有先见之明的长辈多么重要:30年后,费马将兴趣转向数学。还好费马有语言优势,不然就看不懂那些数学大师的书(拉丁文书),更不可能用拉丁文写书了(是什么书后面再说)。 松开舅舅的大腿后,14岁的费马来到了博蒙.德.罗马涅公学学习。 这时的费马也和我们一样迷茫着:唉,以后往哪条道走啊。

QQ 邀你上线小程序,官方生态能力持续赋能你的小程序

China☆狼群 提交于 2021-01-29 16:22:15
你身边总有一些朋友,他们的表情包极其丰富,能时刻应对各种聊天场景。 表情包奇奇怪怪,可可爱爱,非常形象生动体现我们当下的心情,逐渐成为社交平台中不可或缺的一门「语言」。无论是微信还是 QQ,不仅支持添加你所收藏和制作的表情,更是支持表情包创作者上架专辑,满足爱好的同时,偶尔还可以赚点赞赏费。 假如在聊天窗口上点击表情,跳转到对应的小程序,可以把所有社群的流量转化到自己的小程序上,进一步将流量变现,这操作听起来是不是很给力? 是的,这正是 QQ 小程序正在做的事情,开放生态能力赋能小程序,而且远不止这一个能力。 企业/个人以小程序为载体,依托平台生态,通过提供相关服务来吸引流量,再基于业务模式实现流量变现。在流量即王道的时代里,当大家处于流量获取无门、流量买不起的困境时, QQ 小程序不断丰富获客场景,提供基础能力和增长能力赋能小程序,帮助小程序突破增长困境,提高服务质量。 丰富的小程序获客场景促进用户增长 不断丰富的 QQ 小程序生态,正在赋予小程序更好的用户体验。在小程序生态发展过程中,需要每一个创造者的参与。这个创造者,可以是开发者、设计师、产品运营以及任何一个有想法的你。 知晓云 和 QQ 小程序携手启动校园助力计划,带来官方的生态能力,一站式赋能在校学生开发和运营小程序。 不仅要提高 QQ 小程序开发者的开发能力,还要赋予其用户增长和运营能力

餐饮业点餐小程序菜单页设计

无人久伴 提交于 2021-01-29 05:09:15
“快捷便利的点餐,到店不排队,点菜更容易。” 经历了几个月的打磨,我做了一款点餐、外卖、会员、营销一体化的专属小程序。大家以为很简单,其实不然,只有自己真正动手去做了,发现会遇到不少的考验的。 商品列表页的设计,无论是从视觉上还是交互上,也花了不少时间,使得用户体验可以更上一层楼。 在数据表上,我设计了两个表,一个是类目表,一个是商品表。然后通过两个接口,分别获取数据回来,然后重新处理。其实,还有一种方案是,只设计一个表。我尝试过,但是不太理想。 至于还有这里的一个难点是,购物车与列表页的“加”、“减”商品的联动,这里我花了不少时间去做逻辑处理,也是尝试了不同的解决方案,最后我采取了一种我认为最优的一种。 来源: oschina 链接: https://my.oschina.net/u/4634707/blog/4928241

微信小程序使用字体图标

放肆的年华 提交于 2021-01-29 04:55:08
项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步:下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标,如这里需要一个购物车的图标,流程为: 搜索“购物车”图标--->点击“添加入库”-->点击购物车进入购物车-->点击下载代码按钮。 点击下载代码,将得到名为download.zip的压缩包,解压将看到以下内容: 第二步:转换ttf文件 进入 https://transfonter.org/平台,将解压出来的 ttf字体文件转化成base64格式。流程如下: 点击下载,得到转换后的压缩包,名为transfonter.org-开头。解压可以得到如下图的几个文件: 第三步:在微信小程序中使用 新建微信小程序,将默认生成的代码删除。 1--在index.css文件中添加样式内容。 打开刚刚我们经过转换的解压出来的文件,找到 stylesheet.css,将其中的内容全部复制到index.css文件中。注意是转换过的那个文件。 2--打开没有转换过的download.zip解压出来的文件,找到iconfont.css文件,将这个文件中的没有打岔的内容复制到index.css文件中。@font-face这部分不要,只要下边的这部分。 3-