摘 要

随着监控技术和数据传输技术的发展，视频监控在生活中被人们越来越广泛的需要和使用。其中幼儿园视频监控技术的市场尤其重要，因为近来频繁发生的幼儿园安全事件让人们意识到幼儿园视频监控系统的必要性。在这样一种趋势下，人们开始对幼儿园监控系统进行研究 ，主要是要让家长及老师能实时在线观看监控视频，好了解孩子在校的安全状况，遇到突发问题可以第一时间解决。

本文主要介绍了在线视频监控系统的视频采集，视频数据流的传输和储存，以及获取视频流之后如何实时在web端口播放出来。其中，主要阐述后半段的视频流获取和web端播放。用到HTML5的前端网页开发技术，建立登陆界面和播放界面，并且运用JavaScript给网页端添加各种基础功能。研究结果表明运用HTML5技术是可以实现RTMP推送流的实时视频播放。

关键字：视频监控；HTML5；web端

Abstract

With the development of monitoring technology and data transmission technology, video surveillance has been increasingly demanded and used by people in daily life. Among them, the market for kindergarten video surveillance technology is particularly important, because the recent kindergarten safety incidents make people aware of the necessity of kindergarten video surveillance systems. Under such a trend, people began to study the kindergarten monitoring system, mainly to enable parents and teachers to watch online surveillance videos in real time so that they can understand the safety conditions of their children at school and solve the problems at the first time.

This article mainly introduces the video capture of the online video surveillance system, the transmission and storage of the video data stream, and how to play it out on the web port in real time after the video stream is acquired. Among them, mainly explain the second half of the video stream acquisition and web-side playback. HTML5 front-end webpage development technology is used to create a login interface and a playback interface, and JavaScript is used to add various basic functions to the webpage. The research results show that using HTML5 technology can realize real-time video playback of RTMP push stream.

Keywords: Video Surveillance; HTML5; Web Side

目 录

第一章 绪论 1

1.1背景 1

1.2目的及意义 1

1.3发展历史及国内外研究现状 1

1.3.1 发展简史 1

1.3.2 国外研究现状 3

1.3.3 国内研究现状 3

1.4 研究的基本目标 3

1.5论文主要结构 4

第二章 应用开发技术的介绍 5

2.1 H.264概述 5

2.2 网络通信协议 6

2.2.1 RTMP协议 7

2.2.2 HTTP协议 8

2.3 FFMPEG概述 9

2.4 流媒体技术 10

2.4.1 流媒体技术原理 10

2.4.2 视频服务器原理 11

2.5.HTML5相关技术 11

第三章 系统设计 12

3.1 系统总体模块划分 12

3.2 视频采集及推流方式的选择 13

3.3 流媒体服务端 13

3.4 视频流的截取 13

3.5.2 web端播放界面 22

第四章 结束语 24

4.1总结 24

4.2 展望 24

参考文献...............................................................................................................................25

致谢.......................................................................................................................................26

第一章 绪论

1.1背景

随着社会经济的发展，教育作为精神层面也紧跟其后。

对于父母来说，在把子女送到幼儿园后的各种学习，生活，安全等问题是他们最为关心的。现代科技信息技术的发展与应用越来越快，这些问题都将会得以解决。对于幼儿园来说，除了需要给孩子们提供优质的教学和生活环境，还需要确保孩子们在园内的安全，杜绝任何暴力隐患。幼儿园老师被爆出的暴力事件和近年来被揭露出的各种发生在幼儿园安全事件引起了家长的担忧与社会各界的广泛关注。

随着国家和社会对幼儿园安全的重视，一些幼儿园开始采用视频监控系统来来改善现有的安全管理体系。通过这些远程监控系统，家长们可以在家里，公司等有互联网的地方就可以实时观看到孩子在幼儿园内的视频监控从而对孩子在幼儿园的安全与学习状况能够一定的了解。目前从监控系统的市场来看，针对幼儿园的视频监控系统的使用呈上升趋势，预测之后会全面普及。

1.2目的及意义

幼儿园监控系统可以改善幼儿园的安全管理，保护幼儿园的正常环境安全，提高幼儿园管理的现代化水平，以及公园内部分重要的教室，休息场所，活动场所和餐厅等视频监控，可以让家长和管理员更好地了解孩子的一举一动，让父母更加放心地把孩子留在幼儿园，解决了家中父母的烦恼。他们可能将监控系统和报警系统与消防系统联合起来，可以大大加强对儿童的警告通知，以保护儿童的安全，为学习，生活和娱乐提供安全的环境。

另一方面为了防止校园暴力事件以及外来不良文化事件的侵入，防止一切侵害孩子的事件发生以及气场监督信息采集，建立处理各类突发事件的应急系统，减轻监护人员的负担，幼儿园监控系统的建立便具有重要意义。并且在一些特殊情况下，当校方与家长因孩子在校安全问题产生纠纷时，校方可以通过视频监控系统提供相应时间段内的视频回放，以此来判定责任归属问题，所以对于幼儿园视频监控系统也具有法律上的意义。

1.3发展历史及国内外研究现状

1.3.1 发展简史

视频监控技术在各方面应用时间久远，一般广泛应用于安防领域。最近几年，由于数字图像处理技术以及数字电路技术的发展迅猛，图像信号以及数字处理得到越来越普遍的应用，应用数字图像处理技术进行动态监测与现场监测演变成了现实，而且具有非常高的灵敏度和可靠性。这个视频监控系统可以在金融系统，公安系统，教育系统，交通系统，交通系统和医疗保健系统等多个领域得到广泛的应用，其主要原因是它所包含的直观，方便又丰富的信息内容，在诸多领域得以发挥其作用。基于计算机，网络通信技术的传统意义上的视频监控技术已经被时代的发展所抛弃，针对网络视频监控系统的特点的智能图像分析已经慢慢成为监控领域的发展方向。据学术部门介绍，他大致可以细分为以下三个阶段：模拟视频监控，模拟和数字视频监控，数字视频监控。