web页面共享方法、装置、设备以及存储介质制造方法及图纸

技术编号:32485505 阅读:33 留言:0更新日期:2022-03-02 09:50
本发明专利技术涉及计算机技术领域,公开了一种web页面共享方法,包括:接收由讲解终端发送的url;启动客户终端中的web容器加载url,以实现在客户终端显示web页面;接收由讲解终端发送的交互数据;根据交互数据在客户终端的web页面上生成目标交互操作对应的交互效果。可见,本发明专利技术能够通过在讲解终端和客户终端之间传递web页面的url来实现web页面的传递,并使用客户终端中的web容器加载url以实现在客户终端显示共享的web页面,从而能够提高客户终端所显示的web页面的清晰度,使客户终端所显示的web页面不会出现共享画面模糊和黑边的问题,进而能够提高web页面共享的效果。进而能够提高web页面共享的效果。进而能够提高web页面共享的效果。

【技术实现步骤摘要】
web页面共享方法、装置、设备以及存储介质


[0001]本专利技术涉及计算机
,尤其涉及一种web页面共享方法、装置、计算机设备以及存储介质。

技术介绍

[0002]随着计算机技术的发展,终端之间的web页面共享技术已被广泛地应用在各种场景中,如,应用在网络课堂中,通过web页面共享技术可以将讲师一方的web页面共享至各个学生的终端中,从而辅助讲师进行讲课。目前的web页面共享技术大多是通过录制web页面的视频或者将web页面转换成图片,然后将录制的视频或者图片分发至各个客户端中,来实现web页面的共享。然而,由于各个终端的屏幕的分辨率和尺寸通常都大不相同、共享网络的带宽限制(即传输过程中需要对视频或者图片进行压缩)等原因,这种通过视频或者图片的共享方式容易出现共享画面模糊和黑边的问题,导致web页面的共享效果不佳。可见,目前的web页面共享方法的页面共享效果仍有进一步提升的空间。

技术实现思路

[0003]本专利技术所要解决的技术问题在于,目前的web页面共享方法的页面共享效果不佳。
[0004]为了解决上述技术问题,本专利技术第一方面公开了一种web页面共享方法,所述方法包括:
[0005]接收由讲解终端发送的url,其中,所述url是所述讲解终端根据当前显示的web页面生成的;
[0006]启动客户终端中的web容器加载所述url,以实现在所述客户终端显示所述web页面;
[0007]接收由所述讲解终端发送的交互数据,其中,所述交互数据是所述讲解终端根据目标交互操作生成的,所述目标交互操作是指用户在所述讲解终端的web页面上作出的交互操作;
[0008]根据所述交互数据在所述客户终端的web页面上生成所述目标交互操作对应的交互效果。
[0009]本专利技术第二方面公开了一种web页面共享装置,所述装置包括:
[0010]接收模块,用于接收由讲解终端发送的url,其中,所述url是所述讲解终端根据当前显示的web页面生成的;
[0011]加载模块,用于启动客户终端中的web容器加载所述url,以实现在所述客户终端显示所述web页面;
[0012]所述接收模块,还用于接收由所述讲解终端发送的交互数据,其中,所述交互数据是所述讲解终端根据目标交互操作生成的,所述目标交互操作是指用户在所述讲解终端的web页面上作出的交互操作;
[0013]交互模块,用于根据所述交互数据在所述客户终端的web页面上生成所述目标交
互操作对应的交互效果。
[0014]本专利技术第三方面公开了一种计算机设备,所述计算机设备包括:
[0015]存储有可执行程序代码的存储器;
[0016]与所述存储器连接的处理器;
[0017]所述处理器调用所述存储器中存储的所述可执行程序代码,执行本专利技术第一方面公开的web页面共享方法中的部分或全部步骤。
[0018]本专利技术第四方面公开了一种计算机存储介质,所述计算机存储介质存储有计算机指令,所述计算机指令被调用时,用于执行本专利技术第一方面公开的web页面共享方法中的部分或全部步骤。
[0019]本专利技术实施例中,讲解终端先根据当前显示的web页面生成web页面对应的url,然后将url发送至客户终端,最后客户终端启动客户终端中的web容器加载url以实现在客户终端显示web页面。通过在讲解终端和客户终端之间传递web页面的url来实现web页面的传递,并使用客户终端中的web容器加载url以实现在客户终端显示共享的web页面,从而能够以web容器加载web页面的共享方式替代现有的通过视频或者图片的共享方式,利用web容器加载web页面时能够自动适应客户终端屏幕的特性,提高客户终端所显示的web页面的清晰度,使客户终端所显示的web页面不会出现共享画面模糊和黑边的问题,进而能够提高web页面共享的效果。并且先根据用户在讲解终端作出的交互操作生成交互数据,然后将交互数据发送至客户终端,最后客户终端根据交互数据显示相应的交互效果,从而能够更好地实现对web页面的交互效果的共享,进一步提高web页面共享的效果。
附图说明
[0020]为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0021]图1是本专利技术实施例公开的一种web页面共享方法的流程示意图;
[0022]图2是本专利技术实施例公开的web页面共享方法的页面共享效果图;
[0023]图3是本专利技术实施例公开的web页面共享方法中点击交互的示意图;
[0024]图4是本专利技术实施例公开的web页面共享方法中标记交互的示意图;
[0025]图5是本专利技术实施例公开的一种web页面共享装置的结构示意图;
[0026]图6是本专利技术实施例公开的一种计算机设备的结构示意图;
[0027]图7是本专利技术实施例公开的一种计算机存储介质的结构示意图。
具体实施方式
[0028]为了使本
的人员更好地理解本专利技术方案,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。
[0029]本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别
不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、装置、产品或端没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或端固有的其他步骤或单元。
[0030]在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本专利技术的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
[0031]本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
[0032]人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种web页面共享方法,其特征在于,所述方法包括:接收由讲解终端发送的url,其中,所述url是所述讲解终端根据当前显示的web页面生成的;启动客户终端中的web容器加载所述url,以实现在所述客户终端显示所述web页面;接收由所述讲解终端发送的交互数据,其中,所述交互数据是所述讲解终端根据目标交互操作生成的,所述目标交互操作是指用户在所述讲解终端的web页面上作出的交互操作;根据所述交互数据在所述客户终端的web页面上生成所述目标交互操作对应的交互效果。2.根据权利要求1所述的web页面共享方法,其特征在于,所述根据所述交互数据在所述客户终端的web页面上生成所述目标交互操作对应的交互效果,包括:对所述交互数据执行预设的适配处理,以得到适配交互数据;根据所述适配交互数据在所述客户终端的web页面上生成所述目标交互操作对应的交互效果。3.根据权利要求2所述的web页面共享方法,其特征在于,所述对所述交互数据执行预设的适配处理,以得到适配交互数据,包括:基于所述客户终端的web页面和所述讲解终端的web页面的纵横比例对所述交互数据进行数据缩放,以得到适配交互数据。4.根据权利要求3所述的web页面共享方法,其特征在于,所述目标交互操作用于实现对所述web页面的滑动,所述交互数据是所述讲解终端根据目标滑动轨迹生成的滑动路径数据,所述适配交互数据是所述滑动路径数据对应的适配滑动路径数据,所述目标滑动轨迹是指用户在所述讲解终端的web页面上滑动的轨迹;以及,所述基于所述客户终端的web页面和所述讲解终端的web页面的纵横比例对所述交互数据进行数据缩放,以得到适配交互数据,包括:计算所述客户终端的web页面和所述讲解终端的web页面的纵向比例值和横向比例值;基于所述纵向比例值对所述滑动路径数据的纵坐标进行数据缩放,以得到所述滑动路径数据对应的适配滑动路径数据的纵坐标;基于所述横向比例值对所述滑动路径数据的横坐标进行数据缩放,以得到所述滑动路径数据对应的适配滑动路径数据的横坐标;以及,所述根据所述适配交互数据在所述客户终端的web页面上生成所述目标交互操作对应的交互效果,包括:根据所述适配滑动路径数据滑动所述客户终端的web页面。5.根据权利要求3所述的web页面共享方法,其特征在于,所述目标交互操作用于实现对所述web页面的点击,所述交互数据是所述讲解终端根据目标点击点生成的点击坐标数据,所述适配交互数据是所述点击坐标数据对应的适配点击坐标数据,所述目标点击点是指用户在所述讲解终端的web页面上点击的点;以及,所述基于所述客户终端的web页面和所述讲解终端的web页面的纵横比例对所述交互数据进行数据缩放,以得到适配交互数据,包括:计算所述客户终端的web页面和所述讲解终端的web页面的纵向比例值和横向比例值;
基于所述纵向比例值对所述点击坐标数据的纵坐标进行数据缩放,以得到所述点击坐标...

【专利技术属性】
技术研发人员:王珩
申请(专利权)人:中国平安人寿保险股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1