9月初就申请了 掘金小册子，到现在也没审核通过，只能将此项目的文字教程发布到小专栏了， 小专栏地址
由于我们的电脑有的有摄像头，有的没有摄像头，所以我们需要根据不同的场景来封装这个组件。先放个图吧，大家可以看得更加直观一些。
在平时的前端开发中，我们更多的是完成螺丝钉的角色，即在公司的前端框架下，实现各种业务逻辑，Vue技术栈并不是难点所在，难点往往在于从 0 到 1 搭建一个完整的实践项目，本项目带领读者开发媲美原生抖音APP的webApp，使用vue.js作为此项目的技术栈，通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包，使读者了解前端开发全流程。项目中的代码规范致力于编写高可维护，易于扩展的前端高质量代码。 项目中视频自动播放、上拉播放、下拉播放是本项目的亮点，h5调用手机端摄像头实现 视频采集 更是亮点中的亮点
Slidev 是一个基于 Vue.js 的幻灯片演示工具，它可以通过 Markdown 语法来创建漂亮的幻灯片。
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
众所周知，在视频直播领域，有不同的商家提供各种的商业解决方案，其中比较靠谱的服务商有阿里云直播，腾讯云直播，以及又拍云和网易云的有偿直播服务，服务包括软硬件设备，摄像机，编码器，流媒体服务器等。但是其高昂的费用以及较高的准入门槛让许多个人和小型企业望而却步，本文要讲解的是如何使用nginx-rtmp搭建直播服务器，配合FFmpeg推流，在网页端vue.js作为载体利用video.js作为流播放器，打造一套可用的在线视频直播方案。
基于深度学习的交通流量检测系统 深度学习|人工智能|数据分析|VUE|SpringBoot
作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。
大家好，又见面了，我是你们的朋友全栈君。 前言随着公司业务不断发展，移动开发项目越来越多，项目任务时间紧，我们内部开发流程是以项目为导向，有别于一般公司对产品不断迭代的做法，但移动端开发人员资源有限，需要在不同项目之间做业务场景切换开发，就会经常出现项目完成时间 Delay。面对这样的问题，我们该如何去解决呢？现在了解到的现状是每个业务组都有配备 Web 前端开发人员，那么是否能把涉及到业务模块分发给具体业务组 Web 前端开发人员去开发，剥离业务模块，我们移动端开发人员则专注于框架的开发或者手机端设备能力开发，比如可支持调用摄像头，监听网络状态变化，提供地理位置信息等等，有没有这样一套适合的解决方案呢，答案当然是有的。我们引入了可利用 Web 前端能力和移动端操作系统原生能力相结合开发模式，叫做 Hybrid 混合开发。 目录为何选择 Hybrid 开发模式在实践过程中碰到什么问题和解决经验总结为何选择 Hybrid 开发模式1，目前工作中碰到的问题随着公司业务飞速发展，移动端定制的项目越来越多，同时每个项目的业务逻辑呈现出复杂化和差异化特点，每个项目都需要提供 Android 版本和 IOS 版本，增加开发成本，开发周期往往又会被拖长。同时近年来前端技术蓬勃发展，HTML5 大行其道，很多主流 APP 厂商都利用 HTML5 前端能力来编写业务模块并结合原生设备能力进行混合开发，常见的比如淘宝、京东、微信、携程等等。虽然目前业务项目多，但是用户交互体验要求不高，常见页面也是列表，表单居多，适合充分利用HTML 5能力，因此引入Hybrid 混合开发模式，这样只需要 Web 前端开发人员写一遍前端业务代码，却能同时在Android 系统和 IOS 系统中执行。 2，Web APP、Hybrid APP、Native APP 对比目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App，如图：三者区别指采用Html5 语言写出的 App，不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用，基本上可以说是触屏版的网页应用。 优点（1）开发成本低，更新快（2）更新无需通知用户，不需要手动升级（3）能够跨多个平台和终端缺点：（1）临时性的入口（2）无法获取系统级别的通知，提醒，动效等等（3）用户留存率低（4）设计受限制诸多（5）体验较差从外观上来看是一个Native App ，实则只有一个UIWebView，里面访问的是一个Web App ，如新闻类和视频类的应用普遍采取该策略：Native 的框架加上Web 的内容。不同于Native App 需要针对不同的平台使用不同的开发语言（如使用Objective-C、Swift开发iOS应用，使用Java等开发Android应用），允许开发者仅使用一套网页语言代码（HTML5+CSS+JavaScript），即可开发能够在不同平台上部署的类原生应用 。由于结合了Native app良好用户交互体验和Web App 跨平台开发的优势，能够显着节省移动应用开发的时间和成本，得到越来越多公司的青睐。 按照网页语言和程序语言的混合，Hybrid App 通常可以分为三种类型：多View混合型：Native View 和 Web View 独立展示，交替出现。 其应用主体通常是Native App，Web技术作为补充。即在需要的时候，将 Web View作为独立的 View 运行，在 Web View内完成相关的展示操作。开发难度与Native App相当.比如：微信里的公众号文章使用的是Web View 。 单View混合型：在同一个View 内，Native View 和Web View 为层叠关系，同时出现。开发成本较高，难度较大，但是体验较好。比如：百度搜索同时实现充分的灵活性和较好的用户体验。 Web主体型：应用主体是Web View ，穿插 Native 功能，主要以网页语言编写。整体开发难度低，基本可以实现跨平台，而用户体验好坏，主要取决于底层中间件的交互与跨平台能力。比如：项目管理工具 Basecamp 使用Web view呈现内容，调用系统原生 API 实现界面导航等功能来提高用户体验。 也并非是完美的解决方案。由于其使用 HTML5，某些依赖于复杂的原生功能或者繁重的过渡动画的应用会出现卡顿。同时，为了模拟Native App 的UI和感官，需要投入额外的时间和精力；尽管可以跨平台，但是并不能完全支持所有的设备和操作系统。最后，如果应用的体验不够原生化，如一个简单的网站，则还有被Apple App Store拒绝的风险。 指的是原生程序，一般依托于操作系统，有很强的交互，是一个完整的 App，可拓展性强。需要用户下载安装
博文来源：http://www.fhadmin.org/webnewsdetail13.html
博文来源：www.fhadmin.org/webnewsdetail12.html
https://console.cloud.tencent.com/trtc/quickstart
本教程操作环境：windows7 系统、uni-app2.5.1 版本、thinkpad t480 电脑。
ThingsPanel是通用的开源的物联网支撑平台，包括通用底座与行业积木解决方案，旨在快速构建物联网行业应用。
网友的家里有一条狗🐶，很喜欢乘人不备睡沙发🛋️，恰好最近刚搬家 + 狗迎来了掉毛期 不想让沙发上很多毛。所以希望能识别到狗，然后播放“gun 下去”的音频📣。
【新智元导读】谷歌最新的 Teachable Machine 项目，可以让用户无需编程就能利用摄像头采集数据、设计机器学习。作为 AI Experiment 的一部分，这一项目可以让你利用手机上的摄像头就进行简单的机器学习训练。项目代码已经开源。 从帮你找到最爱的照片，到为日本的农民做黄瓜分类，机器学习正在改变人们使用代码解决问题的方式。但机器学习到底是怎么工作的？ 我们希望让大家更容易地上手，所以我们创造了“Teachable Machine”（https://teachablemachine.withg
之前接触过这方面的知识，一直想写一些关于代码的文字，但考虑到浪费时间，又不具备大神的实力，也不想去把别人的代码照搬过来，所以一直都是空白着的，今天敲代码的时候，有了一个比较好的想法，第一，定位在学习这一块，去学习一些领域的新知识，并分享自己每天的学习成果，第二，总结工作中遇到的代码，解决的问题，拿出自己的demo截图，做出一些文字说明解释，相信通过这两个途径，能够让自己取得更大的发展空间。
1、网上的教程大部分都是虎头蛇尾的不全的。互相抄来抄去真的感觉就没有一个是真正自己去写一写的，不然这里面这么多的坑就没有一个人出来说说的？下面就写写我实现功能过程中的一些问题吧，代码绝对完整并且按照步骤来一定可以成功！
前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式，今天我们学习一下在桌面应用层用electron实现视频聊天。
之前接触过这方面的知识，一直想写一些关于代码的文字，但考虑到浪费时间，又不具备大神的实力，也不想去把别人的代码照搬过来，所以一直都是空白着的，今天敲代码的时候，有了一个比较好的想法，第一，定位在学习这一块，去学习一些领域的新知识，并分享自己每天的学习成果，第二，总结工作中遇到的代码，解决的问题，拿出自己的demo截图，做出一些文字说明解释，相信通过这两个途径，能够让自己取得更大的发展空间。 h5调用本地摄像头 前端时间使用HTML5做了一个WEB端APP，其中用到了H5页面调用手机摄
腾讯实时音视频（Tencent Real-Time Communication，TRTC）将腾讯 21 年来在网络与音视频技术上的深度积累，以多人音视频通话和低延时互动直播两大场景化方案，通过腾讯云服务向开发者开放，致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。
相信绝大多数朋友做 PPT（幻灯片 / Slides / Deck 等各种称呼了）都是用的 PowerPoint 或者 KeyNote 吧？功能是比较强大，但你有没有遇到过这样的痛点：
以上就是完成人脸识别所需的步骤，如果你想在这个基础上，做人脸比对或者身份证校验等拓展功能，可以借助用户的身份证、姓名等信息，再结合第三方的AI服务，比如腾讯云的人脸核身来完成，本质上底层数据支持来自公安的实名认证接口
Native、Web App、Hybrid、React Native（后面以RN简称）、Weex 间的异同点，后期同步 小程序 和 PWA。
海豚精灵：https://www.whhtjl.com；优课GO：https://mgo.whhtjl.com
今天，我们来总结下我们平常使用的工具函数,希望对大家有用。 1、封装fetch 「源码：」 /** * 封装fetch函数，用Promise做回调 * @type {{get: (function(*=)), post: (function(*=, *=))}} */ const fetchUtil = { get: (url) => { return new Promise((resolve, reject) => { fetch(url, {
进入docker 开启推流服务器 docker run -it -p 1935:1935 -p 8000:80 --rm alfg/nginx-rtmp
上次我们已经用vue+ts实现了多人会议室的搭建，这次我们继续在上次项目的基础上，实现互动直播功能。
得益于各种套件，今天的机器学习的门槛已经越来越低。但 Google 显然并不满足于此，其最新推出了 Teachable Machine 项目，让用户无需编程就可以用手机、平板、计算机等设备的摄像头采集数据进行机器学习。这一项目是 Google 的 A.I. Experiment 的一部分，源代码已经公布在 Github 上。 得益于各种套件，今天的机器学习的门槛已经越来越低。但 Google 显然并不满足于此，其最新推出了 Teachable Machine 项目，让用户无需编程就可以用手机、平板、计算机等
首先说明，本篇文章是概念+实践，对于希望了解和实践一个简单的摄像头直播网页功能的人会有帮助，由于篇幅和实践深入度有限，目前demo效果只支持直播播放电脑端以及常用摄像头的实时视频流，其他复杂的功能（例如视频信息实时处理，高并发，网络分发等）尚未实现，还需要进一步探索。
最近AR的话题很火,如前段时间pokemon Go游戏，和支付宝的AR红包，加上最近看到了一些关于前端运用webRTC技术实现WebAR的文章，这边就尝试结合下,实现一个简单版的pokeMon Go的游戏。由于有兼容性问题，目前demo只是跑在android的手Q中，具体效果如下：
来源：FreeBuf黑客与极客 网址：www.freebuf.com 在某些场合（比如酒店、洗手间），我们会担心坏人会利用隐藏的摄像头进行偷窥和监视。而这类摄像头往往又很难被发现，这着实让人困扰。难道007电影中，詹姆斯·邦德的相机检测“神器”真的只在电影中存在吗？ 公共场所闭路摄像头日益增长 其实你也可以使用现实中的设备来检测隐藏角落中的摄像头。尤其在斯诺登曝光一系列事件之后，很明显存在监控是无可辩驳的。而实际上一个隐藏的监控摄像头监视你的一举一动要比数字化监控的电子邮件和电话记录更令人感到恐惧。如果你表
背景： 最近AR的话题很火,如前段时间pokemon Go游戏，和支付宝的AR红包，加上最近看到了一些关于前端运用webRTC技术实现WebAR的文章，这边就尝试结合下,实现一个简单版的pokeMon
9月8日，苹果7正式发布，苹果首次采取了“同代不同配”的设计，即4.7吋和5.5吋采取了完全不同的设计，主要区别是5.5吋Plus版引入了双摄像头。正是因为这一设计，让iPhone 7 Plus销量超过了iPhone 7，大屏手机卖得更好在iPhone历史上尚属首次，有人说这是大屏手机的胜利，实际上却是双摄像头的胜利。 双摄像头必然会成手机标配 iPhone 7 Plus采取“广角+长焦”的双摄像头设计，这让其拍照方式变得更加有趣不说，还让iPhone首次拥有了光学变焦能力，2x的光学变焦+10x的数码变
熟悉EasyNVR产品的朋友们都知道，产品设计初期根据整个直播流程层级，我们将EasyNVR无插件直播系统划分为：硬件层、能力层、应用层，连接硬件与应用之间的桥梁，同时屏蔽各种厂家硬件的不同特性，为视频应用提供统一的视频能力和控制能力输出，极大方便用户的应用集成，解决硬件的兼容问题，是一整套完整的无插件直播和系统。可是，随着用户需求的增多，大批量设备和多现场设备进入后，我们在以上架构基础上增设EasyNVS能力层，布置在云端对多个EasyNVR现场进行统一运维和管理。结构如下：
一个8岁的女孩在无人的房间里听到了这样的一句招呼。声音从摄像头传来，在摄像头的背后，是一个不知其面孔的黑客。这是在圣诞来临之际，发生在美国的真实的一个摄像头入侵事件。
一、网络摄像头安全隐患原因 1、隐私数据不仅自己有 使用最多的“移动监控功能”，视频数据基本走设备厂商网络进行存储/转发。隐私数据通过或留存第三方，安全风险巨大 2、隐私数据泄漏 系统安全漏洞频发，特别是主打低价的小众厂商，甚至厂家服务器运维管理薄弱，非主观因素泄漏防不胜防 3、用户配置不当 小白用户密码简单或使用默认密码，部分摄像头会开启路由器upnp功能，加大暴力破解风险 有一定能力用户，为图便利，路由器上做些端口映射或直接映射公网，摄像头基本裸奔在外网 二、解决思路 1、隐私数据自己掌握 不用官方提供
在使用相机时，最自然的效果是不管你的手机如何旋转，手机上的成像始终是向上的，也就是说，相机内容不会随着相机的旋转和旋转。
前不久，雷军发布了一条爱心加美图的微博，拉开了小米和美图战略合作的大幕。同时，小米正式宣布两家品牌达成战略合作关系，美图公司将美图手机的品牌、影像技术和二级域名等独家授权给小米集团，合作期间长达30年。简单来说，就是美图手机将品牌以及相机算法等核心部分独家授权给了小米。
随着时代的发展，手机厂商为了提升手机性能可谓是绞尽脑汁。手机越来越薄，屏幕越来越大，摄像头也是从一个升级到了两个。以下内容纯属个人观点（要一个完全不懂摄像头的人写这种文章真的是太难了）那就先拿个目前的DxOMark排行来镇个楼。
实习一直是大学生学习生涯中不可或缺的一部分，特别是对于学习计算机、软件等方面专业的学生。拥有一段丰富多彩的实习经历不仅可以在毕业后出去找工作时引起HR的注意，也会在读研究生选择导师时得到老师的青睐。因此，很多高校把实习作为学生的一种必修课程并计入了实习学分。但是由于有时学生们找的实习公司地址分布在全国各地，所以监管学生是否到岗实习以及学生是否安全则成为了一个很大的问题。在传统模式下，学生每日可能通过QQ等通信软件向老师报备。这种方式不但无法很好的进行数据统计而且低效。其次，有些学生初入职场时常常显得手足无措，找实习时由于没有恰当的方法屡遭拒绝甚至陷入培训骗局。所以，为解决这些问题，本系统应运而生。
9月8日，一年一度的卖肾节如期而至，苹果今天凌晨发布了iphone7系列手机。这次的新品在外观上除了抛弃耳机接口之外，最大的改变就是双摄像头的加入。有了这个双摄像头，再也不怕挤公交的时候别人看不出来这
由于YouTube和Netflix的出现，我们开始躺着看手机。然而，长时间用手拿着手机会让人感到疲劳。这次我们制作了一个可以在你眼前保持适当距离并调整位置的自动移动手机支架，让你无需用手拿着手机。请务必试试！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
