网页监控之自己设计监控界面
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow
也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！
一些基础内容参考这篇文章：http://blog.csdn.net/qq_21792169/article/details/51112277
当我们使用mjpg_streamer的时候用http://172.16.148.111:8080/?action=stream来获取视频流，用http://172.16.148.111:8080/?action=snapshot来拍照用起来非常不方便，下面我们自己来写网页然后放入boa服务器的www目录下面。
index.html
<span style="font-size:18px;"><script language="JavaScript"><!--var password="";password=prompt('请输入密码 (本网站需输入密码才可进入):','');if (password != 'mima') {alert("密码不正确,无法进入本站!!"); window.opener=null; window.close();} // 密码不正确就关闭//--></script><script>function show(){ var date = new Date(); //日期对象var now = ""; now = date.getFullYear()+"年"; //读英文就行了now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了now = now + date.getDate()+"日"; now = now + date.getHours()+"时"; now = now + date.getMinutes()+"分"; now = now + date.getSeconds()+"秒"; document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串setTimeout("show()",1000); //设置过1000毫秒就是1秒，调用show方法}</script><html><head><title>WEB网页监控系统的设计</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="keywords" content="网络人VS灰鸽子博客"><meta name="description" content="WEB网页监控系统的设计"><link rel="stylesheet" href="./index.css"><script type="text/javascript" src="./index.js"></script></head><body> <!用来显示时间><h2 align=right><font color="#cc0033"><body onload="show()"> <!-- 网页加载时调用一次 以后就自动调用了--> <div id="nowDiv"></div> </font></h2></body><embed src="./xuehua.mp3" autostart="true" loop="true" hidden="true"><div id="header"><h1><center>WEB无线网络监控系统设计</center></h1><h2><marquee behavior=alternate>只有目的明确，结果清晰，过程才最高效，才不会轻易被干扰，被改变方向。</marquee></h1></div><div id="content"><img src="http://172.16.148.111:8080/?action=stream" width="640px"; height="480px";/><h1> 无线监控系统设计我采用了四种设计思路：</h1><h2>第一、通过开发板上LCD来显示摄像头数据；</h2><h2>第二、开发板通过网线连接到局域网内，通过网页来显示摄像头数据，局域网内任意一台电脑都可以实现；</h2><h2>第三、开发板上搭建WIFI网卡驱动，android手机通过APP来显示摄像头数据，也只能是在WIFI信号范围之类；</h2><h2>第四、开发板搭建3G网卡，SIM卡环境，android手机通过APP来显示摄像头数据，全国任意手机连上网都可以监控数据</h2><h2>Design by:<a href="http://blog.csdn.net/qq_21792169/article/details/50629515" target="_blank">网络人VS灰鸽子</a> 2016-3-15</h2><br><a target="_blank" href="http://172.16.148.111:8080/?action=snapshot">拍照</a><font size="4" color="pink">（点击拍照后再网页上就会显示相片，然后自己右键保存）</font></div></body></html></span>index.css
<span style="font-size:18px;">#header{width:100%100px;margin:0 auto;}#header h1{font-size:26px;color:#664666;padding:5px 0 5px 15px;font-weight:800;}#header h2{font-size:20px;color:#664666;padding:5px 0 5px 15px;font-weight:400;}#content img{float:left;display:block;border:0px; }#content h1{font-size:26px;color:#FF0000;padding:5px 0 5px 15px;font-weight:800;}#content h2{font-size:22px;color:#0000FF;padding:0 0 5px 10px;font-weight:800;}#content a{font-size:28px;color:#00FF00;padding:0 0 5px 10px;font-weight:800;}</span>效果显示如下：
给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow
网页监控之自己设计监控界面相关推荐
- 应用系统运行监控界面_重庆悦来会展二期电力监控系统的设计与应用
摘要:介绍悦来会展二期电力监控系统,采用智能电力仪表采集配电现场的各种电参量和开关信号.系统采用现场就地组网的方式,组网后通过现场总线通讯并远传至后台,通过Acrel-200型电力监控系统实现变电所配 ...
- python实现实时监控_基于 Python 的交换机实时监控系统的设计与实现
从高校校园网运维工作实际出发,论文提出了一种基于 Python 语言+SNMP协议的网络交换机监测系统设计思路与实现方法.整个系统系统采用B/S模式,基于轻量级的web开发框架web.py实现.后端采 ...
- 实时内核μC/OS-II下的网络监控系统的设计
实时内核μC/OS-II下的网络监控系统的设计 [日期:2008-8-5] 来源:电子技术应用 作者:高长艳 郑喜凤 丁铁夫 [字体:大 中 小] <script src="http ...
- 基于ARM的视频监控系统的设计与实现
http://61ic.com/Technology/embed/201111/39092.html 摘要: 提出一种基于ARM 嵌入式开发平台视频监控的实现方案.通过V4L2 在Linux 下构建视 ...
- 基于stm32、Android和Html的温湿度监控系统的设计
系列文章目录 第一章ESP8266的java软件仿真测试 第二章ESP8266硬件与软件测试 第三章ESP8266客户端与Java后台服务器联调 第四章ESP8266客户端与JavaWeb服务器联调 ...
- UPS远程监控系统的设计与实现
本文介绍了在UPS现有设备的前提下,为了提高设备的可靠性以及设备监控管理的科学化和自动化,通过软件与硬件的设计,构建一个UPS设备远程监控系统的过程,并阐述了该系统的工作原理.应用效果和前景. 引 ...
- 服务器监控报警系统软件设计,船舶机舱监控报警系统软件设计与实现
摘要: 随着计算机信息技术的发展,船舶机舱监控报警系统越来越智能化.模块化.信息化.它能及时准确地监测船上所有设备,实时显示数据参数,安全可靠地传递信息,方便人们信息沟通.对于船舶的航行安全,机舱监控 ...
- 消防信号二总线有没电压_春晓161#地块人防工程消防电源监控系统的设计与应用...
涂志燕 安科瑞电气股份有限公司,上海 嘉定 201801: 摘要:本文简述了消防设备电源的组成原理,分析了消防设备电源监控系统在应用中的设计依据和相关规范.通过安科瑞消防设备电源监控系统在春晓161# ...
- python 运维管理架构_企业运维监控平台架构设计与实现（ganglia篇）
一.Cacti/Nagios/Zabbix/centreon/Ganglia之抉择 1.cacti Cacti是一套基于PHP,MySQL,SNMP及RRDTool开发的网络流量监测图形分析工具. 简 ...
- 7系统内部系统组件禁止休眠_海康监控系统平台设计思路（二）
设计思路 系统设计过程中充分考虑了各个子系统的信息共享要求,对各子系统进行结构化和标准化设计,通过系统间的各种联动方式将其整合成一个有机的整体,使之成为一套整体的.全方位的综合安防系统,达到人防.物防 ...
最新文章
- 如何查看 JSP 和 Servlet 的版本
- Nginx 模块的使用
- poj 3485 区间选点
- 全开源新淘商城系统源码
- 并发 - 生产者消费者的问题
- 实验1 查看cpu和内存，用机器指令和汇编指令编程
- linux系统重启方式,查看linux系统重启的命令和方式
- java之classpath到底是什么
- 分享一些直播软件的测试点
- 入侵大型网站的完整思路
- 【数字图像处理】图像感兴趣区域与图像放大与缩小
- 浅析Saas、PaaS、laas、Caas、Daas服务理解总结
- NFT 数字藏品 3D 展示方案（obj、mtl、png）引用 three.js
- 利用 Python + Selenium 自动化快速截图
- logstash中无法解析nginx日志中的\x09类似字符导致服务停止
- RPC 实战与核心原理分析
- [AHU2021校内赛] ez-injection
- 安装MongoDB出现service MongoDB failed to start，verify that you have sufficient privileges to start syste
- 设计师必备的在线配色网
- 进度记录【Day 12-13】Oracle索引、视图、函数、程序、异常处理、存储过程、事务