WO2021218511A1 - 拼接屏的视频显示方法、视频显示装置、计算机设备和介质 - Google Patents

拼接屏的视频显示方法、视频显示装置、计算机设备和介质 Download PDF

Info

Publication number
WO2021218511A1
WO2021218511A1 PCT/CN2021/083199 CN2021083199W WO2021218511A1 WO 2021218511 A1 WO2021218511 A1 WO 2021218511A1 CN 2021083199 W CN2021083199 W CN 2021083199W WO 2021218511 A1 WO2021218511 A1 WO 2021218511A1
Authority
WO
WIPO (PCT)
Prior art keywords
sub
layout
video display
icons
icon
Prior art date
Application number
PCT/CN2021/083199
Other languages
English (en)
French (fr)
Inventor
李淑一
邵广玉
李文娟
李鹏
秦洋
王晓阳
王洪
Original Assignee
京东方科技集团股份有限公司
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 京东方科技集团股份有限公司 filed Critical 京东方科技集团股份有限公司
Priority to US17/631,485 priority Critical patent/US20220276773A1/en
Publication of WO2021218511A1 publication Critical patent/WO2021218511A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00—Details of television systems
    • H04N5/222—Studio circuitry; Studio devices; Studio equipment
    • H04N5/262—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
    • H04N5/2624—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects for obtaining an image which is composed of whole input images, e.g. splitscreen
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
    • G06F3/1446—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display display composed of modules, e.g. video walls
    • G—PHYSICS
    • G11—INFORMATION STORAGE
    • G11B—INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00—Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/02—Editing, e.g. varying the order of information signals recorded on, or reproduced from, record carriers
    • G11B27/031—Electronic editing of digitised analogue information signals, e.g. audio or video signals
    • G—PHYSICS
    • G11—INFORMATION STORAGE
    • G11B—INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00—Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10—Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/34—Indicating arrangements 
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00—Details of television systems
    • H04N5/222—Studio circuitry; Studio devices; Studio equipment
    • H04N5/262—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
    • H04N5/268—Signal distribution or switching

Definitions

  • the present disclosure relates to the field of display technology, and in particular to a video display method, video display device, computer equipment and medium of a spliced screen.
  • Splicing screens are widely welcomed at home and abroad for their excellent performance and reasonable price. With a service life of 50,000 to 100,000 hours, stable quality and low maintenance costs, it is currently the most cost-effective curtain wall.
  • the emergence of the splicing screen solves the various defects of the traditional TV curtain wall, and provides the best large-screen display system for convenient, comprehensive, and real-time display of the video information of each system, especially for remote real-time command, dispatch and other engineering applications.
  • the first embodiment of the present disclosure provides a video display method for splicing screens, including:
  • the start point and the end point are respectively selected in the splicing screen icon of the image user interface, and the sub-layout is presented according to the start point and the end point, wherein the splicing screen icon Comprising a plurality of sub-icons, each of the sub-icons is an object mapped on the image user interface of each sub-screen in the splicing screen, and the sub-layout includes all the sub-icons covered by the start point and the end point;
  • a video display template is generated in response to the user's fourth operation, and the video display is presented on the image user interface.
  • the method further includes:
  • the display material to be displayed is selected and loaded onto the splicing screen.
  • the start point and the end point are respectively selected in the splicing screen icon of the image user interface in response to the first operation and the second operation of the user, And present the sub-layout according to the starting point and ending point, which specifically includes:
  • the method further includes:
  • Sub-layout configuration is performed on all the sub-icons in the splicing screen icon.
  • different sub-layouts form different sub-layout icons, and each of the sub-layout icons presents a different color.
  • the sub-icon corresponding to the starting point and the sub-icon corresponding to the ending point form a rectangular area.
  • the rectangular area includes:
  • the sub-layout includes all the sub-icons in the row from the starting point to the ending point;
  • the sub-layout includes all the sub-icons in the column from the starting point to the ending point;
  • the sub-layout includes the sub-icon corresponding to the starting point to the ending point corresponding
  • the sub-icons of are all sub-icons in the diagonal rectangular graph.
  • the start point and the end point are respectively selected in the splicing screen icon of the image user interface in response to the first operation and the second operation of the user.
  • the method further includes:
  • a starting point and an ending point are selected in the spliced screen icons of the image user interface to continue to select sub-icons outside the sub-layout.
  • the method further includes:
  • the sub-icon in the sub-layout is selected to cancel the configuration of the sub-icon in the sub-layout.
  • the method further includes:
  • the image material includes at least one element arranged in a layered manner, and the element is a video, a picture, and a text. one of.
  • a cascading style sheet is loaded on the image user interface, and each element of the image material is respectively animated and configured to generate the display material.
  • the animation configuration includes at least one setting of a displacement operation, a rotation operation, a zoom operation, and a color configuration operation on each element.
  • the second embodiment of the present disclosure provides a spliced screen video display device based on an image user interface, including:
  • the template layout unit is configured to configure the splicing screen icon displayed on the image user interface as a sub-layout including a starting point and an ending point, wherein the splicing screen icon includes a plurality of sub-icons, and each sub-icon is the splicing screen.
  • Each sub-screen in the screen is mapped to an object of the graphical user interface, and the sub-layout includes all sub-icons covered by the start point and the end point;
  • the display unit is configured to present a video display on the image user interface.
  • the third embodiment of the present disclosure provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the method as described in the first embodiment is implemented.
  • the fourth embodiment of the present disclosure provides a computer device, including a memory, a processor, and a computer program stored in the memory and capable of running on the processor.
  • the processor executes the program as in the first implementation. The method described in the example.
  • FIG. 1 shows a flowchart of a video display method provided by an embodiment of the present disclosure
  • FIG. 2a-2b respectively show schematic diagrams of graphical user interfaces provided by an embodiment of the present disclosure
  • 3a-3c respectively show schematic diagrams of graphical user interfaces provided by another embodiment of the present disclosure.
  • 5a-5b respectively show schematic diagrams before and after editing of image material provided by an embodiment of the present disclosure
  • FIG. 6 shows a structural block diagram of a video display device provided by an embodiment of the present disclosure
  • Fig. 7 shows a schematic structural diagram of a computer device provided by another embodiment of the present disclosure.
  • the sub-screens of each splicing screen are usually set in sequence.
  • setting the screens of the sub-layouts in sequence has the problem of low efficiency.
  • merchants hope that the setting operation is convenient and quick and easy to update. Therefore, how to set the video display of the splicing screen has become a problem that manufacturers need to solve.
  • an embodiment of the present disclosure provides a video display method for splicing screens, including:
  • the start point and the end point are respectively selected in the spliced screen icon of the graphical user interface, and a sub-layout is presented according to the start point and the end point, wherein the spliced screen icon includes a plurality of sub-icons , Each sub-icon is the object mapped to the graphical user interface of each sub-screen in the splicing screen, and the sub-layout includes all the sub-icons covered by the start point and the end point;
  • S102 Determine the sub-layout in response to the third operation of the user.
  • step S101 repeat the selection of the starting point and the end point to configure the sub-layouts until the layout configuration of all sub-icons in the spliced screen icons is completed;
  • the sub-screens of the splicing screen are mapped to sub-icons on the image user interface, and the layout settings of the sub-screens of the splicing screen are realized through operations on the image user interface, so as to realize the configuration of the splicing screen.
  • the convenient operation of the layout setting effectively improves the display setting efficiency of each sub-screen of the splicing screen, and has a wide range of application prospects.
  • a splicing screen including 5X4 sub-screens is taken as an example for description.
  • Each sub-screen corresponds to a sub-icon on the graphical user interface, for example, the first sub-screen corresponds to the image user The sub-icon No. 1 in the upper left corner of the interface, and the 20th sub-screen corresponds to the sub-icon No. 20 in the lower right corner of the graphical user interface.
  • the present disclosure does not limit the number and arrangement of the sub-screens of the splicing screen, and each splicing screen can be directly mapped to the graphical user interface according to the number and arrangement of the sub-screens contained in the splicing screen to facilitate layout settings.
  • the video display method of the splicing screen can be operated according to the following steps:
  • the clicked sub-icon is set as the starting point of the current sub-layout, and in response to the user selecting the "end point” and the clicked sub-icon is set as the ending point of the current sub-layout, the sub-icon corresponding to the starting point
  • the sub-icon corresponding to the end point forms the current sub-layout, and the setting of the current sub-layout is completed in response to the user selecting "generate sub-layout".
  • a sub-layout with a rectangular shape can be formed by selecting the sub-icons corresponding to the starting point and the sub-icons of the ending point, which specifically includes:
  • the starting point corresponds to the sub-icon No. 1
  • the ending point corresponds to the sub-icon No. 3. That is, the sub-icon corresponding to the starting point and the sub-icon corresponding to the ending point are located in a row of the splicing screen icons, and the sub-layout includes this All icons in the row from sub-icon No. 1 to sub-icon No. 3, including sub-icon No. 1, sub-icon No. 2, and sub-icon No. 3. At the same time, the sub-icons No. 1-3 that have been selected are presented in a selected state.
  • the starting point corresponds to the sub-icon No. 1
  • the ending point corresponds to the sub-icon No. 13. That is, the sub-icon corresponding to the starting point and the sub-icon corresponding to the ending point are located in one column of the splicing screen icons, and the sub-layout is to include All the icons in this row from the 1st sub-icon to the 13th sub-icon, including the 1st sub-icon, the 5th sub-icon, the 9th sub-icon and the 13th sub-icon.
  • the selected 1, 5, 9 and 13 The sign icon appears as a selected state.
  • the starting point corresponds to the sub-icon No. 1 and the ending point corresponds to the sub-icon No. 11. That is, the sub-icons corresponding to the starting point and the ending point are located in different rows and columns of the splicing screen icons.
  • the sub-layout is to include all sub-icons in a rectangular graph with the starting point corresponding to the No. 1 sub-icon to the ending point corresponding to the No. 11 sub-icon as a diagonal line, including the No. 1 sub-icon, the No. 2 sub-icon, and the No. 3 sub-icon. Icon, No. 5 sub-icon, No. 6 sub-icon, No. 7 sub-icon, No. 9 sub-icon, No. 10 sub-icon, and No. 11 sub-icon.
  • the selected sub-icons 1-3, 5-7 and 9-11 The icon appears to be selected.
  • the sub-layout includes all the sub-icons covered by the rectangle formed by the start point and the end point.
  • the video display method in response to the user's first operation and second operation, respectively, in the splicing screen of the graphical user interface After selecting the starting point and the ending point in the icon, and presenting the sub-layout according to the starting point and the ending point, and before determining the sub-layout in response to the user's third operation, the video display method may further include: continuing in response to the user's first operation Select a sub-icon outside of the sub-layout.
  • the sub-layout includes sub-icons No. 1-4. For another example, when the user selects the starting point as the No. 1 sub-icon and the ending point as the No.
  • the video display method may further include: in response to the user's first operation and second operation, respectively selecting a starting point in the splicing screen icons of the image user interface And the end point to continue to select sub-icons outside of the sub-layout.
  • the video display method may further include: selecting a sub-icon in response to the user's sixth operation and canceling the sub-icon in the sub-layout. Configuration.
  • the sub-icon in response to the user's wrong selection, by selecting "Cancel” and clicking the wrongly selected sub-icon, the sub-icon can be canceled from the current layout.
  • the user selects the starting point as the No. 1 sub-icon and the ending point as the No. 4 sub-icon, and wants to delete the No. 4 sub-icon from the current sub-layout, select "Cancel” and click the No. 4 sub-icon, then the No. 4 The sub-icons are presented from the selected state to the unselected state.
  • the specific expression is that the ending point of the current sub-layout is the No. 3 sub-icon, and then select "Generate Sub-layout", the current sub-layout only includes the No. 1-3 sub-icons.
  • this sub-icon can no longer be set in other sub-layouts, only when the sub-icon cancels the current belonging
  • the layout can be set again after the sub-layout.
  • the "start point" and "end point” operations are defined as clicking or double-clicking the mouse.
  • double-clicking to select the No. 1 sub-icon indicates that the No. 1 sub-icon is the starting point
  • the sub-icons 1-3 and 5-7 are selected, that is, the current sub-layout includes sub-icons 1-3 and 5-7.
  • the operation method is different from the selection of "start point” and "end point” for supplementary selection. For example, selecting the No.
  • the sub-icons 1-8 are the sub-icons selected in the current sub-layout.
  • the sub-icons 1-3 and 5-7 continue to select the rectangular sub-icons by selecting the "start point" and "end point", specifically, double-click the 9th sub-icon Double-click the 11th sub-icon again, the 9-11 sub-icons are displayed as selected, and the 1-3, 5-7 and 9-11 sub-icons are the sub-icons contained in the current sub-layout.
  • a second click is defined as "Cancel" "Operation, such as clicking the sub-icons No. 1, No. 5 and No. 9 to make the No. 1, No. 5 and No. 9 sub-icons appear unselected, then the current sub-layout includes No. 2, 3, 6, 7, 10 and 11 Sub layout.
  • only one sub-icon is selected as a sub-layout, it can also be set by the above method. For example, if the sub-layout only includes the No. 5 sub-icon, double-click the No. 5 sub-icon to indicate that the No. 5 sub-icon is set as the starting point. Double-clicking the No. 5 sub-icon indicates that the No. 5 sub-icon is set as the end point. At this time, the No. 5 sub-icon changes from the unselected state to the selected state.
  • the sub-icons included in the sub-layout are combined to form an integrated sub-layout icon, and the sub-layout icon presents a color, such as red, to facilitate the user to distinguish and Recognition.
  • the sub-layout When the sub-layout is generated, as shown in Figure 4a, select "Generate Template” to form the set sub-layout into a video display template and present the video display on the graphical user interface.
  • the video display template is configured to save the settings of the sub-layout.
  • the existing sub-layout can be called at any time through the video display template to facilitate user operations.
  • Present the video display on the image user interface for example, use the default display material to display the video on the sub-layout according to the video display template, so that the user can perceive and confirm the actual display situation of the splicing screen on the image user interface, thereby avoiding related technologies. Only when the display material is loaded to the splicing screen after the setting is completed can the actual display situation be confirmed, which effectively improves the user experience.
  • the video display method may further include: according to the video display template, in response to the user's fifth operation, selecting the display material to be displayed and loading it on the splicing screen.
  • the list of material files is presented, and the display material selected by the user is loaded on the splicing screen according to the video display template, thereby realizing the video display of the splicing screen.
  • the material file is cut and processed by the server or cloud server to form the display content of each sub-screen suitable for the splicing screen, and transmit it to each sub-screen for Is configured to display.
  • the video display method of the splicing screen provided in this embodiment can conveniently and quickly set up the layout of the spliced screen and load material files to realize the video display of the spliced screen. The operation is convenient, and the efficiency of the existing splicing screen layout setting is improved, and it has a wide range of Application prospects.
  • the sub-layout after the sub-layout is determined in response to the user's third operation, it may further include: checking all sub-icons in the splicing screen chart. Perform sub-layout configuration.
  • the foregoing operations are used to repeat the sub-layout settings on the graphical user interface until the sub-layout configuration of all sub-icons is completed, and a video display template is formed by "generating a template”.
  • different sub-layouts form different sub-layout icons, and each sub-layout icon presents a different color.
  • each sub-layout icon is represented by a color, for example, including sub-icons 1-3, 5-7, and 9-11 to form the first sub-layout.
  • the icon is presented in pink, and the second sub-layout icon that includes the 13-15 and 17-19 sub-icons is red, and the third sub-layout icon that includes the 4, 8, 12, 16 and 20 sub-icons is shown in black, so It is easy to identify and distinguish.
  • different colors are used to present different sub-layouts to facilitate user identification and setting. For example, in the case of few selections, missed selections, irregular graphic layouts, and wrong selections, using different colors to distinguish sub-layouts can effectively avoid wrong selections.
  • the selected material is used to preview each set of sub-layouts on the image user interface, so that the user can perceive and confirm the actual display situation of the splicing screen on the image user interface, and effectively improve the user experience.
  • the present disclosure does not specifically limit the setting of sub-layouts, the sub-layouts of some sub-icons, and the sub-layouts of all sub-icons.
  • the present disclosure does not specifically limit the order of setting the sub-layouts.
  • Those skilled in the art should choose the order of the steps according to actual needs. For example, when setting multiple sub-layouts, you can generate a video display template after setting the sub-layouts and preview the display of the sub-layouts on the graphical user interface, or you can set After completing the required sub-layouts, a video display template is generated and the display conditions of each required sub-layout are previewed on the graphical user interface, which will not be repeated here.
  • the video display method may further include: in response to the user's seventh operation, loading a preset image material on the image user interface and generating Display material, where the image material includes at least one element set in a layered configuration, and the element includes a picture and text.
  • the image material in order to facilitate the user's selection and editing of the video displayed on the splicing screen, the image material can also be directly loaded in response to the user's operation, and the image material is processed to generate the display material, which specifically includes:
  • the image material list is presented, and the selected image material is loaded on the image user interface according to the user's selection.
  • the image material list includes multiple image materials, and each image material corresponds to at least one video, picture, or text to be displayed.
  • each image material corresponds to at least one video, picture, or text to be displayed.
  • it may be a composite material including video, picture, and text, or it may only include pictures or text.
  • the selected image material is loaded into the image user interface, and is divided into multiple elements, the element is one of the video, picture and text; each element in the image material is mapped to the image user interface for easy operation and editing.
  • the preset image material on the image user interface in response to the user's seventh operation and generating the display material may further include: loading on the image user interface in response to the user's eighth operation
  • the cascading style sheet respectively animates each element of the image material to generate the display material.
  • the cascading style sheet in response to the user selecting "edit material", the cascading style sheet is loaded and the elements of the image material are respectively animated and configured to generate the display material.
  • Cascading Style Sheets 3 is integrated on the graphical user interface.
  • Cascading Style Sheets are computer languages configured to express file styles such as HTML or XML.
  • CCS3 can perform analysis on elements in image materials. The setting enables the element to achieve some simple animation effects in a certain period, so that the image material to be displayed becomes more streamlined and smooth.
  • the animation properties of CSS3 can perform animation configuration on text elements or image elements, set text elements or image elements to more complex style changes or generate interactive effects, without any Flash or JavaScript script code.
  • the animation configuration includes at least one setting of a displacement operation, a rotation operation, a zoom operation, and a color configuration operation for each element. Displacement operations, rotation operations, zoom operations, and color configuration operations correspond to different display effects. They can be used alone or combined with each other, and different operation sequences can be used in the process of combining with each other, and different animation effects can be produced.
  • Figure 5a is an image material, including text elements and picture elements
  • Figure 5b is a display element generated by setting dynamic effects on text elements and picture elements.
  • the text elements are color-configured, and different gradients are set at different percentages of the text to show the text loop highlighting and dynamic display. CSS3 performs displacement and zooming operations on the image elements to show the dynamic display of the picture, which is effective Improve the flexibility and effectiveness of displaying materials.
  • the image user interface uses integrated front-end html5, CSS, JS and other tools to perform flex layout and element position positioning of text elements and picture elements in the image material, for example, according to the screen size of the displayed splicing screen, such as horizontal screen or Vertical screen, under the premise of ensuring that the image material is not distorted, the text elements or picture elements in the image material are scaled by a percentage.
  • the image user interface uses the integrated CSS3 to animate the text elements or picture elements in the image material, such as keyframes and transform to achieve animation response, the displacement function translate to move each element to a different space, and the scaling function scale
  • the elements are enlarged and reduced in proportion, each element is rotated to different display angles through the rotation function rotate, and each element is offset by the tilt function skew, and then CSS3 unique linear-gradient, text-fill-color, and background- are used. Attributes such as clip set the text element to realize the color change and highlight display of the text at different times.
  • the third step is to combine the elements positioned in the first step with the animation properties set in the second step, so as to realize the uniqueness of the animation of each element and generate display materials with dynamic display effects.
  • the fourth step is to save multiple display materials generated by editing, for example, in the user's computer, server, or cloud server for subsequent online or offline use.
  • the video display template generated by the user settings in the foregoing steps can also be saved in the user's computer, server, or cloud server, etc.
  • the display materials are changed
  • the selection of different video display templates is not limited in the present disclosure, and various related technical solutions for video display templates and display materials based on this embodiment are within the protection scope of the present disclosure.
  • the image material to be displayed can be edited on the web front end to generate display material, so that each element of the image material to be displayed is dynamic and video, and is no longer limited to related technologies. Simple static content display, thus realizing the video display of each element from static to dynamic.
  • the dynamic display material is loaded on the splicing screen through the video display template, so that the splicing screen can be used to display the dynamic display material, which effectively improves the display efficiency of the splicing screen; and it can be easily and quickly replaced through the image user interface Display materials to effectively enhance user experience.
  • the present disclosure does not limit the sequence of the steps for setting the video display template and editing the image material.
  • Those skilled in the art can choose to first lay out the video display template and then edit the image material according to the layout template according to actual application requirements, or first Edit the image material and then set the video display template according to the edited image material to realize the video display of the splicing screen as the design criterion, which will not be repeated here.
  • the present disclosure does not limit various operations on the graphical user interface.
  • Those skilled in the art can set various operations according to operational requirements and operational habits, such as increasing the horizontal or vertical screen operation of the splicing screen, or reducing editing
  • the operation of materials, etc. takes the realization of the setting of the video display template of the splicing screen and the editing of image materials as the design criteria, which will not be repeated here.
  • another embodiment of the present disclosure also provides a video display device for splicing screens based on an image user interface.
  • the video display device corresponds to the video display methods provided in the foregoing several embodiments, and therefore the previous implementation manners are also applicable to the video display device provided in this embodiment, and will not be described in detail in this embodiment.
  • an embodiment of the present disclosure provides a spliced screen video display device based on an image user interface, which includes a template layout unit and a display unit, wherein,
  • the template layout unit 1 is configured to configure the splicing screen icon displayed on the graphical user interface as at least one sub-layout including a starting point and an ending point, and generate a video display template according to the configured sub-layouts, wherein the splicing screen icon Including multiple sub-icons, each sub-icon is the object mapped to the image user interface of each sub-screen in the splicing screen, and the sub-layout includes all the sub-icons covered by the start point and the end point;
  • the display unit 2 is configured to present a video display on the image user interface according to the video display template.
  • each sub-screen of the splicing screen is mapped to a sub-icon on the image user interface, and the layout setting of each sub-screen of the splicing screen is realized through the operation of the template layout unit on the image user interface to generate a video display template ,
  • the video preview is presented on the image user interface according to the set video display template through the display unit, thereby realizing convenient setting and real-time display of the splicing screen, effectively improving the display setting efficiency of each sub-screen of the splicing screen, and having a wide range of application prospects.
  • the video display device may further include a loading unit 3 configured to load the display material to be displayed to the video display template for presentation on the splicing screen.
  • the selected display material is loaded on the splicing screen through the loading unit 3 according to the video display template, so as to conveniently and quickly realize the video display of the splicing screen.
  • the video display device may further include a material editing unit 4, configured to load preset image materials and cascading style sheets, and animate each element in the image materials through the cascading style sheet to generate Display material.
  • a material editing unit 4 configured to load preset image materials and cascading style sheets, and animate each element in the image materials through the cascading style sheet to generate Display material.
  • the image material is edited through the cascading style sheet integrated in the image user interface to generate the display material with animation effect that can be loaded on the splicing screen, so that the video display of the splicing screen can be realized conveniently and quickly.
  • the device embodiment described in FIG. 6 is only schematic.
  • the division of the above-mentioned units is only a logical function division, and there may be other division methods in actual implementation, for example, multiple modules or components may be combined or integrated. To another system, or some features can be ignored, or not implemented.
  • the functional units in the various embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units may be integrated into one module.
  • Each unit in the above-mentioned device can be implemented in the form of hardware or software functional unit. For example, when implemented by software, the above-mentioned template layout unit, display unit, loading unit, etc.
  • the different hardware in the (display device) is implemented separately, for example, a part of the template layout unit, the display unit, and the loading unit are part of the processing resources of at least one processor (for example, one core or two cores in a multi-core processor) However, the remaining parts of the template layout unit, the display unit, the loading unit, etc. are processed by the remaining parts of the at least one processor (for example, other cores in a multi-core processor).
  • another embodiment of the present disclosure also provides a computer-readable storage medium on which a computer program is stored.
  • the program is executed by a processor, it is realized: in response to a user's first operation and a second operation, respectively Select the start point and end point in the splicing screen icon in the image user interface, and present the sub-layouts according to the start point and end point.
  • the splicing screen icon includes multiple sub-icons, and each sub-icon is the mapping of each sub-screen in the splicing screen.
  • the sub-layout includes all the sub-icons covered by the start point and the end point; in response to the user's third operation to determine the sub-layout, determine whether there are sub-icons without sub-layouts in the splicing screen icons, and repeat if so The starting point and ending point are selected to configure the sub-layouts until the layout configuration of all sub-icons in the splicing screen icon is completed; in response to the user’s fourth operation, a video display template is generated and a video display template of the splicing screen is generated, and the video display template is displayed in accordance with the video display template. The video display is presented on the graphical user interface.
  • the computer-readable storage medium may adopt any combination of one or more computer-readable media.
  • the computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the above.
  • computer-readable storage media include: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), Erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
  • the computer-readable signal medium may include a data signal propagated in baseband or as a part of a carrier wave, and computer-readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
  • the computer-readable medium may send, propagate, or transmit that it is configured to be used by or in combination with the instruction execution system, apparatus, or device. program.
  • the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to wireless, wire, optical cable, RF, etc., or any suitable combination of the above.
  • the computer program code for performing the operations of the present disclosure can be written in one or more programming languages or a combination thereof.
  • the programming languages include object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional procedural programming languages. Programming language-such as "C" language or similar programming language.
  • the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, using an Internet service provider to pass Internet connection).
  • LAN local area network
  • WAN wide area network
  • FIG. 7 a schematic structural diagram of a computer device provided by another embodiment of the present disclosure.
  • the computer device 12 shown in FIG. 7 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
  • the computer device 12 is represented in the form of a general-purpose computing device.
  • the components of the computer device 12 may include, but are not limited to: one or more processors or processor units 16, an image user interface, a system memory 28, and a bus 18 connecting different system components (including the system memory 28 and the processor unit 16).
  • the bus 18 represents one or more of several types of bus structures, including a memory bus or a memory controller, a peripheral bus, a graphics acceleration port, a processor, or a local bus using any bus structure among multiple bus structures.
  • these architectures include, but are not limited to, industry standard architecture (ISA) bus, microchannel architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and peripheral component interconnection ( PCI) bus.
  • ISA industry standard architecture
  • MAC microchannel architecture
  • VESA Video Electronics Standards Association
  • PCI peripheral component interconnection
  • the computer device 12 typically includes a variety of computer system readable media. These media can be any available media that can be accessed by the computer device 12, including volatile and nonvolatile media, removable and non-removable media.
  • the system memory 28 may include computer system readable media in the form of volatile memory, such as random access memory (RAM) 30 and/or cache memory 32.
  • the computer device 12 may further include other removable/non-removable, volatile/non-volatile computer system storage media.
  • the storage system 34 may be used to read and write non-removable, non-volatile magnetic media (not shown in FIG. 7 and generally referred to as a "hard drive").
  • a disk drive for reading and writing to a removable non-volatile disk such as a "floppy disk”
  • a removable non-volatile optical disk such as CD-ROM, DVD-ROM
  • other optical media read and write optical disc drives.
  • each drive can be connected to the bus 18 through one or more data media interfaces.
  • the system memory 28 may include at least one program product having a set (for example, at least one) program modules, which are configured to perform the functions of the various embodiments of the present disclosure.
  • a program/utility tool 40 having a set of (at least one) program module 42 may be stored in, for example, the system memory 28.
  • Such program module 42 includes but is not limited to an operating system, one or more application programs, other program modules, and programs Data, each of these examples or some combination may include the realization of the network environment.
  • the program module 42 generally executes the functions and/or methods in the embodiments described in the present disclosure.
  • the computer device 12 may also communicate with one or more external devices 14 (such as keyboards, pointing devices, displays 24, etc.), and may also communicate with one or more devices that enable users to interact with the computer device 12, and/or communicate with Any device (such as a network card, modem, etc.) that enables the computer device 12 to communicate with one or more other computing devices. This communication can be performed through an input/output (I/O) interface 22.
  • the computer device 12 may also communicate with one or more networks (for example, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet) through the network adapter 20. As shown in FIG. 7, the network adapter 20 communicates with other modules of the computer device 12 through the bus 18.
  • LAN local area network
  • WAN wide area network
  • public network such as the Internet
  • the processor unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, such as implementing a video display method for splicing screens provided by the embodiments of the present disclosure.
  • this disclosure formulates a video display method, video display device, computer equipment and medium for splicing screens, and maps each sub-screen of the splicing screen to the sub-icons of the image user interface.
  • Set the layout of the sub-icons to generate a video display template, and use the video display template to complete the video display of the splicing screen, thereby remedying the problems in related technologies, enabling convenient and quick operation and easy updating, and effectively improving the layout of the splicing screen
  • the efficiency of the setting has a wide range of application prospects.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供了一种拼接屏的视频显示方法、视频显示装置、计算机设备和介质，所述视频显示方法包括：响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和终止点呈现子布局，其中，所述拼接屏图标包括多个子图标，各子图标分别为所述拼接屏中各子屏幕映射在图像用户界面的对象，所述子布局包括由所述起始点和终止点覆盖的所有子图标；响应于用户的第三操作确定所述子布局；响应于用户的第四操作生成视频显示模板并在所述图像用户界面上呈现视频显示。本公开提供的实施例能够避免相关技术中的复杂操作、具有操作简单、提高效率的特点，具有广泛的应用前景。

Description

拼接屏的视频显示方法、视频显示装置、计算机设备和介质
相关申请的交叉引用
本公开要求在2020年04月29日提交中国专利局、申请号为202010357266.7、申请名称为“拼接屏的视频显示方法、显示装置、计算机设备和介质”的中国专利申请的优先权，其全部内容通过引用结合在本公开中。
技术领域
本公开涉及显示技术领域，特别是涉及一种拼接屏的视频显示方法、视频显示装置、计算机设备和介质。
背景技术
拼接屏以其优异的性能，合理的价格在国内外受到了广泛的欢迎，其高达5～10万小时的使用寿命，质量稳定，维护费用低，是目前最具性价比的幕墙。拼接屏的出现解决了传统电视幕墙的各种缺陷，为方便、全面、实时地显示各系统视频信息，特别是远程实时指挥，调度等工程应用提供了最好的大屏幕显示系统。
发明内容
本公开第一个实施例提供了一种拼接屏的视频显示方法，包括：
响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和所述终止点呈现子布局，其中，所述拼接屏图标包括多个子图标，各所述子图标分别为所述拼接屏中各子屏幕映射在所述图像用户界面的对象，所述子布局包括由所述起始点和终止点覆盖的所有子图标；
响应于用户的第三操作确定所述子布局；
响应于用户的第四操作生成视频显示模板，并在所述图像用户界面上呈 现视频显示。
可选地，在本公开第一个实施例提供的上述视频显示方法中，还包括：
根据所述视频显示模板，响应于用户的第五操作选择需显示的显示素材并加载至所述拼接屏上。
可选地，在本公开第一个实施例提供的上述视频显示方法中，所述响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和终止点呈现子布局，具体包括：
结合所述子布局中所有子图标以形成子布局图标并呈现为单一颜色。
可选地，在本公开第一个实施例提供的上述视频显示方法中，在所述响应于用户的第三操作确定所述子布局之后，还包括：
对所述拼接屏图标中所有的所述子图标进行子布局配置。
可选地，在本公开第一个实施例提供的上述视频显示方法中，不同的子布局形成不同的子布局图标，各所述子布局图标呈现不同的颜色。
可选地，在本公开第一个实施例提供的上述视频显示方法中，所述起始点对应的子图标和所述终止点对应的子图标形成矩形区域。
可选地，在本公开第一个实施例提供的上述视频显示方法中，所述矩形区域包括：
当所述起始点对应的子图标和所述终止点对应的子图标位于所述拼接屏图标的一行时，所述子布局为包括该行中从所述起始点到终止点的所有子图标；
当所述起始点对应的子图标和所述终止点对应的子图标位于所述拼接屏图标的一列时，所述子布局为包括该列中从所述起始点到终止点的所有子图标；
当所述起始点对应的子图标和所述终止点对应的子图标分别位于所述拼接屏图标的不同行且不同列时，所述子布局为包括以起始点对应的子图标到终止点对应的子图标为对角线的矩形图形中的所有子图标。
可选地，在本公开第一个实施例提供的上述视频显示方法中，在所述响 应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和终止点呈现子布局之后，在所述响应于用户的第三操作确定所述子布局之前，还包括：
响应于用户的第一操作继续选择所述子布局之外的子图标；
响应于用户的第一操作和第二操作分别在所述图像用户界面的拼接屏图标中选择起始点和终止点以继续选择所述子布局之外的子图标。
可选地，在本公开第一个实施例提供的上述视频显示方法中，还包括：
响应于用户的第六操作选择所述子布局中的子图标以取消该子图标在所述子布局的配置。
可选地，在本公开第一个实施例提供的上述视频显示方法中，还包括：
响应于用户的第七操作在所述图像用户界面上加载预设置的图像素材并生成所述显示素材，其中所述图像素材包括层叠设置的至少一个元素，所述元素为视频、图片和文字中的一个。
可选地，在本公开第一个实施例提供的上述视频显示方法中，所述响应于用户的第七操作在所述图像用户界面上加载预设置的图像素材并生成所述显示素材之后，还包括：
响应于用户的第八操作在所述图像用户界面上加载层叠样式表，分别对所述图像素材的各元素进行动画配置以生成所述显示素材。
可选地，在本公开第一个实施例提供的上述视频显示方法中，所述动画配置包括分别对各元素进行位移操作、旋转操作、缩放操作和颜色配置操作中的至少一项设置。
本公开第二个实施例提供了一种基于图像用户界面的拼接屏的视频显示装置，包括：
模板布局单元，被配置为将显示在图像用户界面上的拼接屏图标配置为包括起始点和终止点的子布局，其中，所述拼接屏图标包括多个子图标，各子图标分别为所述拼接屏中各子屏幕映射在图像用户界面的对象，所述子布局包括由所述起始点和终止点覆盖的所有子图标；
显示单元，被配置为在所述图像用户界面上呈现视频显示。
本公开第三个实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一个实施例所述的方法。
本公开第四个实施例提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如第一个实施例所述的方法。
附图说明
图1示出本公开一个实施例提供的视频显示方法的流程图；
图2a-2b分别示出本公开一个实施例提供的图像用户界面的示意图；
图3a-3c分别示出本公开另一个实施例提供的图像用户界面的示意图；
图4a-4b分别示出本公开再一个实施例提供的图像用户界面的示意图；
图5a-5b分别示出本公开一个实施例提供的图像素材编辑前后的示意图；
图6示出本公开一个实施例提供的视频显示装置的结构框图；
图7示出本公开另一个实施例提供的一种计算机设备的结构示意图。
具体实施方式
相关技术中通常对各拼接屏的子屏幕进行依次设置，然而在子屏幕较多的情况下，依次设置子布局的屏幕存在效率低下的问题。尤其在餐饮、影院等行业的大屏或拼接屏上，商户希望设置操作方便快捷且易于更新。因此，如何设置拼接屏的视频显示成为厂商需要解决的问题。
为了更清楚地说明本公开，下面结合优选实施例和附图对本公开做进一步的说明。附图中相似的部件以相同的附图标记进行表示。本领域技术人员应当理解，下面所具体描述的内容是说明性的而非限制性的，不应以此限制本公开的保护范围。
如图1所示，本公开一个实施例提供了一种拼接屏的视频显示方法，包括：
S101、响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据起始点和终止点呈现子布局，其中，拼接屏图标包括多个子图标，各子图标分别为拼接屏中各子屏幕映射在图像用户界面的对象，子布局包括由起始点和终止点覆盖的所有子图标；
S102、响应于用户的第三操作确定子布局；
之后，可以判断拼接屏图标中是否存在未配置子布局的子图标，若是则返回步骤S101，重复起始点和终止点的选择以配置子布局直至完成拼接屏图标中所有子图标的布局配置；
S103、响应于用户的第四操作生成视频显示模板并生成拼接屏的视频显示模板，并根据视频显示模板在图像用户界面上呈现视频显示。
在本公开实施例中，将拼接屏的各子屏幕映射为图像用户界面上的子图标，通过在图像用户界面上的操作实现对拼接屏的各子屏幕的布局设置，从而实现对拼接屏的布局设置的便捷操作，有效提高拼接屏的各子屏幕的显示设置效率，具有广泛的应用前景。
在一个具体的实施例中，如图2a所示，以一个包括5X4个子屏幕的拼接屏为例进行说明，每个子屏幕对应图像用户界面上的一个子图标，例如第一个子屏幕对应图像用户界面上的左上角的1号子图标，第20个子屏幕对应图像用户界面上的右下角的20号子图标。值得说明的是，本公开对拼接屏的子屏幕的数量和排列方式不作限定，各拼接屏按照包含的子屏幕数量和排列方式可以直接映射到图像用户界面上以便于布局设置。
具体地，拼接屏的视频显示方法可以按照以下步骤进行操作：
首先，在图像用户界面上设置拼接屏的子布局。
响应于用户选择“起始点”后点击的子图标设置为当前子布局的起始点，响应于用户选择“终止点”后点击的子图标设置为当前子布局的终止点，起始点对应的子图标和终止点对应的子图标形成当前子布局，响应于用户选择“生成子布局”则完成当前子布局的设置。
在本实施例中，可以通过选取起始点对应的子图标和终止点的子图标形 成具有矩形形状的子布局，具体包括：
例如，起始点对应的为1号子图标，终止点对应的为3号子图标，即起始点对应的子图标和终止点对应的子图标位于拼接屏图标的一行中，则子布局为包括该行中从1号子图标到3号子图标的所有图标，包括1号子图标、2号子图标和3号子图标，同时，已选中的1-3号子图标呈现为选中状态。
再例如，起始点对应的为1号子图标，终止点对应的为13号子图标，即起始点对应的子图标和终止点对应的子图标位于拼接屏图标的一列中，则子布局为包括该行中从1号子图标到13号子图标的所有图标，包括1号子图标、5号子图标、9号子图标和13号子图标，同时，已选中的1、5、9和13号子图标呈现为选中状态。
再例如，起始点对应的为1号子图标，终止点对应的为11号子图标，即起始点对应的子图标和终止点对应的子图标分别位于拼接屏图标的不同行且不同列中，则子布局为包括以起始点对应的1号子图标到终止点对应的11号子图标为对角线的矩形图形中的所有子图标，包括1号子图标、2号子图标、3号子图标、5号子图标、6号子图标、7号子图标、9号子图标、10号子图标和11号子图标，同时，已选中的1-3、5-7和9-11号子图标呈现为选中状态。
换句话说，子布局包括由起始点和终止点形成的矩形所覆盖的全部子图标。
值得说明的是，在本实施例中，也可以仅选择一个子图标作为一个子布局，例如选择1号子图标作为一个子布局，则先选择“起始点”后点击1号子图标设置为起始点，选择“终止点”后点击1号子图标设置为终止点，响应于用户选择“生成子布局”则完成1号子图标作为一个子布局的设置。
考虑到用户设置时有可能存在漏选的情况或者存在非矩形形状布局的情况，在一个可选的实施例中，在响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据起始点和终止点呈现子布局之后，且在响应于用户的第三操作确定子布局之前，视频显示方法 还可以包括：响应于用户的第一操作继续选择子布局之外的子图标。
在本实施例中，针对漏选的情况，通过选择“起始点”点击子图标以进行补选，例如当用户选择的起始点为1号子图标，终止点为3号子图标后，还想将4号子图标设置在当前子布局中，则选择“起始点”后点击4号子图标并且4号子图标呈现为选中状态，即在已选中的1-3号子图标之外将4号子图标设置为当前子布局中的一个子图标，然后选择“生成子布局”，则该子布局包括1-4号子图标。再例如当用户选择的起始点为1号子图标，终止点为3号子图标后，还想将5、6和9号子图标设置在当前子布局中以形成三角形，则在现有的1-3号子图标之外，选择“起始点”后分别点击5、6和9号子图标使得5、6和9号子图标呈现为选中状态，然后选择“生成子布局”，则当前子布局为三角形布局包括1-3、5-6和9号子图标。
为进一步便于用户操作，在一个可选的实施例中，在响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据起始点和终止点呈现子布局之后，在响应于用户的第三操作确定子布局之前，视频显示方法还可以包括：响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点以继续选择子布局之外的子图标。
在本实施例中，针对漏选或少选的情况，可以继续通过选择“起始点”和“终止点”进行补选，例如当用户选择的起始点为1号子图标，终止点为3号子图标后，还想将1-3号之外的5-7号子图标设置在当前子布局中，则选择“起始点”后点击5号子图标，再选择“终止点”后点击7号子图标，5-7号子图标成为该子布局的一部分并呈现为选中状态，即将5-7号子图标设置在当前子布局中，然后选择“生成子布局”，则当前子布局包括1-3和5-7号子图标。
考虑到用户可能存在错选的情况，在一个可选的实施例中，如图2a所示，视频显示方法还可以包括：响应于用户的第六操作选择子图标并取消该子图标在子布局的配置。
在本实施例中，针对用户错选的情况，通过选择“取消”点击错选的子图标可以将该子图标从当前布局中取消。例如当用户选择的起始点为1号子图标，终止点为4号子图标后，想将4号子图标从当前子布局中删除，则选择“取消”后点击4号子图标，则4号子图标由选中状态呈现为未选中状态，具体表现为当前子布局的终止点为3号子图标，然后选择“生成子布局”，则当前子布局仅包括1-3号子图标。
值得说明的是，为避免用户在选择时出现重复选择的情况，当一个子图标被设置在一个子布局中，此子图标不能再设置在其他子布局中，仅当该子图标取消当前所属的子布局后才能再次设置布局。
为进一步简化图像用户界面上的操作，在另一个具体的示例中，如图2b所示，不再设置“起始点”、“终止点”、“取消”等按键，仅通过点击操作实现子布局的选择。
具体地，将“起始点”和“终止点”操作定义为单击或双击鼠标，例如双击选择1号子图标表明1号子图标为起始点，再双击7号子图标表明7号子图标为终止点，则1-3、5-7号子图标呈现为选中状态，即当前子布局包括1-3、5-7号子图标。同时，考虑到设置不规则的子布局或者补选操作，在已选择1-3和5-7号子图标的基础上，使用不同于选择“起始点”和“终止点”的操作方式进行补选，例如选择4号子图标使得4号子图标呈现为选中状态，再选择8号子图标使得8号子图标呈现为选中状态，则1-8号子图标为当前子布局选中的子图标。再例如在已选择1-3和5-7号子图标的基础上，继续通过选择“起始点”和“终止点”的操作方式补选矩形状的子图标，具体地，双击9号子图标再双击11号子图标，则9-11号子图标呈现为选中状态，则1-3、5-7和9-11号子图标为当前子布局包含的子图标。
可选地，考虑到多选和错选的情况，在当前子布局包括的1-3、5-7和9-11号子图标呈现为选中状态的基础上，将再次单击定义为“取消”操作，例如单击1号、5号和9号子图标使得1号、5号和9号子图标呈现为未选中状态，则当前子布局包括2、3、6、7、10和11号子布局。
对于仅选中一个子图标作为一个子布局的情况，也可以通过上述方式进行设置，例如子布局仅包括5号子图标，则先双击5号子图标表明将5号子图标设置为起始点，再双击5号子图标表明将5号子图标设置为终止点，此时5号子图标由未选中状态变化为选中状态。
值得说明的是，本公开对于如何在图像用户界面上操作以实现选中或取消功能不作具体限定，本领域技术人员应当根据实际应用需求选择适当的方式，例如定义单击、双击、或者结合键盘操作、右键操作等，以实现选择功能为设计准则，均在本公开的保护范围内，在此不再赘述。
在本实施例中，当选择子布局包含的子图标后，如图3a所示，选择“生成子布局”以确定该子布局，该子布局的各子图标呈现选中状态。
考虑到便于识别生成的子布局，在一个可选的实施例中，如图3b所示，响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据起始点和终止点呈现子布局时，可以具体包括：结合子布局中所有子图标以形成子布局图标并呈现为单一颜色。
在本实施例中，在选择“生成子布局”后，该子布局包括的各子图标结合形成一体的子布局图标，并且该子布局图标呈现一种颜色，例如呈现红色，以便于用户区分和识别。
当生成子布局后，如图4a所示，选择“生成模板”即可将设置的子布局形成视频显示模板并在图像用户界面上呈现视频显示，视频显示模板被配置为保存子布局的设置，可以通过该视频显示模板随时调用现有子布局以便于用户操作。在图像用户界面上呈现视频显示，例如使用默认的显示素材根据该视频显示模板在子布局上显示视频，以便于用户在图像用户界面上感知并确认拼接屏的实际显示情况，从而避免相关技术中只有在完成设置后向拼接屏加载显示素材时才能确认实际显示情况，有效提高用户体验。
为实现拼接屏的实际显示，在一个可选的实施例中，视频显示方法还可以包括：根据视频显示模板，响应于用户的第五操作选择需显示的显示素材并加载至拼接屏上。
在本实施例中，响应于用户选择“选择素材”后呈现素材文件列表，根据视频显示模板，将用户的选择的显示素材加载到拼接屏上，从而实现拼接屏的视频显示。具体地，根据选择的素材文件和视频显示模板上的子布局，通过服务器或云端服务器对素材文件进行素材切割和处理，分别形成适合拼接屏的各个子屏幕显示内容，并传输至各个子屏幕以被配置为显示。本实施例提供的拼接屏的视频显示方法能够方便快捷对拼接屏进行布局设置并加载素材文件以实现拼接屏的视频显示，操作方便，且提高了现有拼接屏布局设置的效率，具有广泛的应用前景。
考虑到设置整个拼接屏各个子屏幕的子布局的情况，在一个可选的实施例中，在响应于用户的第三操作确定子布局之后，还可以包括：对拼接屏图表中所有的子图标进行子布局配置。
在本实施例中，利用前述操作在图像用户界面上重复进行子布局的设置，直至完成所有子图标的子布局配置，并通过“生成模板”形成视频显示模板。
进一步考虑便于用户区分和识别各子布局，在一个可选的实施例中，如图3c所示，不同的子布局形成不同的子布局图标，各子布局图标呈现不同的颜色。
在本实施例中，不同子布局包含的子图标结合生成子布局图标，每个子布局图标使用一种颜色表征，例如包括1-3、5-7和9-11号子图标形成第一子布局图标呈现为粉色，包括13-15和17-19号子图标形成第二子布局图标呈现为红色，包括4、8、12、16和20号子图标形成第三子布局图标呈现为黑色，从而便于识别和区分。
在本实施例中，考虑到在图像用户界面上设置多个子布局的情况，使用不同的颜色呈现不同的子布局，以便于用户识别和设置。例如在上述少选、漏选、不规则图形布局、以及错选的情况下，使用不同颜色区别子布局能够有效避免错选的情况。具体地，当少选、漏选或不规则图形布局时，点击补选的子图标则该子图标的颜色从未选中的默认颜色呈现为当前子布局的颜色；同理，当出现错选情况时，选择“取消”后点击的子图标从当前子布局的颜 色变化为未选中的默认颜色，从而有效提示用户已经取消该子图标的选择，极大地提高了操作的各子图标的可识别性，从而提高了拼接屏布局设置的效率，从而提升了用户体验。
如图4b所示，为在图像用户界面上使用所选择的素材对设置的各子布局进行预览，以便于用户在图像用户界面上感知并确认拼接屏的实际显示情况，有效提高用户体验。
值得说明的是，本公开对设置子布局、设置部分子图标的子布局、设置全部子图标的子布局不做具体限定，同时，本公开对设置各子布局的先后顺序也不做具体限定，本领域技术人员应当根据实际需要选择各步骤的先后顺序，例如设置多个子布局时，可以分别设置子布局后生成视频显示模板并在图像用户界面上预览该子布局的显示情况，也可以在设置完所需子布局后生成视频显示模板并在图像用户界面上预览各所需子布局的显示情况，在此不再赘述。
为了进一步便于用户操作，在一个可选的实施例中，如图2a和2b所示，视频显示方法还可以包括：响应于用户的第七操作在图像用户界面上加载预设置的图像素材并生成显示素材，其中图像素材包括层叠设置的至少一个元素，元素包括图片和文字。
在本实施例中，为便于用户对显示在拼接屏上的视频的选择和编辑，还可以响应于用户的操作直接加载图像素材，并对图像素材进行处理生成显示素材，具体包括：
响应于用户选择“加载素材”后呈现图像素材列表，根据用户的选择将选中的图像素材加载到图像用户界面上。
在本实施例中，图像素材列表包括多个图像素材，每个图像素材对应待展示的至少一个视频、图片或文字，例如可以是包括视频、图片和文字的综合素材也可以仅包括图片或文字，被选中的图像素材加载到图像用户界面，并被分割为多个元素，元素为视频、图片和文字中的一个；图像素材中的各个元素映射到图像用户界面以便于操作和编辑。
在一个可选的实施例中，响应于用户的第七操作在图像用户界面上加载预设置的图像素材并生成显示素材之后，还可以包括：响应于用户的第八操作在图像用户界面上加载层叠样式表分别对图像素材的各元素进行动画配置以生成显示素材。
在本实施例中，响应于用户选择“编辑素材”后加载层叠样式表分别对图像素材的各元素进行动画配置以生成显示素材。
在本实施例中，图像用户界面上集成了层叠样式表(Cascading Style Sheets3，CCS3)，层叠样式表为被配置为表现HTML或XML等文件样式的计算机语言，CCS3能够对图像素材中的元素进行设置，使元素能够在一定周期中实现一些简单的动画效果，从而使待展示的图像素材变得更加具有流线性与平滑性。例如CSS3的动画属性能够对文字元素或图片元素进行动画配置，将文字元素或图片元素设置为更复杂的样式变化或生成交互效果，而不需要借助任何Flash或JavaScript脚本代码。具体地，动画配置包括分别对各元素进行位移操作、旋转操作、缩放操作和颜色配置操作中的至少一项设置。位移操作、旋转操作、缩放操作和颜色配置操作分别对应不同的显示效果，可以单独使用也可以互相结合、还可以在互相结合的过程中使用不同的操作顺序、均可以产生不同的动画效果。
在一个具体的示例中，如图5a和5b所示，图5a为一个图像素材，包括文字元素和图片元素，图5b为对文字元素和图片元素设置动态效果生成的显示元素，其中，CSS3对文字元素进行了颜色配置操作，在文字的不同百分比处设置不同的渐变色以呈现出文字循环高亮动态显示，CSS3对图像元素进行了位移操作和缩放操作以呈现出图片的动态显示，从而有效提高了显示素材的灵活性和有效性。
具体步骤如下：
第一步，图像用户界面利用集成的前端html5、CSS、JS等工具对图像素材中的文字元素和图片元素进行flex布局和元素position定位，例如根据展示的拼接屏的屏幕大小、例如横屏或竖屏，在保证图像素材不失真的前提下， 将图像素材中的文字元素或图片元素进行百分比缩放。
第二步，图像用户界面利用集成的CSS3对图像素材中的文字元素或图片元素进行动画设置，例如通过keyframes和transform实现动画响应，通过位移函数translate将各元素移动至不同空间，通过缩放函数scale将各元素进行放大缩小配比，通过旋转函数rotate将各元素旋转为不同展示角度，通过倾斜函数skew将各元素做偏移，再利用CSS3特有的linear-gradient、text-fill-color、background-clip等属性设置文字元素以实现文字不同时间下的颜色变化和高亮显示。
第三步，将第一步中定位的各元素与第二步中设置的动画属性进行组合，从而实现各元素动画的唯一性，生成具有动态展示效果的显示素材。
第四步，保存编辑生成的多个显示素材，例如保存在用户计算机中、服务器中或者云端服务器等以便于后续在线或离线使用。
需要说明的是，前述步骤中用户设置生成的视频显示模板也可以保存在用户计算机中、服务器中或者云端服务器等，例如根据不同的显示素材制作多个不同的视频显示模板，再更换显示素材时选择不同的视频显示模板，本公开对此不作限定，各种基于本实施例的视频显示模板和显示素材的相关技术方案均在本公开的保护范围内。
本实施例通过在图像用户界面中加载CSS3，能够在Web前端对待展示的图像素材进行编辑以生成显示素材，以使得待展示的图像素材的各个元素动态化视频化，不再局限于相关技术中简单的静态内容展示，从而实现了将各元素从静到动的视频显示。同时，再通过视频显示模板将动态化的显示素材加载到拼接屏上，从而实现使用拼接屏展示动态化的显示素材，有效提高拼接屏的展示效率；并且，通过图像用户界面可以方便快捷地替换显示素材，有效提升用户体验。
值得说明的是，本公开对于视频显示模板的设置、图像素材的编辑的步骤不作顺序限定，本领域技术人员可以根据实际应用需求选择先布局视频显示模板再根据布局的模板编辑图像素材、或者先编辑图像素材再根据编辑的 图像素材设置视频显示模板，以实现对拼接屏的视频显示为设计准则，在此不再赘述。
同理，本公开对于在图像用户界面上的各种操作不作限定，本领域技术人员可以根据操作需求和操作习惯设置各种操作，例如增加拼接屏的横屏或竖屏的操作，或者减少编辑素材等操作，以实现对拼接屏的视频显示模板的设置以及对图像素材的编辑为设计准则，在此不再赘述。
基于同一发明构思，与上述实施例提供的拼接屏的视频显示方法相对应，本公开另一个实施例还提供了一种基于图像用户界面的拼接屏的视频显示装置，由于本公开实施例提供的视频显示装置与上述几种实施例提供的视频显示方法相对应，因此在前实施方式也适用于本实施例提供的视频显示装置，在本实施例中不再详细描述。
如图6所示，本公开一个实施例提供的一种基于图像用户界面的拼接屏的视频显示装置，包括模板布局单元和显示单元，其中，
模板布局单元1，被配置为将显示在图像用户界面上的拼接屏图标配置为包括起始点和终止点的至少一个子布局，并根据配置的各子布局生成视频显示模板，其中，拼接屏图标包括多个子图标，各子图标分别为拼接屏中各子屏幕映射在图像用户界面的对象，子布局包括由起始点和终止点覆盖的所有子图标；
显示单元2，被配置为根据视频显示模板在图像用户界面上呈现视频显示。
在本实施例中，将拼接屏的各子屏幕映射为图像用户界面上的子图标，通过模板布局单元在图像用户界面上的操作实现对拼接屏的各子屏幕的布局设置以生成视频显示模板，通过显示单元在图像用户界面上根据设置的视频显示模板呈现视频预览，从而实现对拼接屏的便捷设置和实时展示，有效提高拼接屏的各子屏幕的显示设置效率，具有广泛的应用前景。
在一个可选的实施例中，视频显示装置还可以包括加载单元3，被配置为将需显示的显示素材加载至视频显示模板以呈现在拼接屏上。
在本实施例中，根据视频显示模板并通过加载单元3将选择的显示素材 加载在拼接屏上，从而方便快捷地实现拼接屏的视频显示。
在一个可选的实施例中，视频显示装置还可以包括素材编辑单元4，被配置为加载预设置的图像素材和层叠样式表，通过层叠样式表对图像素材中的各元素进行动画配置以生成显示素材。
在本实施例中，通过集成在图像用户界面的层叠样式表对图像素材进行编辑生成具有动画效果的能够加载在拼接屏上的显示素材，从而方便快捷地实现拼接屏的视频显示。
图6所描述的装置实施例仅仅是示意性的，例如，上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述装置中的各个单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。例如，采用软件实现时，上述模板布局单元、显示单元和加载单元等可以是由至少一个处理器读取存储器中存储的程序代码后，生成的软件功能模块来实现上述各个单元，也可以由计算机(显示装置)中的不同硬件分别实现，例如模板布局单元、显示单元和加载单元等中的一部分单元由至少一个处理器中的一部分处理资源(例如多核处理器中的一个核或两个核)实现，而模板布局单元、显示单元和加载单元等中的其余部分单元由至少一个处理器中的其余部分处理资源(例如多核处理器中的其他核)。
基于同一发明构思，本公开另一个实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现：响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据起始点和终止点呈现子布局，其中，拼接屏图标包括多个子图标，各子图标分别为拼接屏中各子屏幕映射在图像用户界面的对象，子布局包括由起始点和终止点覆盖的所有子图标；响应于用户的第三操作确定子布局，判断拼接屏图标中是否存在未配置子布局的子图标，若是则重复起始点和终 止点的选择以配置子布局直至完成拼接屏图标中所有子图标的布局配置；响应于用户的第四操作生成视频显示模板并生成拼接屏的视频显示模板，并根据视频显示模板在图像用户界面上呈现视频显示。
在实际应用中，计算机可读存储介质可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输被配置为由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开操作的计算机程序代码，程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算 机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
如图7所示，本公开另一个实施例提供的一种计算机设备的结构示意图。图7显示的计算机设备12仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示，计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于：一个或者多个处理器或者处理器单元16，图像用户界面，系统存储器28，连接不同系统组件(包括系统存储器28和处理器单元16)的总线18。
总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图7未显示，通常称为“硬盘驱动器”)。尽管图7中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM，DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。系统存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模 块，这些程序模块被配置以执行本公开各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如系统存储器28中，这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本公开所描述的实施例中的功能和/或方法。
计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该计算机设备12交互的设备通信，和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且，计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图7所示，网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白，尽管图7中未示出，可以结合计算机设备12使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理器单元16通过运行存储在系统存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本公开实施例所提供的一种拼接屏的视频显示方法。
本公开针对目前现有的问题，制定一种拼接屏的视频显示方法、视频显示装置、计算机设备和介质，将拼接屏的各子屏幕映射到图像用户界面的子图标，通过对图像用户界面上的子图标进行布局设置以生成视频显示模板，并利用视频显示模板完成拼接屏的视频显示，从而弥补了相关技术中存在的问题，能够实现方便快捷的操作且易于更新，有效提高拼接屏的布局设置的效率，具有广泛的应用前景。
需要说明的是，本公开实施例提供的视频显示方法步骤的先后顺序可以进行适当谓整，步骤也可以根据情况进行相应增减，任何熟悉本技术领域的 技术人员在本公开披露的技术范围内，都应涵盖在本公开的保护范围之内，在此不再赘述。
显然，本公开的上述实施例仅仅是为清楚地说明本公开所作的举例，而并非是对本公开的实施方式的限定，对于所属领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动，这里无法对所有的实施方式予以穷举，凡是属于本公开的技术方案所引伸出的显而易见的变化或变动仍处于本公开的保护范围之列。

Claims (15)

  1. 一种拼接屏的视频显示方法，其中，包括：
    响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和所述终止点呈现子布局，其中，所述拼接屏图标包括多个子图标，各所述子图标分别为所述拼接屏中各子屏幕映射在所述图像用户界面的对象，所述子布局包括由所述起始点和终止点覆盖的所有子图标；
    响应于用户的第三操作确定所述子布局；
    响应于用户的第四操作生成视频显示模板，并在所述图像用户界面上呈现视频显示。
  2. 根据权利要求1所述的视频显示方法，其中，还包括：
    根据所述视频显示模板，响应于用户的第五操作选择需显示的显示素材并加载至所述拼接屏上。
  3. 根据权利要求1所述的视频显示方法，其中，所述响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和终止点呈现子布局，具体包括：
    结合所述子布局中所有子图标以形成子布局图标并呈现为单一颜色。
  4. 根据权利要求3所述的视频显示方法，其中，在所述响应于用户的第三操作确定所述子布局之后，还包括：
    对所述拼接屏图标中所有的所述子图标进行子布局配置。
  5. 根据权利要求4所述的视频显示方法，其中，不同的子布局形成不同的子布局图标，各所述子布局图标呈现不同的颜色。
  6. 根据权利要求1-5中任一项所述的视频显示方法，其中，所述起始点对应的子图标和所述终止点对应的子图标形成矩形区域。
  7. 根据权利要求6所述的视频显示方法，其中，所述矩形区域包括：
    当所述起始点对应的子图标和所述终止点对应的子图标位于所述拼接屏 图标的一行时，所述子布局为包括该行中从所述起始点到终止点的所有子图标；
    当所述起始点对应的子图标和所述终止点对应的子图标位于所述拼接屏图标的一列时，所述子布局为包括该列中从所述起始点到终止点的所有子图标；
    当所述起始点对应的子图标和所述终止点对应的子图标分别位于所述拼接屏图标的不同行且不同列时，所述子布局为包括以起始点对应的子图标到终止点对应的子图标为对角线的矩形图形中的所有子图标。
  8. 根据权利要求1-5中任一项所述的视频显示方法，其中，在所述响应于用户的第一操作和第二操作分别在图像用户界面的拼接屏图标中选择起始点和终止点，并根据所述起始点和终止点呈现子布局之后，在所述响应于用户的第三操作确定所述子布局之前，还包括：
    响应于用户的第一操作继续选择所述子布局之外的子图标；
    响应于用户的第一操作和第二操作分别在所述图像用户界面的拼接屏图标中选择起始点和终止点以继续选择所述子布局之外的子图标。
  9. 根据权利要求1-5中任一项所述的视频显示方法，其中，还包括：
    响应于用户的第六操作选择所述子布局中的子图标以取消该子图标在所述子布局的配置。
  10. 根据权利要求1-5中任一项所述的视频显示方法，其中，还包括：
    响应于用户的第七操作在所述图像用户界面上加载预设置的图像素材并生成所述显示素材，其中所述图像素材包括层叠设置的至少一个元素，所述元素为视频、图片和文字中的一个。
  11. 根据权利要求10所述的视频显示方法，其中，所述响应于用户的第七操作在所述图像用户界面上加载预设置的图像素材并生成所述显示素材之后，还包括：
    响应于用户的第八操作在所述图像用户界面上加载层叠样式表，分别对所述图像素材的各元素进行动画配置以生成所述显示素材。
  12. 根据权利要求11所述的视频显示方法，其中，所述动画配置包括分别对各元素进行位移操作、旋转操作、缩放操作和颜色配置操作中的至少一项设置。
  13. 一种基于图像用户界面的拼接屏的视频显示装置，其中，包括：
    模板布局单元，被配置为将显示在图像用户界面上的拼接屏图标配置为包括起始点和终止点的子布局，其中，所述拼接屏图标包括多个子图标，各所述子图标分别为所述拼接屏中各子屏幕映射在图像用户界面的对象，所述子布局包括由所述起始点和终止点覆盖的所有子图标；
    显示单元，被配置为在所述图像用户界面上呈现视频显示。
  14. 一种计算机可读存储介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如权利要求1-12中任一项所述的方法。
  15. 一种计算机设备，包括图像用户界面、存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述程序时实现如权利要求1-12中任一项所述的方法。
PCT/CN2021/083199 2020-04-29 2021-03-26 拼接屏的视频显示方法、视频显示装置、计算机设备和介质 WO2021218511A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US17/631,485 US20220276773A1 (en) 2020-04-29 2021-03-26 Video display method for slicing screen, video display device, computer apparatus, and medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010357266.7A CN111510646A (zh) 2020-04-29 2020-04-29 拼接屏的视频显示方法、显示装置、计算机设备和介质
CN202010357266.7 2020-04-29

Publications (1)

Publication Number Publication Date
WO2021218511A1 true WO2021218511A1 (zh) 2021-11-04

Family

ID=71864982

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/083199 WO2021218511A1 (zh) 2020-04-29 2021-03-26 拼接屏的视频显示方法、视频显示装置、计算机设备和介质

Country Status (3)

Country Link
US (1) US20220276773A1 (zh)
CN (1) CN111510646A (zh)
WO (1) WO2021218511A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111510646A (zh) * 2020-04-29 2020-08-07 京东方科技集团股份有限公司 拼接屏的视频显示方法、显示装置、计算机设备和介质
WO2022087845A1 (zh) * 2020-10-27 2022-05-05 京东方科技集团股份有限公司 一种终端的控制方法、装置及系统
CN115454368A (zh) * 2022-09-23 2022-12-09 扬州万方科技股份有限公司 一种双显示屏操作台的客户端控制方法及装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104932861A (zh) * 2015-07-22 2015-09-23 深圳市康冠商用科技有限公司 一种拼接屏幕的通讯方法及装置
US20150355808A1 (en) * 2014-06-04 2015-12-10 Siemens Aktiengesellschaft Computer network and method for displacement of an object within a computer network
CN105468327A (zh) * 2016-01-12 2016-04-06 福建星网锐捷安防科技有限公司 大屏拼接显示方法、装置及系统
CN108700983A (zh) * 2016-02-22 2018-10-23 西门子股份公司 具有多个显示器的用户界面和用于在多个显示器上放置内容的方法
CN109656494A (zh) * 2017-10-12 2019-04-19 阿里巴巴集团控股有限公司 拼接屏幕中显示内容的管理方法
CN111510646A (zh) * 2020-04-29 2020-08-07 京东方科技集团股份有限公司 拼接屏的视频显示方法、显示装置、计算机设备和介质

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7800694B2 (en) * 2006-08-31 2010-09-21 Microsoft Corporation Modular grid display
WO2015032953A1 (en) * 2013-09-09 2015-03-12 Steinfl Andrea Modular responsive screen grid, authoring and displaying system
KR20150032093A (ko) * 2013-09-17 2015-03-25 주식회사 팬택 사용자 인터페이스를 편집하는 단말기 및 방법
TWI511104B (zh) * 2014-10-07 2015-12-01 Wistron Corp 互動式電子白板操作方法以及使用該方法的裝置
CN105677654B (zh) * 2014-11-18 2020-07-03 阿里巴巴（中国）有限公司 广告过滤方法及装置
CN105786419A (zh) * 2014-12-22 2016-07-20 杭州海康威视数字技术股份有限公司 多屏拼接显示的控制方法及装置、多屏拼接显示系统
CN105426146B (zh) * 2015-11-06 2019-02-12 北京淳中科技股份有限公司 拼接处理器及其处理方法
CN110221798A (zh) * 2019-05-29 2019-09-10 华为技术有限公司 一种投屏方法、系统及相关装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150355808A1 (en) * 2014-06-04 2015-12-10 Siemens Aktiengesellschaft Computer network and method for displacement of an object within a computer network
CN104932861A (zh) * 2015-07-22 2015-09-23 深圳市康冠商用科技有限公司 一种拼接屏幕的通讯方法及装置
CN105468327A (zh) * 2016-01-12 2016-04-06 福建星网锐捷安防科技有限公司 大屏拼接显示方法、装置及系统
CN108700983A (zh) * 2016-02-22 2018-10-23 西门子股份公司 具有多个显示器的用户界面和用于在多个显示器上放置内容的方法
CN109656494A (zh) * 2017-10-12 2019-04-19 阿里巴巴集团控股有限公司 拼接屏幕中显示内容的管理方法
CN111510646A (zh) * 2020-04-29 2020-08-07 京东方科技集团股份有限公司 拼接屏的视频显示方法、显示装置、计算机设备和介质

Also Published As

Publication number Publication date
US20220276773A1 (en) 2022-09-01
CN111510646A (zh) 2020-08-07

Similar Documents

Publication Publication Date Title
WO2021218511A1 (zh) 拼接屏的视频显示方法、视频显示装置、计算机设备和介质
US11763067B2 (en) User interface for editing web content
JP5792287B2 (ja) オプションを選択するためのスピンコントロールユーザインターフェース
US10303325B2 (en) Multi-application environment
JP6039671B2 (ja) タイルの配列
US9128605B2 (en) Thumbnail-image selection of applications
JP2732557B2 (ja) Ｇｕｉの機能を変更する方法及びデータ処理システム
US9104440B2 (en) Multi-application environment
US5706448A (en) Method and system for manipulating data through a graphic user interface within a data processing system
US20080115081A1 (en) Enhanced windows management feature
US20120311501A1 (en) Displaying graphical object relationships in a workspace
US8392819B2 (en) Column selection, insertion and resizing in computer-generated tables
KR20140051228A (ko) 컨텍스트 기반 메뉴 시스템에 대한 서브메뉴
US20100146435A1 (en) Method and system for navigating through parts of a document
JP2003303047A (ja) 画像入力及び表示システム、ユーザインタフェースの利用方法並びにコンピュータで使用可能な媒体を含む製品
JP2013528860A (ja) 選択したデータの一時的な書式設定とグラフ化
WO2017113551A1 (en) System and method for operating system of mobile device
US9495063B2 (en) Displaying tooltips to users of touch screens
US11837206B2 (en) Multidimensional gestures for music creation applications
US11450043B2 (en) Element association and modification
US20130174068A1 (en) Preference management for application controls
KR20190115401A (ko) 링크 뷰 방법, 링크 뷰 장치 및 링크 뷰 프로그램
JP2017049845A (ja) 画面表示プログラム、方法及び装置、並びに処理プログラム、方法及び装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21795840

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21795840

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 13-07-2023)

122 Ep: pct application non-entry in european phase

Ref document number: 21795840

Country of ref document: EP

Kind code of ref document: A1