远程控制客户端界面介绍

参考资料:

http://jingyan.baidu.com/article/d5c4b52bc5c102da570dc547.html sqlserver中将数据库中的表复制到另一个数据库

对于本系统主要也就是几个界面:

  1. 登录界面

    涉及到的关键技术有:验证码技术,这个前面的文章已经介绍过。

    还有就是用户名、密码的验证。通过servlet技术实现的。

    关键代码如下:

public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        HttpSession session = request.getSession();

        String rand = (String)session.getAttribute("rand");

        String input = request.getParameter("rand");

          

String loginName = request.getParameter("userName");

String loginPsw = request.getParameter("userPsw");

 

UserInfo user = new UserInfo();

user.setUserLoginName(loginName);

user.setUserPasword(loginPsw);

 

//创建一个业务逻辑层的UserServiceDao对象

UserServiceDao userDao = new UserServiceDaoImpl();

UserInfo rtn = userDao.userLogin(user);

if(rtn != null && rand.equals(input))

{

    //在网页跳转前,将用户的消息记录下来

    session.setAttribute("LoginUser",rtn);

    response.sendRedirect("/VLCRtsp/resource/videoshow.jsp");

}

else

{

    response.sendRedirect("/VLCRtsp/resource/login.jsp");

}

    }

代码结构:

不足之处:没有加注册功能,这个有时间再补上。

对于上面的logo是通过光影魔术手抠图实现的,用拾取器拾取相似的颜色,然后反选即可。

  1. 实时视频界面

    其中,上面的logo跟前一个制作相同,只是尺寸不一样大。中间的视频区都是加进去的。不过需要调节它的位置。

    对于实时视频这几个字是加了超链接的,返回的是一帧帧的数据流。

    不足:没法保存数据流。

    关键代码:

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"

codebase="http://download.videolan.org/pub/videolan/vlc/0.8.6c/win32/axvlc.cab"

width="908" height="497" id="vlc" events="True">

<param name="MRL" value="" />

<param name="Src" value="" />

<param name="ShowDisplay" value="True" />

<param name="AutoLoop" value="False" />

<param name="AutoPlay" value="False" />

<param name="Time" value="True"/>

<embed pluginspage="http://www.videolan.org"

type="application/x-vlc-plugin"

version="VideoLAN.VLCPulgin.2"

width="908"

height="470"

text="Waiting for video"

name="vlc"

>

</embed>

</object>

<div>

<input type=button id="btn_play" value="播放" onClick='doPlay();' disabled="true"/>

<input type=button id="btn_stop" value="停止" onClick='doStop();' disable="true"/>

<input type=button value="静音切换" onClick='getVLC("vlc").audio.togglemute();'/>

<input type=button value="减小音量" onClick='updateVolume(-10)'/>

<input type=button value="增加音量" onClick='updateVoluem(+10)'/>

</div>

 

遇到的问题:在访问同一张页面时,总是无法刷新。或者说,我已经替换掉原有的资源,但界面就是不刷新。

尝试过清空缓存,关闭浏览器等工作,但就是不行。后来猜测应该是生成了临时的二进制.class代码文件。而这些文件没有及时清理,造成堆积错误。

步骤:project -à clean 即可.然后在重新部署,最后在启动。

 

  1. 录像回放界面

    此界面的不足之处:

    本来是想把以前的监控视频利用文件的形式存放在数据库中的,然后通过数据库读取资源。后来没实现。

  2. 远程智能控制界面

    此界面和上一个界面操作一样,只是我们在更改链接时,需要根据每一个图片的id号然后到相应的.js文件中进行更改即可。

  3. 系统设置界面

  4. 实时信息界面

    按照我的想法,此界面还需要获取c++里面的数据,我们通过udp传输数据。当然,还有一种方法就是,我可以先在rtsp服务端先把

    实时的一些信息存储到数据库中,然后在web端进行读取数据库,从而获取实时的数据,这样也可以。

几个注意点:

在进行上面的文件替换时,我们要在 css以及js当中分别替换。其中css是利用到了此文件夹下面的一些图片资源。

Js 主要是对某一个id资源进行操作,所以,对于某个id号,必须定位。而且,对于jsp本身的文件里面,需要引用一些内容,也是需要修改的。

这样修改的前提是出现中文乱码的情况下,需要更改。

但我们也可以利用简单的设置来解决乱码问题。

在最后一行,填写默认的编码方式即可。

 

原文地址:https://www.cnblogs.com/zhuxuekui/p/4334115.html