CN101969463A - 一种网页上实现白板全屏同步的方法 - Google Patents
一种网页上实现白板全屏同步的方法 Download PDFInfo
- Publication number
- CN101969463A CN101969463A CN2010105024983A CN201010502498A CN101969463A CN 101969463 A CN101969463 A CN 101969463A CN 2010105024983 A CN2010105024983 A CN 2010105024983A CN 201010502498 A CN201010502498 A CN 201010502498A CN 101969463 A CN101969463 A CN 101969463A
- Authority
- CN
- China
- Prior art keywords
- blank
- full frame
- webpage
- data
- flash
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
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或者其他可以用于通讯的类。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010105024983A CN101969463A (zh) | 2010-10-11 | 2010-10-11 | 一种网页上实现白板全屏同步的方法 |
CN2011100590753A CN102307211A (zh) | 2010-10-11 | 2011-03-14 | 一种实现白板全屏同步的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010105024983A CN101969463A (zh) | 2010-10-11 | 2010-10-11 | 一种网页上实现白板全屏同步的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101969463A true CN101969463A (zh) | 2011-02-09 |
Family
ID=43548567
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010105024983A Pending CN101969463A (zh) | 2010-10-11 | 2010-10-11 | 一种网页上实现白板全屏同步的方法 |
CN2011100590753A Pending CN102307211A (zh) | 2010-10-11 | 2011-03-14 | 一种实现白板全屏同步的方法 |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011100590753A Pending CN102307211A (zh) | 2010-10-11 | 2011-03-14 | 一种实现白板全屏同步的方法 |
Country Status (1)
Country | Link |
---|---|
CN (2) | CN101969463A (zh) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102130971A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种网页上实现的p2p通讯的方法及*** |
CN102130924A (zh) * | 2011-04-28 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种网页上实现认证后翻页同步的方法及*** |
CN102130970A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102130972A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种不同分辨率下图片居中后白板同步的方法及*** |
CN102130922A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102137117A (zh) * | 2011-04-27 | 2011-07-27 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102137039A (zh) * | 2011-04-25 | 2011-07-27 | 苏州阔地网络科技有限公司 | 一种基于社区平台的电子白板同步方法及*** |
CN102164185A (zh) * | 2011-04-26 | 2011-08-24 | 苏州阔地网络科技有限公司 | 基于网页的白板清屏同步方法及*** |
CN102170442A (zh) * | 2011-04-25 | 2011-08-31 | 苏州阔地网络科技有限公司 | 基于社区平台的电子白板安全同步方法及*** |
CN102185853A (zh) * | 2011-06-16 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的电子白板安全同步方法及*** |
CN102185845A (zh) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的白板清屏安全同步方法及*** |
CN102185852A (zh) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的电子白板同步方法及*** |
CN102195981A (zh) * | 2011-04-26 | 2011-09-21 | 苏州阔地网络科技有限公司 | 基于网页的白板清屏安全同步方法及*** |
CN103793224A (zh) * | 2014-01-17 | 2014-05-14 | 北京奇虎科技有限公司 | 一种窗口的显示方法和装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8266214B2 (en) * | 2006-01-24 | 2012-09-11 | Simulat, Inc. | System and method for collaborative web-based multimedia layered platform with recording and selective playback of content |
CN101304349A (zh) * | 2007-05-08 | 2008-11-12 | 北京凯诚高清电子技术有限公司 | 远程白板实现方法及装置 |
CN101217554B (zh) * | 2008-01-14 | 2010-07-14 | 苏州阔地网络科技有限公司 | 网页上实现的即时通讯的方法 |
CN101299688B (zh) * | 2008-06-13 | 2010-12-22 | 北京缔元信互联网数据技术有限公司 | 一种获取网页区域点击数量的方法 |
CN101483537B (zh) * | 2009-02-12 | 2012-08-08 | 周佺喜 | 网页即时通讯中实时显示网站用户状态的方法 |
-
2010
- 2010-10-11 CN CN2010105024983A patent/CN101969463A/zh active Pending
-
2011
- 2011-03-14 CN CN2011100590753A patent/CN102307211A/zh active Pending
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102137039A (zh) * | 2011-04-25 | 2011-07-27 | 苏州阔地网络科技有限公司 | 一种基于社区平台的电子白板同步方法及*** |
CN102170442A (zh) * | 2011-04-25 | 2011-08-31 | 苏州阔地网络科技有限公司 | 基于社区平台的电子白板安全同步方法及*** |
CN102195981A (zh) * | 2011-04-26 | 2011-09-21 | 苏州阔地网络科技有限公司 | 基于网页的白板清屏安全同步方法及*** |
CN102185852A (zh) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的电子白板同步方法及*** |
CN102185845A (zh) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的白板清屏安全同步方法及*** |
CN102164185A (zh) * | 2011-04-26 | 2011-08-24 | 苏州阔地网络科技有限公司 | 基于网页的白板清屏同步方法及*** |
CN102130972A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种不同分辨率下图片居中后白板同步的方法及*** |
CN102137117A (zh) * | 2011-04-27 | 2011-07-27 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102130922A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102130971A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种网页上实现的p2p通讯的方法及*** |
CN102130970A (zh) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种实现白板全屏同步的方法及*** |
CN102130924A (zh) * | 2011-04-28 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种网页上实现认证后翻页同步的方法及*** |
CN102185853A (zh) * | 2011-06-16 | 2011-09-14 | 苏州阔地网络科技有限公司 | 一种基于网页的电子白板安全同步方法及*** |
CN103793224A (zh) * | 2014-01-17 | 2014-05-14 | 北京奇虎科技有限公司 | 一种窗口的显示方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN102307211A (zh) | 2012-01-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101969463A (zh) | 一种网页上实现白板全屏同步的方法 | |
CN101977209A (zh) | 一种网页上实现翻页同步的方法 | |
CN101944130A (zh) | 一种网页上实现列表同步的方法 | |
CN102238284B (zh) | 手机即时通讯方法 | |
CN103067248A (zh) | 一种在即时通信软件窗口中显示链接摘要信息的方法及装置 | |
CN104348878A (zh) | 用于远程控制移动终端的方法、装置、移动终端及*** | |
CN103491162B (zh) | 基于移动互联网的信息分享方法及*** | |
CN104717133A (zh) | 一种分布式消息推送***及方法 | |
CN102137126B (zh) | 网页数据更新***及方法 | |
CN101969461A (zh) | 一种网页上实现白板清屏同步的方法 | |
CN101883059A (zh) | 一种网页上实现的自动接收群组消息的方法 | |
CN103312751A (zh) | 一种基于浏览器的即时通信方法 | |
CN103491156A (zh) | 一种基于融合通信实现圈子与群组同步的方法及*** | |
CN102316149A (zh) | 一种p2p视频通讯的方法 | |
KR20130065777A (ko) | 인스펙터 스크립트 삽입을 통한 웹 콘텐츠 공유 장치 및 방법 | |
CN102185701A (zh) | 一种实现群组信息交互的方法及*** | |
CN106488269A (zh) | 基于第三方应用平台实现对电视设备控制的***及方法 | |
CN104283762A (zh) | 传输即时通讯会话内容的方法、***、客户端及服务器 | |
CN111353053A (zh) | 用户与多个对象聊天内容聚合成单一列表的信息展示方法 | |
CN102314471A (zh) | 一种实现滚动条同步的方法 | |
CN102281265A (zh) | 一种实现列表认证同步的方法及*** | |
CN103856544A (zh) | 微博消息的发送方法、显示方法及***、显示终端、服务器 | |
CN102185852A (zh) | 一种基于网页的电子白板同步方法及*** | |
CN103023746A (zh) | 一种基于im***的画板实现方法和一种im*** | |
CN102130774A (zh) | 一种网络会议中用户麦克风状态显示的方法及*** |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Open date: 20110209 |