在本教程中，您学习了如何将帧从一个服务器机器流式传输到一个客户端*络浏览器。使用这个*络流式传输程序，我们能够构建一个基本的安全应用程序来监控我们房子里的一个房间的运动。

您准备好和我一起学习计算机视觉和如何应用嵌入式设备（如树莓派、Google Coral和NVIDIA Jetson Nano）了吗?

本书还涵盖了使用谷歌Coral和Intel Movidius NCS协作处理器(Hacker + Complete Bundles)的深度学习。当需要更多的深度学习能力时bt狗游戏盒子苹果手机下载，我们还将引入NVIDIA Jetson Nano(Complete Bundle)。

游戏视频怎么传到*页上面

我的新书《树莓派计算机视觉》中有40多个与嵌入式计算机视觉+物联*(IoT)相关的项目。您可以根据书中的项目进行构建来解决家里、**甚至客户的问题。每一个项目都有着重方向:

今天的教程——运动检测和流式传输到*络浏览器——就是这样一个迷您项目的一个很好的起点。我希望既然您已经阅读了本教程，您已经对如何将这个项目扩展到您自己的应用程序进行了思考。

对于吉他来说，这意味着学习短的即兴重复，这不仅教会了我真正的歌曲的一部分，也给了我一个宝贵的技巧(例如，掌握一种特定的五声音阶)。

我的观点是，无论何时您在学习一项新技能时，无论是计算机视觉，还是使用树莓派进行渗透，甚至是弹吉他，最快、最简单的学习方法之一就是围绕这项技能设计(小的)现实世界的项目，并尝试解决它。

结果呢?我的手指速度比以往任何时候都快，我的节奏也很准，我可以不断地惹恼我的妻子，在我的Les Paul上演奏Sweet Child of Mine。

大约一年半以前，我决定重新开始上吉他课。这一次，我特意找了一位能够将理论与实践相结合的老师，教我如何在学习理论技巧的同时演奏歌曲或即兴重复乐段。

相反，我的音乐老师一直向我脑子里灌输理论——但作为一个11岁的孩子，我只是想弄清楚我是否喜欢弹吉他，更不用说我是否想研究音乐背后的理论了。

我第一次弹吉他是在20年前，那时我还在上中学。我不太擅长，几年后我就放弃了。回顾过去，我坚信我没有坚持下去的原因是因为我没有以一种实际的、动手操作的方式来学习。

正如您在视频中看到的，我从多个浏览器打开了到Flask/OpenCV服务器的连接，每个浏览器都有多个选项卡。我甚至拿出我的iPhone，并打开了一些来自那里的连接。服务器没有跳过一个帧，持续地使用Flask和OpenCV可靠地提供帧。

我们的下一个函数，generate，是一个Python生成器，用于将我们的outputFrame编码为JPEG数据——现在让我们来看看它:

如果motion是None，那么我们就知道当前frame中没有发生运动。否则，如果motion不是None(第67行)，那么我们需要在frame上绘制运动区域的边界框坐标。

第41行使用一个accumWeight=0.1值来初始化我们的SingleMotionDetector 类，这意味着在计算加权平均值时，bg值的权重会更高。

然后，我们在第18行创建一个lock，它将在更新ouputFrame时被用来确保线程安全行为(即确保某个帧在更新时不被任何线程尝试读取）。

图3:OpenCV和Flask (一个Python微型*络框架)是涉及Raspberry Pi和类似硬件的*络流媒体和视频监控项目的完美搭档。

然后，我们初始化两组记账变量，以跟踪包含任何运动的位置(第40行和第41行)。这些变量将形成“边界框”，它将告诉我们运动发生的位置。

设置accumWeight=0.5会均匀地加权背景和前景——我经常建议使用这个设置作为起始值(然后您可以根据自己的实验调整它)。

然后我们在第6行定义SingleMotionDetector类。这个类接受一个可选的参数accumWeight，它是用于累积加权平均值的因数。

所有这些都是相当标准的，包括用于数字处理的NumPy、用于为我们提供方便函数的imutils和用于OpenCV绑定的cv2。

我们的运动检测实现将位于SingleMotionDetector类中，该类可以在SingleMotionDetector .py中找到。

为了让我们*络浏览器能有东西显示，我们需要使用HTML填充index.html的内容来提供接收到的视频。我们只需要插入一些基本的HTML标记——Flask将实际处理将视频流发送到我们的浏览器的事情。

webstreaming.py文件将使用OpenCV访问我们的*络摄像头，通过SingleMotionDetector执行运动检测，然后通过Flask web框架将输出帧提供给我们的*络浏览器。

正如我们将在本节中看到的，我们只需要一小部分代码就可以使用Flask实现实时流式传输视频——其余的代码包括(1)OpenCV和访问我们的视频流，或者(2)确保我们的代码是线程安全的，并且可以处理多个客户端。

此外，我们将涉及的代码将能够支持多个客户端(即，不止一个人/*页浏览器/标签页能同时访问流媒体)，这是您在*上看到的绝大多数例子都无法处理的。

然后打开您的计算机/智能手机浏览器，并导航到URL/IP地址，就可以看到传输过来的视频了（并且确保您的任何东西没有被偷）。

在本教程中，您将学习如何通过Flask和Python使用OpenCV将视频从*络摄像头流式传输到*页浏览器/HTML页面。

因为笔者搭建**，基本都是使用WordPress，那我就用WordPress和七牛云，给大家展示如何“在Wordpress的**中插入没有广告的视频”

如果你想通过爱奇艺、优酷、腾讯视频的普通账号去播放你的视频，这个肯定是行不通的。那如果你想用他们的服务，又希望你的用户受众不看广告。那你应该怎么弄呢？付费！

现在视频越来越重要，很多人或者**都希望在自己的**或者博客中插入没有广告，快速播放的视频。那我们要如何在**中插入没有广告的视频呢？

不同格式的文件的生成需要我们自己去做，这就涉及到如何给一个音频文件进行格式转化的问题。这个问题我们明天再说，今天先学习为页面添加音频和视频。

标签夹着标签，一个标签中可以添加多个用以支持不同的格式要求。示例代码如下：（这段代码来自w3school）

其中controls属性就是用来显示播放控制界面的，就是这个：（偷懒的话可以写成"controls"就ok，不必加"="以及后面的内容了。）

简单来说呢，一个html文件的第一条语句是，它就是HTML5标准的文件。如果是html4，它的第一条声明语句有三种写法，像这样

添加音频使用标签，这个标签被所有浏览器支持，是html5推荐的音频导入标签，但是遗憾的是在html4标准中是不被支持的或者说是非法的。

不同的编码和解码方式催生出不同的文件格式，这种情况下，浏览器在播放视频的时候就要有应对不同格式的不同解码方式，在15年以前，浏览器为了能够播放不同格式的视频，就要调用电脑中不同的播放器，这个过程的写法非常麻烦。随着技术不断地整合，时至今日，在页面中播放视频不需要这么复杂的写法了，但是因为每个浏览器都不是包打一切，因此，虽然不用指定播放器，但是也要预设不同格式的视频来应对不同的浏览器。

压缩后的视频或音频文件最终通过播放器对该文件的压缩算法进行逆向运算后，还原成计算机可以解读的画面和声音再呈现给观众，这个过程叫做"解码"。

这就是"编"的功劳！对数码进行整理和组织的主要目的是压缩体积，压缩数据体积既能节省磁盘又能方便传播与携带手机变成电脑游戏盒子，是信息技术的关键技术之一，压缩的方法一般有两类，一类叫做无损压缩，也就是通过对这一大堆数码进行一个特殊的组合使其占有更小的空间，一类叫做有损压缩，是在无损压缩的基础上剔除掉人眼睛识别不到的冗余信息。具体的压缩过程涉及到很多数学知识，这里大家简单了解一下即可。

一秒钟25张1080乘720的图片的视频，一秒钟就会占0.74*25=18.5mb的内存。如果是一分钟呢，18.5*60=1110mb约等于1.08gb。这样的数据量是不是很吓人。

一个0或1被称为1比特，图片或视频中的一个黑白像素通常是8比特（八位），如果一张1080乘720个像素的图片所占内存的大小就是1080*720*8=6220800字节，约等于0,74mb。如果一个视频每秒中有25帧，也就是一秒钟在我们眼前闪过25张图片（视频播放实际上就是在我们眼前快速的更替图片，这些图片在大脑中会被自动连成动作，这也是小的时候在课本的角上画好一套走路的小人的不同动作后，快速翻动书页，画面中的小人会走路的原因，大家可以自行百度"视觉暂留原理"）。

首先说"码"，我们的计算机中的数据最终都是通过二进制的数字（0和1）来存储或计算的，这些0或1就是数码。无论代码、程序、图片、音乐、视频、文字等的存储与计算都不例外。不管多么复杂或简单的文件真三国无双5单机游戏官*，在计算机看来，都是一大堆0和1。

简单来说我们可以把"编码"这个词分成两个部分，第一个是"编"，也就是"整理、组织"的意思，第二个是"码"，也就是我们平时所说的"数码"。

我们应该都有在互联*上下载电影、视频、音乐的经历，大家会注意到，有的视频文件名的后缀是.avi，有的视频是.mp4，还有.mov的，据不完全统计，常见的各种视频格式有十几种之多。

专题： 找三国单机游戏   单机类游戏三国   三国类单机游戏