CN114339363A - 画面切换处理方法、装置、计算机设备和存储介质 - Google Patents
画面切换处理方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN114339363A CN114339363A CN202111570721.2A CN202111570721A CN114339363A CN 114339363 A CN114339363 A CN 114339363A CN 202111570721 A CN202111570721 A CN 202111570721A CN 114339363 A CN114339363 A CN 114339363A
- Authority
- CN
- China
- Prior art keywords
- picture
- real
- time video
- area
- target real
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title abstract description 12
- 238000000034 method Methods 0.000 claims abstract description 36
- 238000012545 processing Methods 0.000 claims abstract description 25
- 238000012544 monitoring process Methods 0.000 claims abstract description 16
- 238000004590 computer program Methods 0.000 claims description 26
- 230000002452 interceptive effect Effects 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 18
- 230000005540 biological transmission Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 230000004044 response Effects 0.000 description 6
- 230000001960 triggered effect Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000003044 adaptive effect Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种画面切换处理方法、装置、计算机设备和存储介质。该方法包括：展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面；响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动；基于目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。采用本方法能够提高画面切换处理的效率。
Description
技术领域
本申请涉及多媒体通信技术领域，特别是涉及一种画面切换处理方法、装置、计算机设备和存储介质。
背景技术
随着多媒体通信技术的发展，出现了画面切换处理技术，能够将多个实时视频画面切换到视图区进行展示。
传统方法中，需要针对视图区中的不同的多画面展示方式设置模板，再调用设置好的模板对视图区中的多个画面分别进行配置以进行画面切换处理。显然，传统的画面切换处理操作繁琐，无法避免画面切换处理效率低的问题。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高效率的画面切换处理方法、装置、计算机设备和存储介质。
第一方面，本申请提供了一种画面切换处理方法。所述方法包括：
展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；所述实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有所述实时视频画面；
基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面；
响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动；
基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域；
在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示。
在其中一个实施例中，所述基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面包括：
基于所述嵌入对象标签在所述视频源区中的父级元素，监听所述输入实体的视频选择操作；
在监听到所述输入实体的触控点进入所述父级元素的区域内后，确定所述触控点相对于所述父级元素的位置偏移量；
通过比对所述位置偏移量与预设的偏移阈值，判断所述触控点是否位于所述视频源区中的实时视频画面的画面区域中；
若是，则判定所述触控点所位于的画面区域对应的实时视频画面被选中。
在其中一个实施例中，所述响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动包括：
响应基于输入实体针对目标实时视频画面的拖动操作，确定所述输入实体的触控点的实时位置；
获取所述触控点与所述目标实时视频画面的相对位置；
根据所述触控点的实时位置和所述相对位置，确定所述目标实时视频画面的实时画面位置，以基于所述内联框架标签在所述实时画面位置中实时显示所述目标实时视频画面。
在其中一个实施例中，所述基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域包括：
确定所述目标实时视频画面的第一尺寸和所述多画面视图区的第二尺寸；
按照所述第一尺寸和所述第二尺寸，在所述多画面视图区中划分出多个子画面区域并显示；其中，至少一个所述子画面区域的尺寸与所述第一尺寸相匹配。
在其中一个实施例中，所述在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示包括：
对划分好的所述子画面区域进行监听；
在监听到所述目标实时视频画面位于所述子画面区域时，生成结束拖动提示，以提示结束针对所述目标实时视频画面的拖动操作；
若监听到所述拖动结束操作，则将所述目标实时视频画面切换至所述子画面区域中展示。
在其中一个实施例中，所述多画面视图区是互动教学场景下的导播视图区；所述实时视频画面是互动教学场景下实时的视频画面；所述实时视频画面包括教师视频画面和学生视频画面；所述目标实时视频画面是教师视频画面和学生视频画面中的任意一种。
第二方面，本申请还提供了一种画面切换处理装置。所述装置包括：
展示模块，用于展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；所述实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有所述实时视频画面；
确定模块，用于基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面；
切换模块，用于响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动；基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示。
第三方面，本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现本申请各实施例所述方法中的步骤。
第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现本申请各实施例所述方法中的步骤。
第五方面，本申请还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现本申请各实施例所述方法中的步骤。
上述画面切换处理方法、装置、计算机设备、存储介质和计算机程序产品，展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有实时视频画面；基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面；响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动；基于目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。在视频源区基于嵌入对象标签展示多个实时视频画面，在确定目标实时视频画面之后，基于内联框架标签拖动目标实时视频画面，并在多画面视图区划分子画面区域，从而能够将目标实时视频画面在子画面区域中显示，只需要将实时视频画面拖动到多画面视图区即可完成画面切换，无需再多次设置模板，提高了画面切换处理的效率。
附图说明
图1为一个实施例中画面切换处理方法的应用环境图；
图2为一个实施例中画面切换处理方法的流程示意图；
图3为一个实施例中流媒体各协议层次的示意图；
图4为一个实施例中触控点的位置偏移量的示意图；
图5为一个实施例中触控点与目标实时视频画面相对位置的示意图；
图6为一个实施例中划分子画面区域的示意图；
图7为一个实施例中生成结束拖动提示的示意图；
图8为一个实施例中画面切换处理的示意图；
图9为一个实施例中画面切换处理装置的结构框图；
图10为一个实施例中计算机设备的内部结构图；
图11为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请实施例提供的画面切换处理方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上，也可以放在云上或其他网络服务器上。终端102可以展示多画面视图区和视频源区；终端102可以在视频源区中显示通过播放视频流形成的多个实时视频画面；终端102可以基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面；终端102可以响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动；终端102可以基于目标实时视频画面的大小，在多画面视图区中划分子画面区域；终端102可以在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。可以理解，服务器104可以是流媒体服务器。服务器104可以对实时视频画面进行采集、缓存、调度和传输播放。服务器104可以以流式协议将实时视频画面传输到终端102中。
其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中，如图2所示，提供了一种画面切换处理方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：
步骤202，展示多画面视图区和视频源区；基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面。
其中，视频源区中显示有通过播放视频流形成的多个实时视频画面；实时视频画面是基于嵌入对象标签嵌入的。嵌入对象标签的上层设置有内联框架标签。内联框架标签中设置有实时视频画面。目标实时视频画面是指在视频源区中被选中的实时视频画面。可以理解，视频源区用于提供视频源，即提供能够切换至多画面视图区中的实时视频画面。多画面视图区，是用于将多画面进行组合拼接显示的一个视图区域，即多个画面可以被切换至多画面视图区中，以在多画面视图区中一并显示多个画面。嵌入对象标签(object)是指用于将实时视频画面嵌入到视频源区中的标签。嵌入对象标签中设置有实时视频画面。内联框架标签(iframe)中的实时视频画面覆盖在嵌入对象标签中的实时视频画面的上层。父级元素是指嵌入对象标签的上级标签。视频选择操作是指在视频源区中选择实时视频画面的操作。
具体地，终端可以展示多画面视图区和视频源区。用户可以移动输入实体，并通过输入实体在视频源区中选择实时视频画面。可以理解，终端展示的是嵌入对象标签嵌入的实时视频画面，用户所选择的实时视频画面实质上是嵌入对象标签中的实时视频画面。终端可以基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的实时视频画面，将被选中的实时视频画面作为目标实时视频画面。
在一个实施例中，终端可以基于嵌入对象标签嵌入实时视频画面，并通过原生浏览器的多媒体播放器插件播放实时视频画面。其中，原生浏览器是用自己的核心技术开发出的浏览器，即，从无到有开发出的浏览器。可以理解，衍生浏览器是在已有的原生浏览器的基础上开发出的，终端也可以基于衍生浏览器实现播放实时视频画面。多媒体播放器是支持多种音频与视频解码器及文件格式的播放器。比如，VLC多媒体播放器(VideoLANClient)。原生浏览器的多媒体播放器插件(WebPlugin)可以用于实现视频直播功能，即，在页面中展示实时视频画面。
在一个实施例中，终端可以在视频源区中显示通过实时流(RTSP流)形成的多个实时视频画面。表1中为各视频协议的延时，数据分段和播放情况对比，通过表1中对各视频协议对比可以得到RTSP流具有延时低，连续数据流，可无插件直接播放等优势的结论。可以理解，RTSP的实时效果非常好，网络延迟低，并且实时流传输协议(RTSP，Real TimeStreaming Protocol)允许同时多个串流需求控制，除了可以降低服务器端的网络用量，进而支持同时播放多个实时视频画面不延迟和不卡顿，能够满足对多个实时视频画面进行画面切换处理的需求。因此，终端可以采用RTSP流传输实时视频画面。
表1
其中，httpflv(HTTP FLASH VIDEO)是一种将rtmp等负载信息携带在http协议之上的码流传递协议。Rtmp(real time messaging protocol)是实时消息传输协议，rtmp基于tcp，是一个协议族。rtmp与http一样，都属于tcp/ip四层模型的应用层。tcp/ip(Transmission Control Protocol/Internet Protocol，传输控制协议/网际协议)是指能够在多个不同网络间实现信息传输的协议簇。超文本传输协议(hyper text transferprotocol，http)是一个简单的请求-响应协议，它通常运行在tcp之上。rtsp(real timestreaming protocol)，是实时流传输协议，是tcp/ip协议体系中的一个应用层协议。hls(HTTP Live Streaming，自适应码率流媒体传输协议)是一种动态码率自适应技术。dash(dynamic adaptive streaming over http)是基于http的动态自适应流。传输控制协议(tcp，transmission control protocol)是一种面向连接的、可靠的、基于字节流的传输层通信协议。html5是网络中核心语言html的规范，用户使用任何手段进行网页浏览时看到的内容原本都是html格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。Html(Hyper Text Markup Language)的全称为超文本标记语言，是一种标记语言。
在一个实施例中，如图3为流媒体各协议层次的示意图，包括应用层、传输层、网络层、数据链路层和物理层。应用层在传输层、网络层、数据链路层和物理层工作的基础上，完成网络用户提出的各种网络服务及应用所需的监督、管理和服务等各种传输协议，从而能够基于传输协议向用户传输数据。可以理解，传输协议可以是流媒体传输协议，终端可以基于流媒体传输协议向用户展示实时视频画面。流媒体协议可以是实时传输协议、实时流传输协议、超文本传输协议、实时消息传输协议和自适应码率流媒体传输协议等。
其中，物理层的主要功能是利用传输介质为数据链路层提供物理连接。数据链路层的功能是通过各种控制协议，将有差错的物理信道变为无差错的、能可靠传输数据帧的数据链路。网络层可以基于地址解析协议和因特网控制报文协议等，实现控制数据链路层与传输层之间的信息转发，以及建立、维持和终止网络的连接。传输层可以基于实时传输协议、用户数据报协议和传输控制协议等在终端用户之间提供透明的数据传输，向上层提供可靠的数据传输服务。应用层的功能是直接向用户提供服务，完成用户希望在网络上完成的各种工作。
其中，因特网控制报文协议(ICMP，Internet Control Message Protocol)，用于在主机、路由器之间传递控制消息。地址解析协议(ARP，Address Resolution Protocol)，是根据互联网协议地址获取物理地址的一个TCP/IP协议。该协议称为用户数据包协议(UDP，User Datagram Protocol)是一个无连接的传输协议。传输层有两个主要协议，互为补充。无连接的是UDP，面向连接的是TCP。实时传输协议(RTP，Real-time TransportProtocol)是一个网络传输协议。
在一个实施例中，终端可以通过设置内联框架标签在页面中的层级，将内联框架标签中的内容置于嵌入对象标签中的内容的上方。终端可以以在嵌入对象标签的父级元素中使用相对定位，在内联框架标签中使用绝对定位(本质上是相对于父级元素定位)，以将内联框架标签中的内容位于嵌入对象标签中的内容所覆盖的区域。可以理解，内联框架标签中的内容实质上是置于父级元素中的，因此相对于父级元素对内联框架标签进行定位，即，定位内联框架标签在父级元素中的位置。父级元素中的内容实质上是置于整个页面中的，因此相对于页面对父级元素进行定位，即，定位父级元素在页面中的位置。终端可以将内联框架标签的层级设置为最高，使得内联框架标签中的内容位于嵌入对象标签中的内容的上方。
步骤204，响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动。
其中，拖动操作是指针对目标实时视频画面进行拖动的操作。输入实体是指用于与终端进行输入交互的对象，即，输入实体可以向终端输入交互指令。触控点是指输入实体与页面的接触点。
在一个实施例中，输入实体可以是键盘、鼠标和触控面板等实体中的至少一种。可以理解，键盘、鼠标和触控面板可以分别实现键盘输入、鼠标输入和触摸输入。
具体地，用户可以通过输入实体针对目标实时视频画面进行拖动操作，终端可以响应该拖动操作，确定内联框架标签中的目标实时视频画面，使得内联框架标签中的目标实时视频画面跟随输入实体的触控点的移动而移动。
步骤206，基于目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。
其中，子画面区域是指用于在多画面视图区中展示过个实时视频画面的区域。拖动结束操作是指针对目标实时视频画面结束拖动的操作。
具体地，终端可以基于目标实时视频画面的大小，在多画面视图区中划分子画面区域。终端可以向用户展示划分好的子画面区域，用户可以将目标实时视频画面拖动到子画面区域，并结束针对目标实时视频画面的拖动操作。终端可以在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。
上述画面切换处理方法中，展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有实时视频画面；基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面；响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动；基于目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示。在视频源区基于嵌入对象标签展示多个实时视频画面，在确定目标实时视频画面之后，基于内联框架标签拖动目标实时视频画面，并在多画面视图区划分子画面区域，从而能够将目标实时视频画面在子画面区域中显示，只需要将实时视频画面拖动到多画面视图区即可完成画面切换，无需再多次设置模板，提高了画面切换处理的效率。
在一个实施例中，基于嵌入对象标签在视频源区中的父级元素监听视频选择操作，以确定视频源区中的被选中的目标实时视频画面包括：基于嵌入对象标签在视频源区中的父级元素，监听输入实体的视频选择操作；在监听到输入实体的触控点进入父级元素的区域内后，确定触控点相对于父级元素的位置偏移量；通过比对位置偏移量与预设的偏移阈值，判断触控点是否位于视频源区中的实时视频画面的画面区域中；若是，则判定触控点所位于的画面区域对应的实时视频画面被选中。
其中，选择操作是指针对视频源区中的实时视频画面进行选择的操作。偏移阈值是指触控点在不进入实时视频画面区域的情况下最大偏移量。
具体地，终端可以在嵌入对象标签在视频源区中的父级元素中，对输入实体触发的事件进行监听，即，终端可以监听用户通过输入实体针对视频源区中展示的实时视频画面的选择操作。可以理解，输入实体执行某项操作会触发相应的事件。终端可以在监听到输入实体的触控点进入父级元素的区域内后，确定触控点相对于父级元素的位置偏移量。终端可以通过比对位置偏移量与预设的偏移阈值，判断触控点是否位于视频源区中的实时视频画面的画面区域中；若是，则判定触控点所位于的画面区域对应的实时视频画面被选中。
在一个实施例中，原生浏览器中嵌入对象标签无法获取输入实体触发的操作，因此终端可以对嵌入对象标签的父级元素监听输入实体触发的事件。当输入实体的触控点移入父级元素之后，再移入实时视频画面的画面区域时，触发了实体对象移出事件。终端可以监听到该事件，可以从父级元素的显示区域中确定参照对象，并计算输入实体的触控点相对于该参照对象的位置偏移量。可以理解，父级元素的显示区域是父级元素所覆盖的区域。
在一个实施例中，参照对象可以是参照点。参照点，是从父级元素的显示区域中确定的起参照作用的点。比如，父级元素的显示区域为矩形区域，那么，参照点可以是从矩形区域的顶点中选定的一个顶点。又比如，父级元素的显示区域为圆形区域，则参照点可以是圆形区域的圆心。可以理解，本申请并不限定参照点的具体形式，只要能起到位置参照比对的作用即可。终端可以监听该触控点相对于参照点的位置偏移量，并比对位置偏移量和预设的偏移阈值，判断输入实体的触控点是否移入实时视频画面的画面区域。
在另一个实施例中，参照对象可以是父级元素的显示区域中的参照边。参照边，是构成父级元素的显示区域的边。终端可以监听该触控点相对于参照边的位置偏移量。可以理解，参照边可以是父级元素的显示区域中的任意一条或多条边，对此不做限定，只要能起到参照比对作用即可。
在一个实施例中，父级元素的显示区域可以为矩形区域。参照边可以包括父级元素中显示区域中的第一参照边和第二参照边。第一参照边和第二参照边具有相交关系。终端可以监听触控点分别相对于第一参照边和第二参照边的位置偏移量，并将得到的两个位置偏移量分别和相应预设的偏移阈值进行比对，以判断输入实体的触控点是否移入实时视频画面的画面区域。
在一个实施例中，第一参照边是矩形区域的左边框，第二参照边是矩形区域的上边框。
在一个实施例中，如图4为触控点的位置偏移量的示意图。输入实体可以是鼠标，终端可以对嵌入对象标签的父级元素进行鼠标我们需要采用对该标签的父级元素进行鼠标移动事件(mousemove)和鼠标移出事件(mouseleave)等事件进行监听，当鼠标的触控点移入父级元素时，再移入到视频中触发了鼠标移出事件。终端可以通过判断鼠标移出的偏移量offsetX和offsetY与分别其能移动的最大值和最小值minX、minY、maxX和maxY对比，只有当minX<＝offsetX<＝maxX且minY<＝offsetY<＝maxY同时成立时才能判定鼠标时位于实时视频画面的画面区域。其中，minX是相对于父级元素左外边框的最小偏移量；maxY为相对于父级元素左外边框的最大偏移量；minY是相对于父级元素上外边框的最小偏移量；maxY是相对于父级元素上外边框的最大偏移量。可以理解，minX、minY、maxX和maxY是预设的偏移阈值。
在一个实施例中，终端可以对视频源区监听输入实体的视频选择操作。可以理解，实时视频画面是通过嵌入对象标签嵌入至视频源区的，视频源区对应的标签实质上是嵌入对象标签的父级标签，即，父级元素。终端可以通过获取输入实体的触控点的偏移量，确定用户通过输入在视频源区中选择的目标实体视频画面。
本实施例中，对嵌入对象标签的父级元素监听输入实体的视频选择操作，解决了在浏览器中嵌入对象标签无法获取输入实体的操作的问题，能够确定用户在视频源区选择的目标实时视频画面，从而实现针对目标实时视频画面的拖动，以在多画面视图区展示目标实时视频画面，提高画面切换处理的效率。
在一个实施例中，响应基于输入实体针对目标实时视频画面的拖动操作，基于内联框架标签使得目标实时视频画面跟随输入实体的触控点的移动而移动包括：响应基于输入实体针对目标实时视频画面的拖动操作，确定输入实体的触控点的实时位置；获取触控点与目标实时视频画面的相对位置；根据触控点的实时位置和相对位置，确定目标实时视频画面的实时画面位置，以基于内联框架标签在实时画面位置中实时显示目标实时视频画面。
其中，相对位置，是指触控点相对于目标实时视频画面的位置。
具体地，终端可以响应用户通过输入实体针对目标实时视频画面的拖动操作，从多画面视图区中确定实时位置参照对象，通过计算输入实体的触控点相对于该实时位置参照对象的位置，确定输入实体的触控点的实时位置。终端可以从目标实时视频画面的画面区域中确定相对位置参照对象，通过计算触控点相对于该相对位置参照对象的位置，获取触控点与目标实时视频画面的相对位置。终端可以通过计算触控点的实时位置和相对位置之间的差值，确定目标实时视频画面的实时画面位置，以基于内联框架标签在实时画面位置中实时显示目标实时视频画面。可以理解，目标实时视频画面实质上是随着触控点的移动而移动的，终端可以在确定触控点的实时位置后，再确定目标是视频画面的实时画面位置，以将目标实时视频画面移动到该实时画面位置。
在一个实施例中，实时位置参照对象和相对位置参照对象均可以是参照点。比如，实时位置参照对象可以是多画面视图区的原点；相对位置参照对象可以是目标实时视频画面的内联框架标签的原点。可以理解，用户拖动的目标实时视频画面是内联框架标签中的实时视频画面，终端可以通过获取内联框架标签的位置，确定目标实时视频画面的位置。实时位置可以是触控点相对于多画面视图区原点的坐标。可以理解，若多画面视图区是矩形，则实时位置中可以包括触控点相对于多画面视图区上外边框的实时距离和左外边框的实时距离。相对位置可以是相对于内联框架标签原点的坐标。可以理解，若内联框架标签中目标实时视频画面的画面区域是矩形，则相对位置中可以包括触控点相对于目标实时视频画面上侧的距离和左侧的距离。
在一个实施例中，终端可以用实时位置对应的坐标减去相对位置对应的坐标，得到目标实时视频画面相对于多画面视图区的实时画面位置对应的坐标。终端可以按照实时画面位置对应的坐标，将内联框架标签中的目标实时视频画面在实时画面位置中实时显示。
在一个实施例中，如图5为触控点与目标实时视频画面相对位置的示意图。在用户通过输入实体的触控点开始拖动目标实时视频画面时，终端可以获取触控点相对于多画面视图区的坐标(clientX，clientY)，即，实时位置对应的坐标，以及内联框架标签相对于多画面视图区的上侧的距离(initTop)和左侧的距离(initLeft)。终端可以计算触控点相对于内联框架标签的上外边框的距离(elTop)和左外边框的距离(elLeft)。可以理解，elTop＝clientY–initTop，elLeft＝clientX–initLeft。(elLeft，elTop)是相对位置对应的坐标。在用户通过输入实体的触控点拖动目标实时视频画面时，终端可以获取内联框架标签相对于多画面视图区上侧的距离(currTop)和左侧的距离(currLeft)。其中，currTop＝clientY-elTop,currLeft＝clientX–elLeft。(currLeft，currTop)是实时画面位置对应的坐标。终端可以按照实时画面位置对应的坐标，使得内联框架标签中的目标实时视频画面随着触控点的移动而移动。在拖动结束后，终端可以定位内联框架标签中的目标实时视频画面，以在多画面视图区实时显示目标实时视频画面。
本实施例中，通过确定触控点的实时位置，以及触控点相对于目标实时视频画面的相对位置，确定目标实时视频画面的实时画面位置，从而实现目标实时视频随着触控点的移动而移动，以将目标实时视频画面在多画面视图区中显示，提高画面切换处理的效率。
在一个实施例中，基于目标实时视频画面的大小，在多画面视图区中划分子画面区域包括：确定目标实时视频画面的第一尺寸和多画面视图区的第二尺寸；按照第一尺寸和第二尺寸，在多画面视图区中划分出多个子画面区域并显示；其中，至少一个子画面区域的尺寸与第一尺寸相匹配。
其中，第一尺寸，是指目标实时视频画面所覆盖空间的尺寸。第二尺寸，是指多画面视图区所覆盖空间的尺寸。
具体地，终端可以确定目标实时视频画面的第一尺寸和多画面视图区的第二尺寸，并按照第一尺寸和第二尺寸，在多画面视图区中划分出多个子画面区域并显示。其中，至少一个子画面区域的尺寸与第一尺寸相匹配。可以理解，终端可以在多画面视图区中划分出至少一个大于或等于第一尺寸的子画面区域。
在一个实施例中，如图6划分子画面区域的示意图。输入实体可以是鼠标，当用户通过鼠标的触控点拖动实时视频画面时触发拖拽启动(dragstart)事件，终端可以在多画面视图区中使用线条划分出与第一尺寸相匹配的子画面区域。可以理解，若多画面视图区中已有实时视频画面，终端可以使用线条在剩余的空间区域划分子画面区域。比如，在多画面视图区中已有视频1和视频2的情况下，目标实时视频画面是视频3，终端可以使用线条划分出与视频3的画面尺寸相匹配的子画面区域，并且通过线条分别显示视频1、视频2和视频3的子画面区域。
本实施例中，基于目标实时视频画面的第一尺寸和多画面视图区的第二尺寸，在多画面视图区中划分出多个子画面区域并显示，能够在多画面视图区中展示多个实时视频画面，从而实现通过拖动目标实时视频画面即可进行画面切换处理，提高画面切换处理的效率。
在一个实施例中，在监听到拖动结束操作、且拖动结束时目标实时视频画面位于子画面区域内，则将目标实时视频画面切换至子画面区域中展示包括：对划分好的子画面区域进行监听；在监听到目标实时视频画面位于子画面区域时，生成结束拖动提示，以提示结束针对目标实时视频画面的拖动操作；若监听到拖动结束操作，则将目标实时视频画面切换至子画面区域中展示。
其中，结束拖动提示用于提示结束针对目标实时视频画面的拖动操作。
具体地，终端可以在多画面视图区对划分好的子画面区域进行监听。终端可以在监听到目标实时视频画面位于子画面区域时，生成结束拖动提示，以提示结束针对目标实时视频画面的拖动操作。若监听到拖动结束操作，终端可以调用子画面区域对应的接口，将目标实时视频画面切换至子画面区域中展示。
在一个实施例中，结束拖动提示可以显示在多画面视图区中或在子画面区域中。结束拖动提示可以是用于表征可以在当前所在的子画面区域切换目标实时视频画面的信息。
在一个实施例中，如图7为生成结束拖动提示的示意图。输入实体可以是鼠标，终端可以监听鼠标的触控点在多画面视图区中的拖拽(dragover)事件，在通过触控点拖动的目标视频位于子画面区域时，终端可以使子画面区域高亮以提示用户结束拖动操作。终端监听到放下(drop)事件或拖动结束(dragend)事件时，即监听到拖动结束操作时，则调用相应的接口将目标实时视频画面切换至子画面区域中展示，并隐藏用于划分子画面区域的线条。可以理解，线条交叉中的区域是子画面区域，线条可以用于提示用户子画面区域的位置。
本实施例中，终端可以对划分好的子画面区域进行监听；在监听到目标实时视频画面位于子画面区域时，生成结束拖动提示，以提示结束针对目标实时视频画面的拖动操作；若监听到拖动结束操作，则将目标实时视频画面切换至子画面区域中展示，通过提示结束拖动操作，使得更加准确地将目标实时视频画面切换至子画面区域。
在一个实施例中，多画面视图区是互动教学场景下的导播视图区；实时视频画面是互动教学场景下实时的视频画面；实时视频画面包括教师视频画面和学生视频画面；目标实时视频画面是教师视频画面和学生视频画面中的任意一种。
具体地，教师视频画面可以包括教师全景视频画面和教师特写视频画面等画面中的至少一种。学生视频画面可以包括学生全景视频画面和学生特写视频画面等画面中的至少一种。可以理解，用户可以是教师或学生。在教师与学生进行线上互动教学时，用户可以在视频源区选择目标实时视频画面，将目标实时视频画面拖动至导播视图区进行画面切换处理。
在一个实施例中，如图8画面切换处理的示意图。用户可以在视频源区中设置进行画面切换处理的实时视频画面。比如设置视频A为教师特写视频画面，视频B为教师全景视频画面，视频C为学生全景视频画面。视频源区中可以显示视频A、视频B和视频C中设置的实时视频画面。用户可以将视频源区中的教师特写视频画面、教师全景视频画面和学生全景视频画面切换至导播视图区进行展示。
本实施例中，在互动教学场景下，实现用户通过输入实体拖动教师视频画面和学生视频画面中的任意一种，将其切换至导播视图区，操作更加便捷，提高画面切换处理的效率。
应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的画面切换处理方法的画面切换处理装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个画面切换处理装置实施例中的具体限定可以参见上文中对于画面切换处理方法的限定，在此不再赘述。
在一个实施例中，如图9所示，提供了一种画面切换处理装置900，包括：展示模块902、确定模块904和切换模块906，其中：
展示模块902，用于展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；所述实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有所述实时视频画面。
确定模块904，用于基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面。
切换模块906，用于响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动；基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示。
在一个实施例中，确定模块904，还用于基于所述嵌入对象标签在所述视频源区中的父级元素，监听所述输入实体的视频选择操作；在监听到所述输入实体的触控点进入所述父级元素的区域内后，确定所述触控点相对于所述父级元素的位置偏移量；通过比对所述位置偏移量与预设的偏移阈值，判断所述触控点是否位于所述视频源区中的实时视频画面的画面区域中；若是，则判定所述触控点所位于的画面区域对应的实时视频画面被选中。
在一个实施例中，切换模块906，还用于响应基于输入实体针对目标实时视频画面的拖动操作，确定所述输入实体的触控点的实时位置；获取所述触控点与所述目标实时视频画面的相对位置；根据所述触控点的实时位置和所述相对位置，确定所述目标实时视频画面的实时画面位置，以基于所述内联框架标签在所述实时画面位置中实时显示所述目标实时视频画面。
在一个实施例中，切换模块906，还用于确定所述目标实时视频画面的第一尺寸和所述多画面视图区的第二尺寸；按照所述第一尺寸和所述第二尺寸，在所述多画面视图区中划分出多个子画面区域并显示；其中，至少一个所述子画面区域的尺寸与所述第一尺寸相匹配。
在一个实施例中，切换模块906，还用于对划分好的所述子画面区域进行监听；在监听到所述目标实时视频画面位于所述子画面区域时，生成结束拖动提示，以提示结束针对所述目标实时视频画面的拖动操作；若监听到所述拖动结束操作，则将所述目标实时视频画面切换至所述子画面区域中展示。
上述画面切换处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储画面切换处理相关数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种画面切换处理方法。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种画面切换处理方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图10和图11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种画面切换处理方法，其特征在于，所述方法包括：
展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；所述实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有所述实时视频画面；
基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面；
响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动；
基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域；
在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示。
2.根据权利要求1所述的方法，其特征在于，所述基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面包括：
基于所述嵌入对象标签在所述视频源区中的父级元素，监听所述输入实体的视频选择操作；
在监听到所述输入实体的触控点进入所述父级元素的区域内后，确定所述触控点相对于所述父级元素的位置偏移量；
通过比对所述位置偏移量与预设的偏移阈值，判断所述触控点是否位于所述视频源区中的实时视频画面的画面区域中；
若是，则判定所述触控点所位于的画面区域对应的实时视频画面被选中。
3.根据权利要求1所述的方法，其特征在于，所述响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动包括：
响应基于输入实体针对目标实时视频画面的拖动操作，确定所述输入实体的触控点的实时位置；
获取所述触控点与所述目标实时视频画面的相对位置；
根据所述触控点的实时位置和所述相对位置，确定所述目标实时视频画面的实时画面位置，以基于所述内联框架标签在所述实时画面位置中实时显示所述目标实时视频画面。
4.根据权利要求1所述的方法，其特征在于，所述基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域包括：
确定所述目标实时视频画面的第一尺寸和所述多画面视图区的第二尺寸；
按照所述第一尺寸和所述第二尺寸，在所述多画面视图区中划分出多个子画面区域并显示；其中，至少一个所述子画面区域的尺寸与所述第一尺寸相匹配。
5.根据权利要求1所述的方法，其特征在于，所述在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示包括：
对划分好的所述子画面区域进行监听；
在监听到所述目标实时视频画面位于所述子画面区域时，生成结束拖动提示，以提示结束针对所述目标实时视频画面的拖动操作；
若监听到所述拖动结束操作，则将所述目标实时视频画面切换至所述子画面区域中展示。
6.根据权利要求1至5任意一项所述的方法，其特征在于，所述多画面视图区是互动教学场景下的导播视图区；所述实时视频画面是互动教学场景下实时的视频画面；所述实时视频画面包括教师视频画面和学生视频画面；所述目标实时视频画面是教师视频画面和学生视频画面中的任意一种。
7.一种画面切换处理装置，其特征在于，所述装置包括：
展示模块，用于展示多画面视图区和视频源区；视频源区中显示有通过播放视频流形成的多个实时视频画面；所述实时视频画面是基于嵌入对象标签嵌入的；嵌入对象标签的上层设置有内联框架标签；内联框架标签中设置有所述实时视频画面；
确定模块，用于基于所述嵌入对象标签在所述视频源区中的父级元素监听视频选择操作，以确定所述视频源区中的被选中的目标实时视频画面；
切换模块，用于响应基于输入实体针对所述目标实时视频画面的拖动操作，基于所述内联框架标签使得目标实时视频画面跟随所述输入实体的触控点的移动而移动；基于所述目标实时视频画面的大小，在多画面视图区中划分子画面区域；在监听到拖动结束操作、且拖动结束时所述目标实时视频画面位于所述子画面区域内，则将所述目标实时视频画面切换至所述子画面区域中展示。
8.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
10.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111570721.2A CN114339363B (zh) | 2021-12-21 | 2021-12-21 | 画面切换处理方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111570721.2A CN114339363B (zh) | 2021-12-21 | 2021-12-21 | 画面切换处理方法、装置、计算机设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114339363A true CN114339363A (zh) | 2022-04-12 |
| CN114339363B CN114339363B (zh) | 2023-12-22 |
Family
ID=81054924
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111570721.2A Active CN114339363B (zh) | 2021-12-21 | 2021-12-21 | 画面切换处理方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114339363B (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115209222A (zh) * | 2022-06-15 | 2022-10-18 | 深圳市锐明技术股份有限公司 | 一种视频播放方法、装置、电子设备及可读存储介质 |
| WO2024002317A1 (zh) * | 2022-06-30 | 2024-01-04 | 北京字跳网络技术有限公司 | 一种直播视频处理方法、装置、设备及介质 |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11205712A (ja) * | 1998-01-20 | 1999-07-30 | Fujitsu General Ltd | マルチ画面表示装置 |
| US20070279484A1 (en) * | 2006-05-31 | 2007-12-06 | Mike Derocher | User interface for a video teleconference |
| CN101291398A (zh) * | 2008-06-02 | 2008-10-22 | 深圳华为通信技术有限公司 | 一种多画面设置方法及设备 |
| CN101350898A (zh) * | 2008-08-29 | 2009-01-21 | 深圳华为通信技术有限公司 | 一种组合画面视频源选择方法及其装置 |
| CN102857732A (zh) * | 2012-05-25 | 2013-01-02 | 华为技术有限公司 | 一种多画面视讯会议中的画面控制方法、设备及系统 |
| CN103873813A (zh) * | 2012-12-10 | 2014-06-18 | 中兴通讯股份有限公司 | 一种会议电视多画面切换的方法及系统 |
| CN104378578A (zh) * | 2013-08-15 | 2015-02-25 | 中兴通讯股份有限公司 | 一种切换视频源的方法及装置、显示装置 |
| CN107396194A (zh) * | 2017-07-04 | 2017-11-24 | 上海全土豆文化传播有限公司 | 一种弹幕展示方法及客户端 |
| CN112218000A (zh) * | 2019-07-09 | 2021-01-12 | 西安诺瓦星云科技股份有限公司 | 多画面监视方法、装置和系统 |
| CN112527224A (zh) * | 2020-12-02 | 2021-03-19 | 上海三思电子工程有限公司 | 拼接屏视频布局装置、方法、终端设备、系统及介质 |
| WO2021249494A1 (zh) * | 2020-06-10 | 2021-12-16 | 北京字节跳动网络技术有限公司 | 信息展示方法、装置和电子设备 |
-
2021
- 2021-12-21 CN CN202111570721.2A patent/CN114339363B/zh active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11205712A (ja) * | 1998-01-20 | 1999-07-30 | Fujitsu General Ltd | マルチ画面表示装置 |
| US20070279484A1 (en) * | 2006-05-31 | 2007-12-06 | Mike Derocher | User interface for a video teleconference |
| CN101291398A (zh) * | 2008-06-02 | 2008-10-22 | 深圳华为通信技术有限公司 | 一种多画面设置方法及设备 |
| CN101350898A (zh) * | 2008-08-29 | 2009-01-21 | 深圳华为通信技术有限公司 | 一种组合画面视频源选择方法及其装置 |
| CN102857732A (zh) * | 2012-05-25 | 2013-01-02 | 华为技术有限公司 | 一种多画面视讯会议中的画面控制方法、设备及系统 |
| CN103873813A (zh) * | 2012-12-10 | 2014-06-18 | 中兴通讯股份有限公司 | 一种会议电视多画面切换的方法及系统 |
| CN104378578A (zh) * | 2013-08-15 | 2015-02-25 | 中兴通讯股份有限公司 | 一种切换视频源的方法及装置、显示装置 |
| CN107396194A (zh) * | 2017-07-04 | 2017-11-24 | 上海全土豆文化传播有限公司 | 一种弹幕展示方法及客户端 |
| CN112218000A (zh) * | 2019-07-09 | 2021-01-12 | 西安诺瓦星云科技股份有限公司 | 多画面监视方法、装置和系统 |
| WO2021249494A1 (zh) * | 2020-06-10 | 2021-12-16 | 北京字节跳动网络技术有限公司 | 信息展示方法、装置和电子设备 |
| CN112527224A (zh) * | 2020-12-02 | 2021-03-19 | 上海三思电子工程有限公司 | 拼接屏视频布局装置、方法、终端设备、系统及介质 |
Non-Patent Citations (3)
| Title |
|---|
| GUANGCHAO ZHAI ET AL.: "A Useful Multi-Window Monitor Design", 《2018 IEEE INTERNATIONAL CONFERENCE ON CONSUMER ELECTRONICS-ASIA》 * |
| 张建栋: "媒体技术在远程视频会议领域的实践与应用", 《现代电视技术》 * |
| 曹军: "基于IP组播技术的远程教学系统的研究与实现", 《硕士学位论文》 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115209222A (zh) * | 2022-06-15 | 2022-10-18 | 深圳市锐明技术股份有限公司 | 一种视频播放方法、装置、电子设备及可读存储介质 |
| CN115209222B (zh) * | 2022-06-15 | 2024-02-09 | 深圳市锐明技术股份有限公司 | 一种视频播放方法、装置、电子设备及可读存储介质 |
| WO2024002317A1 (zh) * | 2022-06-30 | 2024-01-04 | 北京字跳网络技术有限公司 | 一种直播视频处理方法、装置、设备及介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114339363B (zh) | 2023-12-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11171893B2 (en) | Methods and systems for providing virtual collaboration via network | |
| US9628744B2 (en) | Display apparatus and control method thereof | |
| US10419804B2 (en) | Cooperative provision of personalized user functions using shared and personal devices | |
| CN102859486B (zh) | 缩放显示导航 | |
| US20070204014A1 (en) | Mobile Webcasting of Multimedia and Geographic Position for a Real-Time Web Log | |
| CN114339363B (zh) | 画面切换处理方法、装置、计算机设备和存储介质 | |
| CN105052154A (zh) | 生成具有多个视点的视频 | |
| US20190051268A1 (en) | Method and System for the Distribution of Synchronized Video to an Array of Randomly Positioned Display Devices Acting as One Aggregated Display Device | |
| US9319455B2 (en) | Method and system for seamless navigation of content across different devices | |
| JP6669403B2 (ja) | 通信装置、通信制御方法および通信システム | |
| JP2020527883A5 (zh) | ||
| CN115278275B (zh) | 信息展示方法、装置、设备、存储介质和程序产品 | |
| WO2019119643A1 (zh) | 移动直播的互动终端、方法及计算机可读存储介质 | |
| CN113747227B (zh) | 视频播放方法、装置、存储介质以及电子设备 | |
| CN114374853A (zh) | 内容展示方法、装置、计算机设备和存储介质 | |
| CN111711857A (zh) | 多路视频播放方法、终端及可读存储介质 | |
| EP2756672A1 (en) | Personalized video content consumption using shared video device and personal device | |
| CN113891135B (zh) | 一种多媒体数据播放方法、装置、电子设备及存储介质 | |
| US20180160173A1 (en) | System for providing cloud-based user interfaces and method thereof | |
| CN114866835A (zh) | 弹幕显示方法、弹幕显示装置和电子设备 | |
| WO2020224158A1 (zh) | 编辑方法、计算机可读存储介质及终端 | |
| CN115767168A (zh) | 直播内容显示方法、装置、介质及电子设备 | |
| CN117939236A (zh) | 特效互动方法、装置、电子设备及存储介质 | |
| CN116980631A (zh) | 文件处理方法、装置、程序产品、计算机设备和介质 | |
| KR20240030921A (ko) | 사용자 중심의 멀티뷰 제공 시스템 및 그 방법 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |