CN102307211A

CN102307211A - 一种实现白板全屏同步的方法

Info

Publication number: CN102307211A
Application number: CN2011100590753A
Authority: CN
Inventors: 胡加明
Original assignee: Suzhou Codyy Network Technology Co Ltd
Current assignee: Suzhou Codyy Network Technology Co Ltd
Priority date: 2010-10-11
Filing date: 2011-03-14
Publication date: 2012-01-04
Also published as: CN101969463A

Abstract

本发明属于网络技术领域，具体涉及一种实现白板全屏同步的方法，包括以下步骤：用户打开网页并加载flash，flash与Socket服务器建立永久连接并开始监听。当用户操作网页进行白板全屏操作时，调用Flash接口并传入白板全屏状态信息，然后Flash调用API将数据发送到Socket服务器。目标用户打开网页并加载Flash插件，建立与Socket服务器的永久连接并开始监听，当Flash收到Socket服务器发送过来的全屏状态数据时，调用网页白板全屏处理函数对白板进行全屏操作处理，即实现白板全屏的同步。该方法能实现完全基于网页的白板全屏同步，方便、快捷、高效。

Description

一种实现白板全屏同步的方法

技术领域

本发明属于网络技术领域，尤其涉及一种实现白板全屏同步的方法。

背景技术

互联网技术的发展使我们可以足不出户就实现了即时通讯，与好友聊天，与合作伙伴谈判等。目前，基于需要下载安装的即时通讯工具，如MSN，QQ，网易泡泡已经深受大家的喜爱，它为人们的沟通、信息交流提供了新的途径，是除了手机、固话、电子邮件之外的又一种重要的信息交流方式。借助这些工具，用户可以实现单人或者多人视频，可以召开网络视频会议，可以进行网络远程教育，还可以让人和人之间的交流成本大大降低，且提高了效率。

文本通讯，音频通讯，视频通讯是即时通讯最重要的三大功能，随着社会经济的发展和带宽资源的日益充足，音频通讯的应用越来越普及。随着商业、教育等领域的信息化速度加快，尤其是对演示类的白板全屏操作后，演示区域会铺满整个网页，但是，其他被演示端的白板内容仍是保持原始大小，没有同步到其他被演示端导致两端信息不一致，从而引起不必要的讨论与误解。尤其在一些高严肃性的场合，如果白板全屏不能同步，将必然引起不必要的讨论，严重影响演示或讨论过程的质量与效果。

目前互联网的应用中基本不能实现全屏同步，即使是可以实现，也需要下载并安装控件，而且对软硬件、费用等都有一定的要求，不能很好地普及大众。

发明内容

本发明提供了一种实现白板全屏同步的方法，实现了不需要下载任何控件，就实现白板全屏同步。

为了达到上述目的，本发明的技术方案为：

一种实现白板全屏同步的方法，包括以下步骤：

1)源用户打开网页，网页自动加载Flash插件，Flash与Socket服务器建立永久连接，并且开始监听Socket服务器数据传输；

2)当源用户操作网页中的内容，进行白板全屏操作时，调用Flash接口传入白板全屏状态数据信息，然后Flash调用API将数据发送到Socket服务器，Socket服务器将接收到的数据转发给其它目标用户；

3)目标用户打开网页并加载Flash插件，自动建立与Socket服务器的永久连接并开始监听Socket服务器数据传输，当Socket服务器转发源用户的白板全屏状态数据时，目标用户的Flash插件会接收到这些数据，Flash调用网页白板全屏处理函数，网页白板全屏函数根据对接到的数据信息的解析结果对白板进行全屏处理，即实现白板全屏的同步。

上述技术方案中，步骤1)包含如下过程：

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

上述技术方案中，步骤2)包含如下过程：

2a)当源用户操作网页中的内容，进行白板全屏操作时，白板对全屏状态进行判断，由原始状态变为全屏状态标记为1，由全屏恢复原始状态标记为2，白板通过网页JavaScript函数调用Flash接口传入所记录的白板全屏状态信息；

2b)Flash接收到白板全屏状态信息后，调用XMLSocket类的方法，将数据信息发送到Socket服务器；

2c)Socket服务器接收到源用户发送过来的白板全屏标记数据后，将数据转发给所有连接到Socket服务器上需要同步的目标用户。

上述技术方案中，步骤3)包含如下过程：

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

3b)当Socket服务器转发源用户的白板全屏标记数据时，目标用户的Flash插件会通过XMLSocket的监听方法接收到这些数据，Flash使用ExternalInterface.call方法调用网页JavaScript的全屏处理函数；

3c)网页JavaScript函数根据传递过来的白板全屏标记数据，根据全屏状态对白板进行处理，将白板的宽度、高度记录在JavaScript变量中，如果状态为1，则通过JavaScript的document.documentElement.clientWidth计算出网页的宽度，将白板的显示宽度修改成网页的宽度，通过JavaScript的document.documentElement.clientHeight计算出网页的高度，将白板的显示高度修改成网页的高度，如果状态为2，则通过JavaScript函数将白板宽度修改成已经记录在JavaScript变量中的白板宽度，将白板高度修改成已经记录在JavaScript变量中的白板高度，此时目标用户的白板全屏状态与源用户保持一致，即实现白板全屏的同步。

技术方案步骤1)过程中的XMLSocket可以为XMLSocket、socket或者其他可以用于通讯的类。

本发明与现有技术相比具有以下优点：

1)完全基于网页，无需下载。

2)采用基于Socket的即时通讯技术，具有高即时性、高流畅性。

3)实现原理简单，过程清晰明了，可非常方便地嵌入各大视频会议、远程教育等互联网应用中。

一种实现白板全屏同步的方法旨在解决网页中白板全屏同步中存在的各种问题，提供完全基于网页的白板全屏同步解决方案，不需要下载任何控件，简单、高效、即时同步，可以很方便地嵌入视频会议、远程教育等网页应用中，是一种真正可以大众化普及的新兴技术。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的详细流程图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本实施例的技术方案如下：

一种实现白板全屏同步的方法，包括以下步骤：

3)目标用户打开网页并加载Flash插件，自动建立与Socket服务器的永久连接并开始监听Socket服务器数据传输，当Socket服务器转发源用户的白板全屏状态数据时，目标用户的Flash插件会接收到这些数据，Flash调用网页白板全屏处理函数，网页白板全屏函数根据对接收到的数据信息的解析结果对白板进行全屏处理，即实现白板全屏的同步。

下面进一步详细说明本发明所述的方法：

参见说明书附图，源用户打开网页，网页自动加载Flash插件，Flash插件通过XMLSocket类建立与Socket服务器的永久连接，并且开始监听Socket服务器的数据传输；当源用户操作网页中的内容，进行白板全屏操作时，白板对全屏状态进行判断，由原始状态变为全屏状态标记为1，由全屏恢复原始状态标记为2，白板通过网页JavaScript函数调用Flash接口传入所记录的白板全屏状态信息；Flash接收到白板状态数据信息后，调用XMLSocket类的方法，将翻页数据信息发送到Socket服务器；Socket服务器接收到源用户发送过来的白板全屏标记数据后，马上将数据转发给所有连接到Socket服务器上需要同步的目标用户；目标用户打开网页，自动加载Flash插件，Flash插件通过XMLSocket类建立与Socket服务器永久连接，并且开始监听Socket服务器的数据传输；当Socket服务器转发源用户的白板全屏标记数据时，目标用户的Flash插件会通过XMLSocket的监听方法接收到这些数据，Flash使用ExternalInterface.call方法调用网页JavaScript的全屏处理函数；网页JavaScript函数根据传递过来的白板全屏标记数据，根据全屏状态对白板进行处理，将白板的宽度、高度记录在JavaScript变量中，如果状态为1，则通过JavaScript的document.documentElement.clientWidth计算出网页的宽度，将白板的显示宽度修改成网页的宽度，通过JavaScript的document.documentElement.clientHeight计算出网页的高度，将白板的显示高度修改成网页的高度，如果状态为2，则通过JavaScript函数将白板宽度修改成已经记录在JavaScript变量中的白板宽度，将白板高度修改成已经记录在JavaScript变量中的白板高度，此时目标用户的白板全屏状态与源用户保持一致，即实现白板全屏的同步。

图1是本发明的详细流程图，详细步骤如下：

步骤101：开始；

步骤102：用户打开网页加载Flash，建立与Socket服务器永久连接并开始监听；

步骤103：当用户对网页进行白板全屏操作时，调用Flash接口向Socket服务器发送全屏状态数据信息；

步骤104：目标用户打开网页加载Flash，建立与Socket服务器的永久连接并开始监听；

步骤105：Flash收到Socket服务器发送过来的白板全屏数据信息时，调用网页白板全屏处理函数对白板进行全屏操作处理；

步骤106：结束。

当然，本发明还可有其他多种组合，在不背离本发明精神及其实质的情况下，熟悉本领域的技术人员可根据本发明作出各种相应的改变和变形，但这些相应的改变和变形都应属于本发明所附的权利要求的保护范围。

Claims

1.一种实现白板全屏同步的方法，其特征在于，包括以下步骤：

2.如权利要求1所述的方法，其特征在于，其中步骤1)包含如下过程：

3.如权利要求1所述的方法，其特征在于，其中步骤2)包含如下过程：

2b)Flash接收到所述白板全屏状态信息后，调用XMLSocket类的方法，将所述信息发送到Socket服务器；

4.如权利要求1所述的方法，其特征在于，其中步骤3)包含如下过程：

3c)网页JavaScript函数根据传递过来的白板全屏标记数据，根据全屏状态对白板进行处理，将白板的宽度、高度记录在JavaScript变量中，如果状态为1，则通过JavaScript的document.documentElement.clientWidth计算出网页的宽度，将白板的显示宽度修改成网页的宽度，通过JavaScript的document.documentElement.clientHeight计算出网页的高度，将白板的显示高度修改成网页的高度，如果状态为2，则通过JavaScript函数将白板宽度修改成已经记录在JavaScript变量中的白板宽度，将白板高度修改成已经记录在JavaScript变量中的白板高度，此时目标用户的白板全屏状态与源用户保持一致，实现白板全屏的同步。

5.如权利要求2中所述的方法，其特征在于：所述XMLSocket类包括但不限于：socket类。

6.一种实现白板全屏同步的方法，其特征在于：源用户通过网页访问服务器并建立永久连接；所述源用户将白板全屏状态数据信息通过所述服务器，发送给目标用户；所述目标用户调用网页函数对所述信息进行解析并根据解析的结果，对白板进行全屏处理，实现白板全屏同步。

7.根据权利要求6所述的方法，其特征在于：所述源用户打开网页，网页自动加载Flash插件，Flash与Socket服务器建立永久连接，并且开始监听所述Socket服务器数据传输。

8.根据权利要求6所述的方法，其特征在于：所述源用户操作网页中的内容，进行白板全屏操作时，调用Flash接口传入白板全屏状态数据信息，然后Flash调用API将数据发送到所述Socket服务器，所述Socket服务器将接收到的数据转发给所述目标用户。

9.根据权利要求6所述的方法，其特征在于：所述目标用户打开网页并加载Flash插件，自动建立与所述Socket服务器的永久连接并开始监听所述Socket服务器数据传输，当所述Socket服务器转发源用户的白板全屏状态数据时，所述目标用户的Flash插件会接收到这些数据，Flash调用网页白板全屏处理函数，网页白板全屏函数根据对接收到的数据信息的解析结果对白板进行全屏处理，实现白板全屏同步。

10.根据权利要求8所述的方法，其特征在于：所述源用户操作网页中的内容，进行白板全屏操作时，白板对全屏状态进行判断，由原始状态变为全屏状态标记为1，由全屏恢复原始状态标记为2，白板通过网页JavaScript函数调用Flash接口传入所记录的白板全屏状态信息；Flash接收到白板状态数据信息后，调用XMLSocket类的方法，将白板全屏数据信息发送到所述Socket服务器；所述Socket服务器接收到源用户发送过来的白板全屏标记数据后，将数据转发给所有连接到所述Socket服务器上需要同步的目标用户。