CN101969463A - 一种网页上实现白板全屏同步的方法 - Google Patents

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

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

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变量中的白板高度，此时目标用户的白板全屏状态与源用户保持一致，即实现白板全屏的同步。

Claims (5)

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

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

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

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

2.如权利要求1所述的一种网页上实现白板全屏同步的方法，其特征在于，其中步骤1)包含如下过程：

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

3.如权利要求1所述的一种网页上实现白板全屏同步的方法，其特征在于，其中步骤2)包含如下过程：

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

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

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

4.如权利要求1所述的一种网页上实现白板全屏同步的方法，其特征在于，其中步骤3)包含如下过程：

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

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

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

5.如权利要求2中所述XMLSocket可以为XMLSocket、socket或者其他可以用于通讯的类。

Images