CN102170443A

CN102170443A - 一种不同分辨率下图片居中后白板同步的方法及系统

Info

Publication number: CN102170443A
Application number: CN2011101069265A
Authority: CN
Inventors: 胡加明
Original assignee: Suzhou Codyy Network Technology Co Ltd
Current assignee: Suzhou Codyy Network Technology Co Ltd
Priority date: 2011-04-27
Filing date: 2011-04-27
Publication date: 2011-08-31

Abstract

本发明揭示了一种不同分辨率下图片居中后白板同步的方法和系统，应用在网络技术领域，包括如下步骤：通讯服务器对接收的源用户发送图片状态信息的权限进行认证并在认证通过后，对目标用户接收所述图片状态信息的权限进行认证并在认证通过后，所述通讯服务器将获取的图片状态信息发送至目标用户。本发明实现了无需下载安装软件即可实现图片居中后白板同步及同步信息安全。

Description

一种不同分辨率下图片居中后白板同步的方法及系统

技术领域

本发明属于网络技术领域，尤其涉及一种不同分辨率下图片居中后白板同步的方法及系统。

背景技术

随着互联网技术的发展，人们的生活也随之发生改变，逐渐由传统的生活方式转变为信息化生活方式。借助于互联网，人们便可以在线看电视、读书、交朋友、打电话、发邮件、看新闻……，信息化生活已经成为我们生活不可缺少的一部分。当然，人们必须借助键盘、鼠标、显示器、耳麦、摄像头等硬件设备才能充分感受到互联网的便利与信息化生活的丰富多彩。显示器是上述硬件中占用空间最大且最重要的设备，其显示区域大小将直接影响人们对互联网的体验，比如，使用低分辨率显示器阅读篇幅稍长的一段文字就需要不停地拉动滚动条，这使原本简单轻松的阅读变得非常繁杂。另外，由于显示器品牌众多，企业内部普遍存在使用不同分辨率显示器的情况，这将导致使用同一套系统、进行同一个操作带来不同的视觉效果。随着网络会议普及，其中一些很重要的功能如文档同步演示逐渐受到人们的青睐。在进行网络会议时，主讲人在演示文档上标注区块内容，如果分辨率不同，参会人员的显示器将不会显示同一区块，无法实现精确定位画笔痕迹。这些都是现行网络视频会议、远程教育、书籍阅读等应用系统中普遍存在的问题。

此外，现有的信息的同步往往是被动的，没有进行有效地认证控制，容易造成安全隐患。

发明内容

鉴于上述现有技术存在的缺陷，本发明的主要目的是提出一种不同分辨率下图片居中后白板同步的方法及系统，实现了无需下载任何控件即可实现图片居中后白板同步以及同步信息的认证控制。

本发明的主要目的将通过以下技术方案得以实现：

一种不同分辨率下图片居中后白板同步的方法：

通讯服务器对接收的源用户发送图片状态信息的权限进行认证并在认证通过后，对目标用户接收所述图片状态信息的权限进行认证并在认证通过后，所述通讯服务器将获取的图片状态信息发送至目标用户。

一种不同分辨率下图片居中后白板同步的系统，包括源用户、通讯服务器及目标用户，其中：

本发明的主要目的是提出一种不同分辨率下图片居中后白板同步的方法及系统，实现了无需下载任何控件即可实现图片居中后白板同步以及同步信息的认证控制。

附图说明

图1是实施例一中一种不同分辨率下图片居中后白板同步的方法的流程图。

具体实施方式

实施例一

如图1所示，本发明的具体实施例一种不同分辨率下图片居中后白板同步的方法，具体包括如下步骤：

步骤101：源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与通讯服务器建立永久连接，并且开始监听所述通讯服务器数据传输。

上述技术方案具体包括如下过程：

源用户打开网页，网页自动加载Flash插件，Flash插件通过XMLSocket类建立与通讯服务器的永久连接，并且开始监听通讯服务器的数据传输。

步骤102：所述源用户加载Flash，设置所述Flash的缩放模式为不缩放，设置所述Flash的对齐方式为左上对齐。

上述技术方案具体包括如下过程：

（2a）所述源用户打开网页，加载一个Flash，设置所述Flash的stage.scaleMode 为StageScaleMode.NO_SCALE；

（2b）设置所述Flash的stage.align 属性为 StageAlign.TOP_LEFT，使舞台左上对齐；

步骤103：所述Flash加载需要演示的图片，根据所述图片的尺寸和所述Flash的尺寸，设置所述图片在白板上居中显示。

上述技术方案具体包括如下过程：

（3a）增加一个容器作为白板，所述Flash加载图片到所述白板，并增加所述图片的complete事件监听；

（3b）图片加载完成后，触发complete事件，所述Flash根据舞台的尺寸和所述图片的实际尺寸计算出图片居中的坐标，舞台的尺寸设置宽度为stageWidth，设置高度为stageHeight，图片的实际尺寸设置宽度为imageWidth，设置高度为imageHeight，其中，居中坐标计算公式为：x横坐标px=（stageWidth-imageWidth）/2，y纵坐标py=（stageHeight-imageHeight）/2；

（3c）设置所述图片的x属性为Math.max（0，px），设置图片的y属性为Math.max（0，py），此处的Math.max可以确保图片始终在可见区内显示。

步骤104：所述源用户在白板上绘制图形后，调用所述Flash插件接口传入图片状态信息，然后所述Flash插件调用API（Application Programming Interface，应用程序编程接口）将图片状态信息发送到通讯服务器。其中，所述图片状态信息包括但不限于：图形的坐标和图片的坐标。

上述技术方案具体包括如下过程：

（4a）所述源用户在白板上绘制图形；

（4b）白板通过网页JavaScript函数调用所述Flash插件的接口传入所记录的图片状态信息；

（4c）所述Flash插件接收到图片状态信息后，调用XMLSocket类的方法，将图片状态信息发送到通讯服务器。

步骤105：通讯服务器接收到图片状态信息后，进行认证，认证包括但不限于：源用户身份认证、数据指令权限认证（源用户是否具有发送图片状态信息的权限）、源用户指令所操作目标权限认证（源用户发送的图片状态信息是否能访问目标用户的权限）、目标用户对源用户指令权限认证（目标用户是否具有接收源用户发送的图片状态信息的权限），所有认证通过后，所述通讯服务器将图片状态信息发送到目标用户。

上述技术方案具体包括以下过程：

（5a）所述通讯服务器接收到图片状态信息后，对源用户身份进行认证，即源用户是否是通讯服务器所识别的合法用户，若认证不通过，则同步操作中止；若认证通过，继续进行下一步认证。

（5b）对源用户的数据指令权限进行认证，即源用户是否拥有发送图片状态信息的权限进行认证若认证不通过，则同步操作中止；若认证通过，则继续进行下一步认证。

（5c）对源用户指令所操作目标进行权限认证，即源用户是否拥有将图片状态信息发送给目标用户的权限，若认证不通过，则同步操作中止；若认证通过，则继续进行下一步认证。

（5d）目标用户对源用户指令权限认证，即对目标用户是否允许接收源用户发送的图片状态信息进行认证，若认证不通过，则同步操作中止；认证通过后，所述通讯服务器将白板全屏状态数据信息发送到目标用户。

步骤106：目标用户打开网页并加载Flash插件，自动建立与所述通讯服务器的永久连接并开始监听所述通讯服务器数据传输，当通讯服务器转发源用户的图片状态信息时，目标用户及源用户的Flash插件会接收到这些图片状态信息。

上述技术方案具体包括以下过程：

（6a）目标用户打开网页，自动加载Flash插件，所述Flash插件通过XMLSocket类建立与通讯服务器永久连接，并且开始监听通讯服务器的数据传输；

（6b）当通讯服务器转发源用户的图片状态信息时，目标用户及源用户的Flash插件会通过XMLSocket的监听方法接收到这些信息；

（6c）获取所述图片状态消息中的图形坐标和图片坐标，设置图形x、y坐标分别为drawX和drawY，设置图片x、y坐标分别为imageX和imageY，设置本地的图片x、y坐标分别为myImageX和myImageY。

步骤107：所述目标用户根据本地的图片坐标、图片状态信息中的图片坐标、图形坐标重新计算出本地的图形坐标，并根据新的图形坐标画出图形。

上述技术方案具体包括以下过程：

（7a）所述目标用户获取图片状态信息中的图形坐标和图片坐标，设置图形x、y坐标分别为drawX和drawY，设置本地的图片x、y坐标分别为myImageX和myImageY；

（7b）所述目标用户将图片状态信息中的图形坐标换算成本地的坐标，换算公式为：

横坐标：localX=drawX+myImageX-imageX，

纵坐标：localY=drawY+myImageY-imageY；

（7c）调用Flash方法创建图形，设置图形的x属性为localX，设置图形的y属性为localY。

实施例二

本发明的具体实施例一种不同分辨率下图片居中后白板同步的系统，包括源用户、通讯服务器及目标用户，其中：

优选地，通讯服务器对接收的源用户发送的图片状态信息的权限进行认证之前，还包括对所述源用户的身份进行认证。

下面根据附图详细介绍本实施例的工作原理：

源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与通讯服务器建立永久连接，并且开始监听所述通讯服务器数据传输。

所述源用户加载Flash，设置所述Flash的缩放模式为不缩放，设置所述Flash的对齐方式为左上对齐。

所述Flash加载需要演示的图片，根据所述图片的尺寸和所述Flash的尺寸，设置所述图片在白板上居中显示。

所述源用户在白板上绘制图形后，调用所述Flash插件接口传入图片状态信息，然后所述Flash插件调用API（Application Programming Interface，应用程序编程接口）将图片状态信息发送到通讯服务器。其中，所述图片状态信息包括但不限于：图形的坐标和图片的坐标。

通讯服务器接收到图片状态信息后，进行认证，认证包括但不限于：源用户身份认证、数据指令权限认证（源用户是否具有发送图片状态信息的权限）、源用户指令所操作目标权限认证（源用户发送的图片状态信息是否能访问目标用户的权限）、目标用户对源用户指令权限认证（目标用户是否具有接收源用户发送的图片状态信息的权限），所有认证通过后，所述通讯服务器将图片状态信息发送到目标用户。

目标用户打开网页并加载Flash插件，自动建立与所述通讯服务器的永久连接并开始监听所述通讯服务器数据传输，当通讯服务器转发源用户的图片状态信息时，目标用户及源用户的Flash插件会接收到这些图片状态信息。

所述目标用户根据本地的图片坐标、图片状态信息中的图片坐标、图形坐标重新计算出本地的图形坐标，并根据新的图形坐标画出图形。

与现有技术相比，本发明的有益效果为：

（1）可以在不同分辨率下，实现画笔所画的图形的位置的完全统一，没有偏差，用户体验好；（2）同步及时，平缓，不会出现停顿的现象；（3）由于在每个客户端独自计算图形的位置，对于服务器端的运算压力小；（4）完全基于网页进行实现，不需要下载任何插件；（5）可以很方便地运用于其它互联网系统；（6）服务器对权限进行严格认证，确保数据的安全性，用户不受额外信息的干扰。

本发明尚有多种具体的实施方式，凡采用等同替换或者等效变换而形成的所有技术方案，均落在本发明要求保护的范围之内。

Claims

1.一种不同分辨率下图片居中后白板同步的方法，其特征在于：

2.根据权利要求1所述的方法，其特征在于：通讯服务器对接收的源用户发送的图片状态信息的权限进行认证之前，还包括对所述源用户的身份进行认证。

3.根据权利要求1所述的方法，其特征在于：通讯服务器对接收的源用户发送的图片状态信息的权限进行认证并在认证通过后，还对所述源用户指令所操作目标权限认证，即所述源用户发送的所述图片状态信息是否能访问所述目标用户的权限进行认证。

4.根据权利要求1所述的方法，其特征在于：通讯服务器获取图片状态信息之前，还包括：源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与所述通讯服务器建立永久连接，且所述Flash插件开始监听所述通讯服务器的数据传输。

5.根据权利要求4所述的方法，其特征在于：设置Flash的缩放模式为不缩放，设置其对其方式为左上对齐。

6.根据权利要求5所述的方法，其特征在于：所述Flash加载需要演示的图片，根据所述图片的尺寸和所述Flash的尺寸，设置所述图片在白板上居中显示。

7.根据权利要求6所述的方法，其特征在于：调用所述Flash插件的应用程序编程接口API，将所述图片状态信息发送至所述通讯服务器。

8.根据权利要求1所述的方法，其特征在于：所述目标用户收到所述图片状态信息之前，还包括：所述目标用户打开网页，所述网页自动加载Flash插件，所述Flash插件与所述通讯服务器建立永久连接，且所述Flash插件开始监听所述通讯服务器的数据传输。

9.一种不同分辨率下图片居中后白板同步的系统，其特征在于：包括源用户、通讯服务器及目标用户，其中：

10.根据权利要求9所述的系统，其特征在于：通讯服务器对接收的源用户发送的图片状态信息的权限进行认证之前，还包括对所述源用户的身份进行认证。