对页面进行截取并推送的方法及相关设备技术

本申请提供一种对页面进行截取并推送的方法及相关设备。所述方法包括：接收用户输入的触发指令；基于所述触发指令，确定所述页面的截取区域；对所述截取区域对应的页面数据进行采集和编码，以生成视频流；将所述视频流发送给服务器。本申请所述方法及相关设备，只将第一终端设备的显示页面上的部分显示内容编码为视频流投送至第二终端设备，在实现第一终端设备到第二终端设备的投屏时用户也可在第二终端设备上看清第一终端设备上截取区域的显示内容；同时，由于仅需对截取区域进行编码和推流，因此可大大节省网络带宽。因此可大大节省网络带宽。因此可大大节省网络带宽。

【技术实现步骤摘要】
对页面进行截取并推送的方法及相关设备


[0001]本申请涉及计算机
，尤其涉及一种对页面进行截取并推送的方法及相关设备。

技术介绍

[0002]随着显示技术的发展，显示类终端设备的屏幕越来越大。同时，由于屏幕尺寸变大，屏幕上显示的内容也更多；也可能在屏幕上开多个应用程序窗口，分别显示不同的内容。此时，如果将屏幕上的内容在手机或PAD上查看，大屏的内容投到手机或者PAD这种小屏上，上面的内容就会被压缩的很小，导致看不清或者不好操作，而且用户也不需要将屏上的所有内容都投到手机或PAD上。

技术实现思路

[0003]有鉴于此，本申请的目的在于提出一种对页面进行截取并推送的方法及相关设备。
[0004]基于上述目的，本申请提供了一种对页面进行截取并推送的方法，应用于第一终端设备，所述方法包括：
[0005]接收用户输入的触发指令；
[0006]基于所述触发指令，确定所述页面的截取区域；
[0007]对所述截取区域对应的页面数据进行采集和编码，以生成视频流；
[0008]将所述视频流发送给服务器。
[0009]可选的，接收用户输入的触发指令之前，还包括：
[0010]接收用户输入的推流信息；
[0011]根据所述推流信息，生成至少一个切取推流组件；所述推流信息包括服务器信息、传输协议格式以及编码格式；
[0012]基于所述切取推流组件对所述页面的操作，生成所述触发指令。
[0013]可选的，所述基于所述触发指令，确定所述页面的截取区域，包括：
[0014]基于所述触发指令，确定用户选择的应用程序窗口；
[0015]将所述应用程序窗口所在区域作为所述截取区域。
[0016]可选的，所述对所述截取区域对应的页面数据进行采集和编码，以生成视频流，包括：
[0017]获取所述应用程序窗口相对于所述页面的第一坐标；
[0018]基于所述第一坐标对所述截取区域的页面数据进行采集，并基于所述触发指令中预设的传输协议格式和编码格式生成所述视频流。
[0019]可选的，所述将所述视频流发送给服务器，包括：
[0020]基于所述触发指令中预设的传输协议格式，将所述视频流传输给所述触发指令中指定的服务器。
[0021]可选的，还包括：
[0022]接收服务器发送的远程控制指令，所述远程控制指令通过第二终端设备发送给所述服务器；
[0023]解析所述远程控制指令，获取点击事件、所述点击事件在所述第二终端设备的页面上的第二坐标和所述点击事件对应的截取区域；
[0024]获取所述截取区域相对于所述页面的第二坐标，基于所述第一坐标和所述第二坐标生成所述点击事件在所述页面上的第三坐标；
[0025]基于所述点击事件和所述第三坐标在所述页面上创建模拟点击事件。
[0026]可选的，所述应用程序窗口包括第一应用程序窗口和第二应用程序窗口，所述截取区域包括第一截取区域和第二截取区域；所述方法还包括：
[0027]基于所述第一应用程序窗口确定所述第一截取区域，基于所述第二应用程序窗口确定所述第二截取区域，所述第一截取区域、所述第二截取区域均显示于所述页面中；
[0028]接收用户对所述第一截取区域或所述第二截取区域的发送操作指令，将所述第一截取区域或所述第二截取区域对应的视频流发送给所述服务器。
[0029]可选的，还包括：
[0030]基于所述切取推流组件生成切取推流操作图标，将所述切取推流操作图标显示于所述页面上。
[0031]可选的，所述切取推流组件包括第一切取推流组件和第二切取推流组件，所述切取推流操作图标包括与所述第一切取推流组件对应的第一切取推流操作图标和与所述第二切取推流组件对应的第二切取推流操作图标；所述第一切取推流操作图标和所述第二切取推流操作图标包括不同颜色和/或不同图形。
[0032]本申请提供了一种第一终端设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述任一项所述的方法。
[0033]本申请提供了一种对页面进行截取并推送的系统，包括：
[0034]如上述所述的第一终端设备；
[0035]至少一个第二终端设备；以及，
[0036]服务器，被配置为：接收第一终端设备发送的视频流，并向所述第二终端设备提供所述视频流。
[0037]可选的，所述服务器还被配置为：
[0038]基于所述视频流生成网络播放地址；
[0039]接收第二终端设备发送的拉流请求，基于所述拉流请求向所述第二终端设备发送所述网络播放地址，以供所述第二终端设备从所述网络播放地址拉取所述视频流。
[0040]可选的，所述服务器还被配置为：
[0041]接收第二终端设备发送的远程控制指令，将所述远程控制指令发送给与所述远程控制指令匹配的第一终端设备，以在所述第一终端设备的页面上创建模拟点击事件。
[0042]本申请提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上述任一项所述方法。
[0043]本申请提供了一种计算机程序产品，所述计算机程序产品包括存储有指令的计算
机可读存储介质，所述指令在被执行时使得计算设备的至少一个中央处理器单元执行根据上述任一项所述的方法。
[0044]从上面所述可以看出，本申请提供的对页面进行截取并推送的方法及相关设备，通过在第一终端设备的显示页面上选取一用户关注的截取区域，对该截取区域的页面数据进行采集和编码生成视频流，再将该视频流发送给服务器，从而使得第二终端设备可通过服务器获取该视频流进行解码播放；即只将第一终端设备的显示页面上的部分显示内容编码为视频流投送至第二终端设备，从而使得即使第二终端设备的屏幕尺寸远小于第一终端设备，在实现第一终端设备到第二终端设备的投屏时用户也可在第二终端设备上看清第一终端设备上截取区域的显示内容；同时，由于仅需对截取区域进行编码和推流，因此可大大节省网络带宽。
附图说明
[0045]为了更清楚地说明本申请或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0046]图1为本申请实施例所述对页面进行截取并推送的系统的结构示意图；
[0047]图2为本申请实施例所述对页面进行截取并推送的方法的流程示意图；
[0048]图3为本申请实施例所述触发指令生成的流程示意图；
[0049]图4为本申请实施例所述新建切取推流的页面示意图；
[0050]图5为本申请实施例所述截取区域的确定流程示意图；
[0051]图6为本申请实施例所述第一终端设备的架构示意图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种对页面进行截取并推送的方法，其特征在于，应用于第一终端设备，所述方法包括：接收用户输入的触发指令；基于所述触发指令，确定所述页面的截取区域；对所述截取区域对应的页面数据进行采集和编码，以生成视频流；将所述视频流发送给服务器。2.根据权利要求1所述的方法，其特征在于，接收用户输入的触发指令之前，还包括：接收用户输入的推流信息；根据所述推流信息，生成至少一个切取推流组件；所述推流信息包括服务器信息、传输协议格式以及编码格式；基于所述切取推流组件对所述页面的操作，生成所述触发指令。3.根据权利要求2所述的方法，其特征在于，所述基于所述触发指令，确定所述页面的截取区域，包括：基于所述触发指令，确定用户选择的应用程序窗口；将所述应用程序窗口所在区域作为所述截取区域。4.根据权利要求3所述的方法，其特征在于，所述对所述截取区域对应的页面数据进行采集和编码，以生成视频流，包括：获取所述应用程序窗口相对于所述页面的第一坐标；基于所述第一坐标对所述截取区域的页面数据进行采集，并基于所述触发指令中预设的传输协议格式和编码格式生成所述视频流。5.根据权利要求4所述的方法，其特征在于，所述将所述视频流发送给服务器，包括：基于所述触发指令中预设的传输协议格式，将所述视频流传输给所述触发指令中指定的服务器。6.根据权利要求4所述的方法，其特征在于，还包括：接收服务器发送的远程控制指令，所述远程控制指令通过第二终端设备发送给所述服务器；解析所述远程控制指令，获取点击事件、所述点击事件在所述第二终端设备的页面上的第二坐标和所述点击事件对应的截取区域；获取所述截取区域相对于所述页面的第二坐标，基于所述第一坐标和所述第二坐标生成所述点击事件在所述页面上的第三坐标；基于所述点击事件和所述第三坐标在所述页面上创建模拟点击事件。7.根据权利要求2
‑
6任一项所述的方法，其特征在于，所述应用程序窗口包括第一应用程序窗口和第二应用程序窗口，所述截取区域包括第一截取区域和第二截取区域；所述方法还包括：基于所述第一应用程序窗口确定所述第一截取区域，基于所述第二应用程序窗口确定所述第二截取区域，所述第一截取区域、所述第二截取区域均显示于所述页面中；接收用户...

【专利技术属性】
技术研发人员：冯峰，
申请(专利权)人：京东方科技集团股份有限公司，
类型：发明
国别省市：