内容已经转出,请移步以下网址:

https://viadean.notion.site

Raspberry Pi 托管 Flask 视频流网络服务器

 二维码 117
文章附图

背景知识视频教程

安装相机

关闭RPi,将Camara安装在其特殊端口上,如下所示:

打开您的Pi并转到主菜单上的Raspberry Pi配置工具,并验证是否启用了Camera Interface:

如果需要启用它,请按[确定]并重新启动Pi。

做一个简单的测试,以验证是否一切正常:

raspistill -o /Desktop/image.png

您将意识到,图像图标出现在RPi桌面上。单击打开。如果出现图像,则您的Pi准备好流视频了!

安装Flask

创建Web服务器环境

首先要做的是在Raspberry Pi上安装Flask。如果没有,请转到终端并输入:

</>

最好在开始新项目时创建一个文件夹,在其中组织文件。例如…

从家里转到您的工作目录:

cd Documents

创建一个新文件夹,例如:

mkdir camWebServer

上面的命令将创建一个名为“ camWebServer”的文件夹,我们将在其中保存我们的python脚本:

/home/pi/Documents/camWebServer

现在,在该文件夹上,创建2个子文件夹:用于CSS的静态子文件夹,以及最终用于JavaScript文件的模板和用于HTML文件的模板。转到新创建的文件夹:

cd camWebServer

并创建2个新的子文件夹:

mkdir static

mkdir templates

最终目录“树”如下所示:

├── Documents
       ├── camWebServer
               ├── templates
               └──
static

创建视频流服务器

首先,复制picamera软件包:camera_pi.py并将其保存在创建的目录camWebServer中。这是我们项目的核心。

camera_pi.py代码:

</>

现在,使用Flask,创建一个特定的python脚本来渲染视频。我们将其称为appCam.py:

</>

上面的脚本将您的摄像机视频流式传输到index.html页面,如下所示:

</>

index.html最重要的行是:

<img src="{{ url_for('video_feed') }}" width="50%">

视频将在此处“馈送”到我们的网页。您还必须在静态目录中包含style.css文件,以获取有关样式的上述结果。可以从我的此处下载所有文件。

只是为了确保一切都位于正确的位置,让我们在所有更新后检查我们的环境:

├── Documents
       ├── camWebServer
               ├── camera_pi.
py
               ├── appCam.
py
               ├── templates
               |     ├──
index.html
               └── static
                     ├── style.css

现在,在终端上运行python脚本:

<p>sudo python3 appCam.py</p>

转到网络中的任何浏览器,然后输入http://YOUR_RPI_IP(例如,在我的情况下:10.0.1.27)

注意:如果不确定RPi IP地址,请在终端上运行:

ifconfig

在wlan0:部分,您会找到它。

安装温湿度传感器

安装DHT库

创建用于数据和视频显示的Web服务器应用程序

添加视频流(附)

源代码

阅读完整文档