CN112153459A - 用于投屏显示的方法和装置 - Google Patents

用于投屏显示的方法和装置 Download PDF

Info

Publication number
CN112153459A
CN112153459A CN202010903345.3A CN202010903345A CN112153459A CN 112153459 A CN112153459 A CN 112153459A CN 202010903345 A CN202010903345 A CN 202010903345A CN 112153459 A CN112153459 A CN 112153459A
Authority
CN
China
Prior art keywords
screen
sub
terminal device
pictures
picture
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
Application number
CN202010903345.3A
Other languages
English (en)
Inventor
王代远
林伟军
吴松岩
王岩
马权
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Samsung Electronics China R&D Center
Samsung Electronics Co Ltd
Original Assignee
Samsung Electronics China R&D Center
Samsung Electronics Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Samsung Electronics China R&D Center, Samsung Electronics Co Ltd filed Critical Samsung Electronics China R&D Center
Priority to CN202010903345.3A priority Critical patent/CN112153459A/zh
Publication of CN112153459A publication Critical patent/CN112153459A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/436—Interfacing a local distribution network, e.g. communicating with another STB or one or more peripheral devices inside the home
    • H04N21/4363—Adapting the video stream to a specific local network, e.g. a Bluetooth® network
    • H04N21/43632—Adapting the video stream to a specific local network, e.g. a Bluetooth® network involving a wired protocol, e.g. IEEE 1394
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/4104—Peripherals receiving signals from specially adapted client devices
    • H04N21/4122—Peripherals receiving signals from specially adapted client devices additional display device, e.g. video projector
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/4104—Peripherals receiving signals from specially adapted client devices
    • H04N21/4126—The peripheral being portable, e.g. PDAs or mobile phones
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/436—Interfacing a local distribution network, e.g. communicating with another STB or one or more peripheral devices inside the home
    • H04N21/4363—Adapting the video stream to a specific local network, e.g. a Bluetooth® network
    • H04N21/43637—Adapting the video stream to a specific local network, e.g. a Bluetooth® network involving a wireless protocol, e.g. Bluetooth, RF or wireless LAN [IEEE 802.11]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
    • H04N21/440263—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by altering the spatial resolution, e.g. for displaying on a connected PDA
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
    • H04N21/440263—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by altering the spatial resolution, e.g. for displaying on a connected PDA
    • H04N21/440272—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by altering the spatial resolution, e.g. for displaying on a connected PDA for performing aspect ratio conversion

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Transforming Electric Information Into Light Information (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明提供一种用于投屏显示的方法和装置，所述方法包括：响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。本发明所提供的方法及装置不仅能够有效地减少或避免在投屏显示时因屏幕显示规格不一致而导致投屏的屏幕出现大的黑色空缺区域，而且能够使得大屏幕显示设备的大屏显示资源得到充分利用，进而充分发挥出大屏幕显示设备的大屏显示优势，并且提升了在大屏幕显示设备上投屏的显示效果和用户的观看体验。

Description

用于投屏显示的方法和装置
技术领域
本申请涉及通信技术领域，尤其涉及一种用于投屏显示的方法及装置。
背景技术
随着投屏技术的推广和普及，特别是，使用手机向电视投屏的方式开始越来越受到关注，然而，现有的使用手机向电视投屏的技术仅能向电视的屏幕投射与在手机的屏幕上所展示的画面相同的画面，因此，当手机的屏幕显示规格(诸如，屏幕分辩率等)与电视的屏幕显示规格不一致时，在电视的屏幕上可能会出现大的黑色空缺区域。这种情况在具有旋转屏功能的电视的屏幕上更是时常发生，例如，当手机处于竖屏而电视处于横屏时，在电视的屏幕的左右两侧会出现大的黑色空缺区域(如图3和图5所示)；或者，当手机处于横屏而电视处于竖屏时，在电视的屏幕的上下两端会出现大的黑色空缺区域(如图7所示)。此外，这种因屏幕状态不一致而产生的黑色空缺区域甚至比投屏画面的显示区域更大，这不仅影响投屏图像在电视的屏幕上的显示效果和用户的观看体验，而且也无法充分发挥/利用电视的大屏幕显示优势。
因此，迫切需要一种能够解决上述问题的方法及装置。
发明内容
本发明的目的在于提供一种用于投屏显示的方法及装置。
据本发明的一方面，提供一种用于投屏显示的方法，所述方法包括：响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
优选地，所述方法还包括：按照调整后的布局将所述多个子画面合成新的画面；将所述新的画面投屏到所述第二终端设备的屏幕中进行显示。
优选地，从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面的步骤可包括：获取所述页面资源的基于树形结构的文档对象模型；以及从所述文档对象模型中提取出多个元素作为所述多个子画面。
优选地，所述第二终端设备的屏幕信息可包括所述第二终端设备的屏幕分辨率和/或所述第二终端设备的屏幕状态，其中，所述第二终端设备的屏幕状态指示所述第二终端设备是处于横屏还是处于竖屏。
优选地，所述调整可包括以下操作中的至少一种：对所述多个子画面中的每个子画面在屏幕中的相对位置进行调整；对所述多个子画面中的每个子画面的长度和/或宽度进行调整；以及对所述多个子画面中的每个子画面的长度与宽度之比进行调整。
优选地，根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局的步骤可包括：根据所述第二终端设备的屏幕信息，将所述第二终端设备的屏幕划分为多个显示分区；针对所述多个子画面中的每个子画面分配相应的显示分区，以将所述多个子画面排布在所述第二终端设备的屏幕上；以及将所述多个子画面中的每个子画面填充至相应的显示分区内，以调整所述多个子画面中的每个子画面在屏幕中的布局。
优选地，所述多个子画面可以以占满整个屏幕的方式排布在所述第二终端设备的屏幕上。
据本发明的另一方面，提供一种用于投屏显示的装置，所述装置包括：拆分单元，响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；调整单元，根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
优选地，所述装置还包括：合成单元，按照调整后的布局将所述多个子画面合成新的画面；投屏单元，将所述新的画面投屏到所述第二终端设备的屏幕中进行显示。
优选地，所述拆分单元可包括：模型获取单元，获取所述页面资源的基于树形结构的文档对象模型；以及画面拆分单元，从所述文档对象模型中提取出多个元素作为所述多个子画面。
优选地，所述第二终端设备的屏幕信息可包括所述第二终端设备的屏幕分辨率和/或所述第二终端设备的屏幕状态，其中，所述第二终端设备的屏幕状态指示所述第二终端设备是处于横屏还是处于竖屏。
优选地，所述调整可包括以下操作中的至少一种：对所述多个子画面中的每个子画面在屏幕中的相对位置进行调整；对所述多个子画面中的每个子画面的长度和/或宽度进行调整；以及对所述多个子画面中的每个子画面的长度与宽度之比进行调整。
优选地，所述调整单元可包括：屏幕划分单元，根据所述第二终端设备的屏幕信息，将所述第二终端设备的屏幕划分为多个显示分区；分配排布单元，针对所述多个子画面中的每个子画面分配相应的显示分区，以将所述多个子画面排布在所述第二终端设备的屏幕上；以及填充调整单元，将所述多个子画面中的每个子画面填充至相应的显示分区内，以调整所述多个子画面中的每个子画面在屏幕中的布局。
优选地，所述多个子画面可以以占满整个屏幕的方式排布在所述第二终端设备的屏幕上。
据本发明的另一方面，提供一种存储有计算机程序的计算机可读存储介质，当所述计算机程序在被处理器执行时，实现如前面所述的用于投屏显示的方法。
据本发明的另一方面，提供一种计算机设备，所述计算机设备包括：处理器；存储器，存储有计算机程序，当所述计算机程序被处理器执行时，实现如前面所述的用于投屏显示的方法。
本发明所提供的用于投屏显示的方法及装置不仅能够有效地减少或避免在投屏显示时因屏幕显示规格不一致而导致投屏的屏幕出现大的黑色空缺区域，而且能够使得大屏幕显示设备(诸如，但不限于，电视等)的大屏显示资源得到充分利用，进而充分发挥出大屏幕显示设备的大屏显示优势，并且提升了在大屏幕显示设备上投屏的显示效果和用户的观看体验。
附图说明
通过下面结合附图进行的描述，本发明的目的和特点将会变得更加清楚，其中：
图1是示出根据本发明的示例性实施例的用于投屏显示的示例性***；
图2是示出根据本发明的示例性实施例的用于投屏显示的方法的示例性处理；
图3示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的示意图；
图4示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的示意图；
图5示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的另一示意图；
图6示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的另一示意图；
图7示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的又一示意图；
图8示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备的屏幕中所展示的画面投屏到第二终端设备的屏幕的又一示意图。
具体实施方式
为了改善投屏显示效果和用户观看体验，本发明的实施例提供了一种用于投屏显示的方法，所述方法包括：响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。根据本发明的实施例，通过根据第二终端设备的屏幕信息调整多个画面的布局，能够使得在第二终端设备的屏幕上显示的画面布局更加合理，进而提升投屏显示的效果和用户的观看体验。
以下，将参照附图来详细说明本发明的实施例。
图1是示出根据本发明的示例性实施例的用于投屏显示的示例性***100。
参照图1，所述***100可包括第一终端设备101和第二终端设备102，并且第一终端设备101可以以有线或无线(诸如，WIFI无线局域网)的方式连接到第二终端设备102。
在所述***100中，第一终端设备101可以是用户能够直接进行输入操作的便携式设备(诸如，但不限于，手机、平板、智能手表、笔记本电脑等)，第二终端设备102可以是用户通常不直接进行输入操作而是借助诸如但不限于遥控装置等进行输入操作的家用电器(诸如，电视等大屏幕显示设备)。
第一终端设备101可加载并运行各种客户端应用或APP，并且可被配置为响应于投屏指令(例如，用户点击投屏按钮)而使用投屏协议(诸如，但不限于，DLNA协议、airplay协议、lelink协议等)向第二终端设备102投屏，以将在第一终端设备101的屏幕上所展示的画面(诸如，网页、视频、游戏等页面资源)推送到第二终端设备102的屏幕上进行显示。在在此公开的示例中，第一终端设备101还可被配置为在向第二终端设备102推送第一终端设备101的屏幕上所展示的画面之前对第一终端设备101的屏幕上所展示的画面的页面布局进行调整，以使调整后的画面更好地适配于第二终端设备102的屏幕，以优化投屏画面的显示效果，从而提高用户体验。以下将详细描述上述投屏显示过程。
图2是示出根据本发明的示例性实施例的用于投屏显示的方法的示例性处理200。
参照图2，在方框S210中，所述处理200可响应于投屏指令而从与在第一终端设备102的屏幕中所展示的画面对应的页面资源(诸如，但不限于，使用html、xml和xaml等标记语言编写的各种页面以及使用JavaScript、VBScript、Perl、PHP、Python、Ruby等程序语言编写的各种脚本)拆分出多个子画面。
在该示例中，所述处理200可获取所述页面资源的基于树形结构的文档对象模型(DOM)，并且从所述文档对象模型中提取出多个元素(诸如，但不限于，视频、图片、文本、控件等界面元素)作为所述多个子画面。每个元素在文档对象模型中以各种标签标记，与每个元素对应的标签还记录有该元素的类型(诸如，但不限于，视频、图片、文本、控件等)、长度、宽度、相对位置、以及URL地址等各种属性。例如，使用<frame>标签标记的图层元素、使用<video>标签标记的视频元素、使用<ListView>标签标记的列表元素等。
在方框S220中，所述处理200可根据第二终端设备102的屏幕信息调整多个子画面中的每个子画面在屏幕中的布局，以使每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
考虑到不同的屏幕具有不同的屏幕分辨率(例如，液晶电视机的屏幕分辨率可为1366×768像素，全高清液晶电视的屏幕分辨率可达到1920×1080像素，超高清4k电视机的屏幕分辨率可达到3840×2160像素)，因此相同的画面在投屏到不同的终端设备的屏幕之后可呈现不同的显示效果，即，相同的画面在投屏到不同的终端设备的屏幕之后可呈现不同大小的黑色空缺区域，这是因为第一终端设备101的屏幕显示区域的长度与宽度之比与第二终端设备102的屏幕显示区域的长度与宽度之比之间的匹配程度不同而导致的。因此，在该示例中，第二终端设备102的屏幕信息可包括第二终端设备102的屏幕分辨率，该屏幕分辨率可用于确定第二终端设备102的屏幕显示区域的长度与宽度之比，进而确定第一终端设备101的屏幕显示区域的长度与宽度之比与第二终端设备102的屏幕显示区域的长度与宽度之比之间的匹配程度。例如，如果第一终端设备101的屏幕显示区域的长度与宽度之比与第二终端设备102的屏幕显示区域的长度与宽度之比不一致或者差别较大，则所述处理200可根据第二终端设备102的屏幕分辨率来调整每个子画面在第二终端设备102的屏幕中的布局；如果第一终端设备101的屏幕显示区域的长度与宽度之比与第二终端设备102的屏幕显示区域的长度与宽度基本一致，则所述处理200可在长度与宽度之比保持不变的情况下对在第一终端设备101的屏幕中所展示的画面进行适当地拉伸或者使其保持不变。
此外，对于具有旋转屏功能的屏幕而言，考虑到这种屏幕在从横屏旋转成竖屏或者从竖屏旋转成横屏之后也可改变终端设备的屏幕显示区域的长度与宽度之比。因此，在该示例中，第二终端设备102的屏幕信息还可包括第二终端设备102的屏幕状态，该屏幕状态可指示所述第二终端设备102的屏幕是处于横屏还是处于竖屏。这样可使得投屏的画面更好地适配于第二终端设备102的屏幕状态。
尽管上面描述了可根据第二终端设备102的屏幕分辨率和/或第二终端设备102的屏幕状态来调整每个子画面在第二终端设备102的屏幕中的布局示例，但是本公开不限于上述示例中所述的第二终端设备102的屏幕信息。
关于画面的调整，在一个示例中，所述处理200可通过诸如，但不限于，以下操作中的至少一种来实现对多个子画面中每个子画面的调整：对多个子画面中的每个子画面在屏幕中的相对位置进行调整、对多个子画面中的每个子画面的长度和/或宽度进行调整以及对多个子画面中的每个子画面的长度与宽度之比进行调整。具体地，所述处理200可通过改变与上述调整操作相关的参数(诸如，但不限于，每个子画面的相对位置坐标Position(x，y)、长度Length和/或宽度Width和长度与宽度之比Ratio等)将在第一终端设备101的屏幕上所展示的画面调整成用户所期望的画面。优选地，所述处理200可通过上述调整操作使得多个子画面以占满整个屏幕的方式排布在所述第二终端设备的屏幕上，以避免在投屏显示时因为第一终端设备101的屏幕显示区域的长度与宽度之比与第二终端设备102的屏幕显示区域的长度与宽度之比不匹配而导致第二终端设备102的屏幕出现大的黑色空缺区域。
除了上述调整操作之外，在另一示例中，所述处理200还可根据第二终端设备102的屏幕信息将第二终端设备102的屏幕划分为多个显示分区，针对步骤101中拆分的多个子画面中的每个子画面分配相应的显示分区以将所述多个子画面排布在第二终端设备102的屏幕上，并且将所述多个子画面中的每个子画面填充至相应的显示分区内，以调整所述多个子画面中的每个子画面在屏幕中的布局。
作为一个可行的实施方式，所述处理200可根据第二终端设备102的屏幕信息而采取不同的划分策略对该屏幕进行划分。具体地，对于屏幕尺寸较小且屏幕分辨率较低的屏幕，由于其不适宜被划分成较多的显示分区，因此所述处理200可将这种屏幕划分成几个稀疏的显示分区；对于屏幕尺寸较大且屏幕分辨率较高的屏幕，由于其适宜被划分成较多的显示分区，因此所述处理200可将这种屏幕划分成多个密集的显示分区。进一步地，所述处理200可按照预定的优先级分配策略来向上述拆分的多个子画面中的每个子画面分配相应的显示分区，例如，优先级高的子画面先分配到显示分区，优先级低的子画面后分配到显示分区，直到没有可用的显示分区为止。各个子画面的优先级高低可取决于各个子画面的权重大小，并且各个子画面的权重大小可取决于各个子画面在第一终端设备101的屏幕中所展示的画面中的面积占比和/或其他信息。
需要说明的是，方框S210和方框S220可在第一终端设备101上执行，也可在第二终端设备102上执行，本发明对此不做限制。
当所述处理200由第一终端设备101执行时，如图2所示，在方框S230中，所述处理200可按照调整后的布局将多个子画面合成新的画面；然后，在方框S240中，所述处理200可将新的画面投屏到第二终端设备102的屏幕中进行显示。作为一个可行的实施方式，所述处理200可按照调整后的布局构建新的页面，然后对该新的页面进行解析以绘制出新的画面，其中，所述新的画面不显示在第二终端设备102的屏幕上，而是通过投屏协议被推送至第二终端设备102的屏幕进行展示。
当所述处理200由第二终端设备102执行时，所述处理200可直接按照调整后的布局构建新的页面并且展示在第二终端设备102的屏幕上进行显示。
以下，将结合图4、图6和图8来进一步详细描述本发明的上述投屏显示处理过程。
图3示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的示意图。
如图3所示，在第一终端设备101的屏幕处于竖屏而第二终端设备102的屏幕处于横屏的情况下，由于第一终端设备101的屏幕显示规格与第二终端设备102的屏幕显示规格不匹配，因此在第二终端设备102的屏幕左右两侧出现了两个大的黑色空缺区域。
作为图3的对比，图4示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的示意图。
如图4所示，同样在第一终端设备101的屏幕处于竖屏而第二终端设备102的屏幕处于横屏的情况下，所述处理200在接收到投屏指令之后，并未直接将在第一终端设备101的屏幕上所展示的画面投屏到第二终端设备102的屏幕上，而是从与在第一终端设备101的屏幕中所展示的画面对应的页面资源的中解析出三个元素，其分别为：弹幕301、视频302和列表303(其中，弹幕301、视频302被叠加地显示在第一终端设备101的屏幕上，列表303未被显示在第一终端设备101的屏幕上)；然后按照图4所示的页面布局将这三个元素作为子画面合成新的画面投屏到第二终端设备102的屏幕进行显示。
相比于图3，在图4所示的第二终端设备102的屏幕左右两端并未出现图3所示的两个大的黑色空缺区域，并且在图4所示的第二终端设备102的屏幕上还展示出比在第一终端设备101的屏幕上所展示的内容更多的内容。
图5示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的另一示意图。
如图5所示，同样在第一终端设备101的屏幕处于竖屏而第二终端设备102的屏幕处于横屏的情况下，由于第一终端设备101的屏幕显示规格与第二终端设备102的屏幕显示规格不匹配，因此在第二终端设备102的屏幕左右两侧也同样出现了两个大的黑色空缺区域。
作为图5的对比，图6示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的另一示意图。
如图6所示，同样在第一终端设备101的屏幕处于竖屏而第二终端设备102的屏幕处于横屏的情况下，所述处理200在接收到投屏指令之后，并未直接将在第一终端设备101的屏幕上所展示的画面投屏到第二终端设备102的屏幕上，而是从与在第一终端设备101的屏幕中所展示的画面对应的页面资源的中解析出三个元素，其分别为：叠加有弹幕的视频601、简介和评论602和列表603(其以纵向排布的方式被显示在第一终端设备101的屏幕上)；然后按照图6所示的页面布局将这三个元素作为子画面合成新的画面投屏到第二终端设备102的屏幕进行显示。
相比于图5，在图6所示的第二终端设备102的屏幕左右两端并未出现图7所示的两个大的黑色空缺区域。
图7示出了未使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的示意图。
如图7所示，在第一终端设备101的屏幕处于横屏而第二终端设备102的屏幕处于竖屏的情况下，由于第一终端设备101的屏幕显示规格与第二终端设备102的屏幕显示规格不匹配，因此在第二终端设备102的屏幕上下两端出现了两个大的黑色空缺区域。
作为图7的对比，图8示出了使用根据本发明的示例性实施例的用于投屏显示的方法将在第一终端设备101的屏幕中所展示的画面投屏到第二终端设备102的屏幕的示意图。
如图8所示，同样在第一终端设备101的屏幕处于横屏而第二终端设备102的屏幕处于竖屏的情况下，所述处理200在接收到投屏指令之后，并未直接将在第一终端设备101的屏幕上所展示的画面投屏到第二终端设备102的屏幕上，而是从与在第一终端设备101的屏幕中所展示的画面对应的页面资源的中解析出三个元素，其分别为：叠加有弹幕的视频801、简介和评论802和列表803(其中，仅叠加有弹幕的视频801被显示在第一终端设备101的屏幕上)；然后按照图8所示的页面布局将这三个元素作为子画面合成新的画面投屏到第二终端设备102的屏幕进行显示。
相比于图7，在图8所示的第二终端设备102的屏幕上下两端并未出现图7所示的两个大的黑色空缺区域。
可以看出，本发明的上述实施过程不仅能够有效地减少或避免在投屏显示时因屏幕显示规格不一致而导致投屏的屏幕出现大的黑色空缺区域，而且能够使得大屏幕显示设备(诸如，但不限于，电视等)的大屏显示资源得到充分利用，进而充分发挥出大屏幕显示设备的大屏显示优势，并且提升了在大屏幕显示设备上投屏的显示效果和用户的观看体验。
根据本发明的示例性实施例还提供一种用于投屏显示的装置，所述装置包括：拆分单元，响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；调整单元，根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
根据本发明的示例性实施例的用于投屏显示的装置还可包括：合成单元，按照调整后的布局将所述多个子画面合成新的画面；投屏单元，将所述新的画面投屏到所述第二终端设备的屏幕中进行显示。
所述拆分单元可包括：模型获取单元，获取所述页面资源的基于树形结构的文档对象模型；以及画面拆分单元，从所述文档对象模型中提取出多个元素作为所述多个子画面。
根据本发明的示例性实施例还提供一种存储有计算机程序的计算机可读存储介质。该计算机可读存储介质存储有当被处理器执行时使得处理器执行根据本发明的用于投屏显示的方法的计算机程序。该计算机可读记录介质是可存储由计算机***读出的数据的任意数据存储装置。计算机可读记录介质的示例包括：只读存储器、随机存取存储器、只读光盘、磁带、软盘、光数据存储装置和载波(诸如经有线或无线传输路径通过互联网的数据传输)。
根据本发明的示例性实施例还提供一种计算机设备。该计算机设备包括处理器和存储器。存储器用于存储计算机程序。所述计算机程序被处理器执行使得处理器执行根据本发明的用于投屏显示的方法的计算机程序。
尽管已参照优选实施例表示和描述了本申请，但本领域技术人员应该理解，在不脱离由权利要求限定的本申请的精神和范围的情况下，可以对这些实施例进行各种修改和变换。

Claims (16)

1.一种用于投屏显示的方法，其特征在于，所述方法包括：
响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；
根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
2.如权利要求1所述的方法，其特征在于，所述方法还包括：
按照调整后的布局将所述多个子画面合成新的画面；
将所述新的画面投屏到所述第二终端设备的屏幕中进行显示。
3.如权利要求1所述的方法，其特征在于，从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面的步骤包括：
获取所述页面资源的基于树形结构的文档对象模型；以及
从所述文档对象模型中提取出多个元素作为所述多个子画面。
4.如权利要求1所述的方法，其特征在于，所述第二终端设备的屏幕信息包括所述第二终端设备的屏幕分辨率和/或所述第二终端设备的屏幕状态，其中，所述第二终端设备的屏幕状态指示所述第二终端设备是处于横屏还是处于竖屏。
5.如权利要求1所述的方法，其特征在于，所述调整包括以下操作中的至少一种：
对所述多个子画面中的每个子画面在屏幕中的相对位置进行调整；
对所述多个子画面中的每个子画面的长度和/或宽度进行调整；以及
对所述多个子画面中的每个子画面的长度与宽度之比进行调整。
6.如权利要求1所述的方法，其特征在于，根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局的步骤包括：
根据所述第二终端设备的屏幕信息，将所述第二终端设备的屏幕划分为多个显示分区；
针对所述多个子画面中的每个子画面分配相应的显示分区，以将所述多个子画面排布在所述第二终端设备的屏幕上；以及
将所述多个子画面中的每个子画面填充至相应的显示分区内，以调整所述多个子画面中的每个子画面在屏幕中的布局。
7.如权利要求1-6任意一项权利要求所述的方法，其特征在于，所述多个子画面以占满整个屏幕的方式排布在所述第二终端设备的屏幕上。
8.一种用于投屏显示的装置，其特征在于，所述装置包括：
拆分单元，响应于投屏指令而从与在第一终端设备的屏幕中所展示的画面对应的页面资源中拆分出多个子画面；
调整单元，根据第二终端设备的屏幕信息调整所述多个子画面中的每个子画面在屏幕中的布局，以使所述每个子画面按照所述布局显示在所述第二终端设备的屏幕上。
9.根据权利要求8所述的装置，其特征在于，所述装置还包括：
合成单元，按照调整后的布局将所述多个子画面合成新的画面；
投屏单元，将所述新的画面投屏到所述第二终端设备的屏幕中进行显示。
10.如权利要求8所述的装置，其特征在于，所述拆分单元包括：
模型获取单元，获取所述页面资源的基于树形结构的文档对象模型；以及
画面拆分单元，从所述文档对象模型中提取出多个元素作为所述多个子画面。
11.如权利要求8所述的装置，其特征在于，所述第二终端设备的屏幕信息包括所述第二终端设备的屏幕分辨率和/或所述第二终端设备的屏幕状态，其中，所述第二终端设备的屏幕状态指示所述第二终端设备是处于横屏还是处于竖屏。
12.如权利要求8所述的装置，其特征在于，所述调整包括以下操作中的至少一种：
对所述多个子画面中的每个子画面在屏幕中的相对位置进行调整；
对所述多个子画面中的每个子画面的长度和/或宽度进行调整；以及
对所述多个子画面中的每个子画面的长度与宽度之比进行调整。
13.如权利要求8所述的装置，其特征在于，所述调整单元包括：
屏幕划分单元，根据所述第二终端设备的屏幕信息，将所述第二终端设备的屏幕划分为多个显示分区；
分配排布单元，针对所述多个子画面中的每个子画面分配相应的显示分区，以将所述多个子画面排布在所述第二终端设备的屏幕上；以及
填充调整单元，将所述多个子画面中的每个子画面填充至相应的显示分区内，以调整所述多个子画面中的每个子画面在屏幕中的布局。
14.如权利要求8-13任意一项权利要求所述的装置，其特征在于，所述多个子画面以占满整个屏幕的方式排布在所述第二终端设备的屏幕上。
15.一种存储有计算机程序的计算机可读存储介质，其特征在于，当所述计算机程序在被处理器执行时，实现如权利要求1-7中的任意一项所述的用于投屏显示的方法。
16.一种计算机设备，其特征在于，所述计算机设备包括：
处理器；
存储器，存储有计算机程序，当所述计算机程序被处理器执行时，实现如权利要求1-7中的任意一项所述的用于投屏显示的方法。
CN202010903345.3A 2020-09-01 2020-09-01 用于投屏显示的方法和装置 Pending CN112153459A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010903345.3A CN112153459A (zh) 2020-09-01 2020-09-01 用于投屏显示的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010903345.3A CN112153459A (zh) 2020-09-01 2020-09-01 用于投屏显示的方法和装置

Publications (1)

Publication Number Publication Date
CN112153459A true CN112153459A (zh) 2020-12-29

Family

ID=73890472

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010903345.3A Pending CN112153459A (zh) 2020-09-01 2020-09-01 用于投屏显示的方法和装置

Country Status (1)

Country Link
CN (1) CN112153459A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112667184A (zh) * 2021-01-28 2021-04-16 青岛海信传媒网络技术有限公司 一种显示设备
CN113721876A (zh) * 2021-09-06 2021-11-30 维沃移动通信有限公司 投屏处理方法及相关设备
CN114579231A (zh) * 2022-02-15 2022-06-03 北京优酷科技有限公司 页面展示方法、装置及电子设备
CN115113838A (zh) * 2022-07-15 2022-09-27 北京字跳网络技术有限公司 投屏画面的显示方法、装置、设备及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104407773A (zh) * 2014-11-18 2015-03-11 百度在线网络技术（北京）有限公司 页面展示方法和装置
CN108874341A (zh) * 2018-06-13 2018-11-23 深圳市东向同人科技有限公司 屏幕投影方法及终端设备
CN110381195A (zh) * 2019-06-05 2019-10-25 华为技术有限公司 一种投屏显示方法及电子设备
CN111367482A (zh) * 2020-02-25 2020-07-03 云南腾云信息产业有限公司 一种终端的投屏方法及装置
CN111399789A (zh) * 2020-02-20 2020-07-10 华为技术有限公司 界面布局方法、装置及***

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104407773A (zh) * 2014-11-18 2015-03-11 百度在线网络技术（北京）有限公司 页面展示方法和装置
CN108874341A (zh) * 2018-06-13 2018-11-23 深圳市东向同人科技有限公司 屏幕投影方法及终端设备
CN110381195A (zh) * 2019-06-05 2019-10-25 华为技术有限公司 一种投屏显示方法及电子设备
CN111399789A (zh) * 2020-02-20 2020-07-10 华为技术有限公司 界面布局方法、装置及***
CN111367482A (zh) * 2020-02-25 2020-07-03 云南腾云信息产业有限公司 一种终端的投屏方法及装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112667184A (zh) * 2021-01-28 2021-04-16 青岛海信传媒网络技术有限公司 一种显示设备
CN113721876A (zh) * 2021-09-06 2021-11-30 维沃移动通信有限公司 投屏处理方法及相关设备
CN114579231A (zh) * 2022-02-15 2022-06-03 北京优酷科技有限公司 页面展示方法、装置及电子设备
CN115113838A (zh) * 2022-07-15 2022-09-27 北京字跳网络技术有限公司 投屏画面的显示方法、装置、设备及介质

Similar Documents

Publication Publication Date Title
US20220011926A1 (en) Systems and methods for rendering user interface elements
CN112153459A (zh) 用于投屏显示的方法和装置
EP1914640B1 (en) Multiple screen size render-engine
CN106528025B (zh) 多屏图像投屏方法、终端、服务器和***
EP3780637A1 (en) Webpage video playback method and apparatus, electronic device and storage medium
CN110062284A (zh) 视频播放方法、装置和电子设备
CN104813393B (zh) 固定方向显示器上的显示应用
US9538231B2 (en) Systems and methods for rendering multiple applications on television screens
JP6081037B1 (ja) 画像受信再生装置、画像生成送信装置、表示システム、画像受信再生方法、画像生成送信方法、画像受信再生プログラム及び画像生成送信プログラム
CN107864384B (zh) 重定向云桌面上互联网视频播放的方法及装置
CN114650434A (zh) 一种基于云服务的渲染方法及其相关设备
US12022146B2 (en) User interface display method and device
CN111901660A (zh) 一种图像显示方法、终端、电子设备及存储介质
KR102152627B1 (ko) 미러링 화면에 관련된 콘텐츠 출력 방법 및 그 장치
CN109933735B (zh) 调度方法、网页渲染方法、网页显示方法及其设备
US20170142172A1 (en) Video Player for Multiple Cameras, Playing System and Playing Method
WO2018214768A1 (zh) 一种绘制方法及装置
CN113949900B (zh) 直播贴图处理方法、***、设备及存储介质
CN113709541A (zh) 基于web的多终端设备互动方法、***、终端设备
KR101852493B1 (ko) 미디어 재생 장치 및 애니메이션 처리 가속 방법
CN103957466B (zh) 基于机顶盒进行网页展示的方法、服务器及***
CN115396717B (zh) 显示设备及显示画质调节方法
CN112287263B (zh) 网页显示方法、装置、***及终端、计算机可读存储介质
CN115278278B (zh) 一种页面显示方法、装置、电子设备及存储介质
CN116980677A (zh) 网页透明视频播放方法、装置、设备及存储介质

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20201229