Bullet screen display method and device

Abstract

The invention discloses a bullet screen display method and device, computing equipment, a computer readable storage medium and a computer program product, and the method comprises the steps: configuring a multimedia display region and a bullet screen display region when detecting that a player needs to enter a vertical screen window mode or a horizontal screen window mode, and enabling the multimedia display region and the bullet screen display region not to coincide with each other; configuring a multimedia display mode of the multimedia display area, so that the multimedia display area is used for displaying the multimedia content according to the multimedia display mode; a bullet screen display mode of the bullet screen display area is configured to enable the bullet screen display area to display the bullet screen content according to the bullet screen display mode, and the bullet screen display modes of the bullet screen content in the vertical screen window mode and the horizontal screen window mode are the same; therefore, the conflict between immersion watching and interaction is relieved from the source, the purposes of immersion watching and bullet screen interaction are considered, the same bullet screen display mode is kept in the horizontal screen and the vertical screen, multi-terminal maintenance can be simplified, and the impression is more stable.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computer, in particular to a bullet screen display method and device, computing device, computer readable storage medium and computer program product. BACKGROUND

[0002] With the rapid development of video technology, more and more users can watch various video programs through the network. In the process of watching video programs, users can interact with anchors or other users by sending bullet screens. The bullet screen refers to comments, messages or interactive content in the form of sliding, scrolling or popping up in media such as videos or live broadcasts.

[0003] The current bullet screen display mainly includes horizontal screen display and vertical screen display. No matter which display mode, there is inevitably a large area covering the video screen, resulting in the conflict between immersion and interaction, and the problem that the bullet screen form is too dominant.

[0004] The above information disclosed in the background section of the present application is only included to enhance the understanding of the background of the present application, and therefore can contain information that is not related to the prior art known to those of ordinary skill in the art. SUMMARY

[0005] The present application provides a bullet screen display method and device, computing device, computer readable storage medium and computer program product to output high dynamic range images / videos while maintaining efficient image acquisition, improve image quality and visual performance, and meet the user experience needs in high demand scenarios.

[0006] The present application adopts the following technical solutions.

[0007] In a first aspect, the present application provides a bullet screen display method, comprising: in response to a selection event of a display mode of a player, determining a target display mode of the player; when the target display mode is a vertical screen window mode or a horizontal screen window mode, determining an arrangement direction of a multimedia display area and a bullet screen display area according to the target display mode, wherein the vertical screen window mode represents that the player is in a vertical screen mode and a non-full screen state, and the horizontal screen window mode represents that the player is in a horizontal screen mode and a non-full screen state; calculating the size of the multimedia display area and the bullet screen display area according to the target display mode; based on the arrangement direction and the size, arranging the multimedia display area and the bullet screen display area so that they do not overlap each other; configuring a bullet screen display mode of the bullet screen display area, so that the bullet screen display area displays bullet screen content according to the bullet screen display mode, wherein the bullet screen display mode of the bullet screen content in the vertical screen window mode and the horizontal screen window mode is the same.

[0008] Therefore, the multimedia display area and the barrage display area that do not overlap with each other are displayed, the multimedia content and the barrage content are displayed separately, the barrage is prevented from covering the multimedia content, the conflict between immersive viewing and interaction is relieved from the source, the purposes of immersive viewing and barrage interaction are both considered, an independent area (container) is provided for barrage rendering, a foundation is laid for typesetting and performance optimization of the barrage, and the viewing experience of a user is improved. In addition, because the barrage display manner of the barrage content is the same in the portrait window mode and the landscape window mode, the barrage is consistent in visual rhythm and interactive feedback, the user experience is uniform, the problem of split experience in the portrait window mode and the landscape window mode in the related art is solved, the barrage display manner is uniform, rendering and animation parameters are reusable, multi-end maintenance is simplified, double-end development cost is reduced, and the visual effect is more stable.

[0009] With reference to the first aspect, in a possible implementation manner, the arrangement direction is parallel to a physical height direction of the physical screen corresponding to the player.

[0010] Therefore, by arranging the layout along the physical height direction of the physical screen, the screen space characteristics of a mobile terminal can be adapted, and a vertical display area is maximally utilized, so that a multimedia main body area is maximally reserved and a stable display band is provided for the barrage.

[0011] With reference to the first aspect, in a possible implementation manner, the size of the multimedia display area and the barrage display area is calculated, including: in the portrait window mode, determining the width of the multimedia display area and the width of the barrage display area based on the physical width of the physical screen; calculating the height of the multimedia display area according to the width of the physical screen and the width-height ratio of the multimedia display area in the portrait window mode; calculating the height of the barrage display area based on the physical height of the multimedia display area and the height of the multimedia display area; in the landscape window mode, determining the height of the multimedia display area and the height of the barrage display area based on the physical width of the physical screen; configuring the width of the barrage display area as a preset width; and calculating the width of the multimedia display area based on the physical height of the multimedia display area and the width of the barrage display area.

[0012] Therefore, the specific size determination scheme of the area is determined for the portrait and the landscape respectively, the multimedia picture is ensured to be in a correct proportion, the size of the barrage area is sufficient, and the space utilization rate is high, so that good visual effect and interactivity are obtained in both modes.

[0013] In a possible implementation manner of the first aspect, the height of the barrage display area is calculated based on the physical height of the multimedia display area and the height of the multimedia display area, including: subtracting the height of the safety avoidance area, the height of the multimedia display area, and the height of the chat box area from the physical height of the multimedia display area to obtain the height of the barrage display area. The width of the multimedia display area is calculated based on the physical height of the multimedia display area and the width of the barrage display area, including: subtracting the width of the barrage display area and the width of the safety avoidance area from the physical height of the multimedia display area to obtain the width of the multimedia display area.

[0014] In this way, the safety avoidance area is deducted in the size calculation, and various hardware forms such as notch screens, hole screens, and special-shaped screens are adapted, so as to avoid conflicts between key content and camera / sensor areas, and ensure display integrity and aesthetics.

[0015] In a possible implementation manner of the first aspect, the arrangement direction of the multimedia display area and the barrage display area is determined, including: in the vertical screen window mode, the barrage display area is configured to be located above and / or below the multimedia display area; and in the horizontal screen window mode, the barrage display area is configured to be displayed on the left side and / or the right side of the multimedia display area.

[0016] In this way, according to the embodiment, the edge partition on the top or the bottom or on the left or the right is dynamically selected to display the barrage according to the screen direction, so that the interaction and visual logic under the horizontal screen and the vertical screen are consistent. Specifically, the horizontal screen can fully utilize the width of the side of the picture, and the vertical screen can fully utilize the height of the bottom of the picture, so that stable watching and interactive division effects are maintained under different terminal postures.

[0017] In a possible implementation manner of the first aspect, the multimedia content is configured to be displayed in the multimedia display area according to a preset vertical screen picture aspect ratio in the vertical screen window mode, and the multimedia content is configured to be displayed in the multimedia display area according to a full-screen display mode in the horizontal screen window mode.

[0018] In this way, the multimedia content is scaled according to the preset vertical screen picture aspect ratio in the vertical screen mode and according to the full-screen mode in the horizontal screen mode, which not only maintains the original proportion and clarity of the content, but also reserves stable space for the barrage, so as to balance the picture quality and the interactive atmosphere.

[0019] In a possible implementation manner of the first aspect, the barrage display manner of the barrage display area is configured, including: the moving direction of the barrage is configured to be consistent with the width direction of the barrage display area. That is, whether in the horizontal screen mode or in the vertical screen mode, the barrage uniformly moves horizontally (in the visual angle direction, the width direction of the area is the left-right direction, that is, the horizontal direction), the horizontal moving direction is consistent with the visual and interactive direction, which is more in line with the reading habit, and the reading direction does not need to be re-adapted when the mode is switched.

[0020] In a possible implementation manner of the first aspect, a plurality of tracks arranged from top to bottom along the height of the barrage display area are configured in the barrage display area. The method further includes obtaining candidate barrages, and performing the following barrage layout operation for each candidate barrage that needs to be output: traversing the plurality of tracks in a top-down manner, and when a first condition or a second condition is met for each traversed track, putting the candidate barrage on the track and exiting the traversal, the first condition being that there is no barrage on the track, and the second condition being that there is a barrage on the track and a safety interval is reserved.

[0021] In this way, by means of the left-right direction uniform translation and the top-down track preferred putting, and in combination with the layout strategy of "empty track direct putting / putting with a barrage and a safety interval", the track utilization rate can be improved, and a stable output continuous viewing effect can be achieved without barrage collision.

[0022] In a possible implementation manner of the first aspect, the method further includes: rendering all the barrages put on the tracks on the same texture.

[0023] In this way, all the barrages put on the tracks are rendered on the same texture when the barrages are rendered, that is, a plurality of floating barrages share one texture, the texture switching during the execution of the drawing instruction of the GPU (Graphics Processing Unit, graphics processor) is reduced, and the fluency on a low-end device is effectively improved.

[0024] In a second aspect, the present application further provides a barrage display apparatus. The barrage display apparatus includes various modules for performing the barrage display method in the first aspect or any optional implementation manner of the first aspect. For example, the barrage display apparatus includes: A first module configured to determine a target display mode of a player in response to a selection event of a display mode of the player. A second module configured to determine arrangement directions of a multimedia display area and a barrage display area according to the target display mode when the target display mode is a vertical window mode or a horizontal window mode, wherein the vertical window mode represents that the player is in a vertical mode and a non-full screen state, and the horizontal window mode represents that the player is in a horizontal mode and a non-full screen state. A third module configured to calculate sizes of the multimedia display area and the barrage display area according to the target display mode. A fourth module configured to layout the multimedia display area and the barrage display area based on the arrangement directions and the sizes, so that the two areas do not overlap with each other. A fifth module is configured to configure a display mode of the barrage display area, so that the barrage display area displays the barrage content according to the display mode of the barrage.

[0025] In a third aspect, the present application provides a computing device. The computing device comprises a memory and a processor, the memory is configured to store a computer program or instructions, when the computer program or instructions are executed by the processor, the method in the first aspect or any possible implementation manner of the first aspect is realized.

[0026] In a fourth aspect, the present application provides a computer readable storage medium. The storage medium stores a computer program or instructions, when the computer program or instructions are executed by the processor, the method in the first aspect or any possible implementation manner of the first aspect is realized.

[0027] In a fifth aspect, the present application provides a computer program product. The computer program product comprises a computer program or instructions, when the computer program or instructions are executed by the processor, the method in the first aspect or any possible implementation manner of the first aspect is realized.

[0028] The beneficial effects of the above second aspect to fifth aspect can refer to the first aspect or any possible implementation manner of the first aspect, which will not be repeated here. On the basis of the implementation manners provided in the above aspects, the present application can be further combined to provide more implementation manners.

[0029] Other advantages, objects, and features of the present application will be apparent from the following description, and will be understood by persons skilled in the art. The present application will be described in more detail with reference to the following drawings. BRIEF DESCRIPTION OF DRAWINGS

[0030] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the related art, the drawings needed to be used in the embodiments or related art description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained without creative labor on the basis of these drawings.

[0031] Figure 1 is an implementation environment schematic diagram of the barrage display method provided by the embodiments of the present application; Figure 2 is a flowchart of the barrage display method shown by an exemplary embodiment of the present application; Figure 3a is one of the area layout schematic diagrams in the vertical screen window mode; Figure 3bis one of the area layout schematic diagrams in the horizontal window mode; Figure 4a is the second area layout schematic diagram in the vertical window mode; Figure 4b is the second area layout schematic diagram in the horizontal window mode; Figure 4c is the third area layout schematic diagram in the horizontal window mode; Figure 4d is the fourth area layout schematic diagram in the horizontal window mode; Figure 4e is the fifth area layout schematic diagram in the horizontal window mode; Figure 5 is a schematic diagram of switching between different display modes; Figure 6 is a principle diagram of the application of the bullet screen display method in a live broadcast scenario; Figure 7 is a principle block diagram of the bullet screen display device provided by the application; Figure 8 is a principle block diagram of a computing device shown by an exemplary embodiment of the application. DETAILED DESCRIPTION

[0032] It should be noted that the words "exemplary" and "for example" are used herein to mean "serving as an example, instance, or illustration," and should not necessarily be construed as preferred or advantageous over other embodiments or examples. In other words, use of the words "exemplary" and "for example" is intended to present concepts in a concrete form for purposes of illustration only and not by way of limitation.

[0033] The term "and / or" used in the present application includes any and all combinations of one or more related listed items. In the present application, "at least one" means one or more, and "multiple" means two or more. The terms "first", "second", and the like containing ordinal numbers used in the present application can be used to explain various constituent elements, but these constituent elements are not limited by these terms. The purpose of using these terms is only to distinguish one constituent element from other constituent elements, and cannot be understood as indicating or implying relative importance. For example, without departing from the scope of the present application, the first constituent element can be named as the second constituent element, and similarly, the second constituent element can also be named as the first constituent element.

[0034] Before introducing the embodiments of the present application, first, the technical terms related to the present application are introduced.

[0035] Bullet screen: refers to comments, messages or interactive content in the form of sliding, scrolling or popping up in media such as videos or live broadcasts. Bullet screen can include text, emoticons, pictures, animations and other content.

[0036] Candidate bullet screen: bullet screen sent by a viewer user when watching multimedia content but not yet put into a specific bullet screen track.

[0037] Before introducing the embodiments of the present application, first introduce the related technologies involved in the present application.

[0038] With the rapid development of video technology, more and more users can watch various video programs through the network. In the process of watching video programs, users can interact with anchors or other users by sending bullet screens. The current bullet screen display mainly includes horizontal screen display and vertical screen display. No matter which display method, there is inevitably a large area covering the video screen, leading to the conflict between immersion and interaction, and the problem that the bullet screen form is too dominant.

[0039] In summary, the related technology has the problem of conflict between immersion and interaction, therefore, the present application provides a bullet screen display method and device, computing device, computer readable storage medium and computer program product to solve the problem of conflict between immersion and interaction in the related technology, and to realize more rich and consistent user experience.

[0040] The following first describes one or more exemplary operating environments, which can be more convenient and clear to understand the role and intention of various embodiments in the present application. For example, Figure 1 is an implementation environment schematic diagram of the method provided by the embodiments of the present application, the method provided by the embodiments of the present application can be applied in Figure 1The environment includes a client 101 and a server 102. The client 101 is in communication connection with the server 102, and the communication connection includes wired connection, wireless connection, and devices relied on by the communication connection include various network devices such as routers, switches, multiplexers, hubs, modems, network bridges, repeaters, firewalls, proxy devices, and / or the like. The network can include physical links such as coaxial cable links, twisted-pair cable links, fiber-optic links, combinations thereof, and / or the like, or wireless links such as cellular links, satellite links, Wi-Fi links, and / or the like. The server 102 is understood in a broad sense as a subject capable of responding to external requests and providing data, resources, or services. The server 102 can be a standalone physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDNs (Content Delivery Networks), and basic cloud computing services such as big data and artificial intelligence platforms, but is not limited thereto. The number of servers is not limited in the present application. The device form of the client 101 includes but is not limited to smartphones, tablet computers (such as iOS / Android devices), PCs (such as iMac), and smart wearable devices. The software carrier of the client 101 can be a native application program (such as a video website application or a live streaming App) or a functional sub-module thereof. The method for displaying bullet screens according to the embodiments of the present application can be executed by the client 101. For example, the client 102 installs an APP or a web page and executes the method.

[0041] The technical solutions of the present application are described below through multiple embodiments. It should be understood that these embodiments can be implemented in various forms, and should not be interpreted as being limited to the embodiments described herein.

[0042] In a first aspect, the embodiments of the present application provide a method for displaying bullet screens. The execution subject of the method can be various clients 101, and the method can be applied to any video scene that needs to display bullet screens, both live streaming scenes and online video content. Referring to Figure 2 , the method includes S201-S209: S201: In response to a selection event of a display mode of a player, determining a target display mode of the player; S203: When the target display mode is a vertical window mode or a horizontal window mode, determining an arrangement direction of a multimedia display area and a bullet screen display area according to the target display mode; Wherein, the vertical window mode represents that the player is in a vertical mode and a non-full screen state, and the horizontal window mode represents that the player is in a horizontal mode and a non-full screen state.

[0043] S205: According to the target display mode, the size of the multimedia display area and the barrage display area is calculated; S207: Based on the arrangement direction and the size, the multimedia display area and the barrage display area are arranged so that they do not overlap each other; S209: The barrage display mode of the barrage display area is configured so that the barrage display area displays the barrage content according to the barrage display mode; Wherein, the barrage display mode of the barrage content in the vertical screen window mode and the horizontal screen window mode is the same.

[0044] In this way, the multimedia display area and the barrage display area that do not overlap each other are displayed, the multimedia content and the barrage content are displayed separately, the occlusion of the barrage to the multimedia content is avoided, the conflict between immersive viewing and interaction is relieved from the source, the purpose of immersive viewing and barrage interaction is considered, an independent area (container) is provided for barrage rendering, a foundation is laid for the layout and performance optimization of the barrage, the viewing experience of the user is improved; and because the barrage display mode of the barrage content in the vertical screen window mode and the horizontal screen window mode is the same, the visual rhythm and the interaction feedback of the barrage are consistent, the user experience is uniform, the problem of split experience in the related art is solved, the barrage display mode is unified, the rendering and animation parameters are reusable, the maintenance of multiple terminals is simplified, the development cost of the two terminals is reduced, and the visual effect is more stable.

[0045] The following will be described in detail Figures 1-6 The steps S201-S209 and optional other steps will be described in detail.

[0046] Regarding step S201 In response to a display mode selection event of the player, the target display mode of the player is determined; According to the screen direction, the display mode of the player is divided into horizontal screen mode and vertical screen mode. According to the screen occupation of the multimedia display area, it is divided into full screen state and non-full screen state (window mode). In the full screen state, only the multimedia display area is displayed, and the barrage display area is hidden, so the barrage is not displayed. Because these display modes are defined from different dimensions, the player can be in two modes, for example, the horizontal screen mode can also be in the non-full screen state, and the horizontal screen mode can also be in the full screen mode.

[0047] The display mode selection event includes two types: The first method involves sensors detecting whether the device screen has rotated to portrait or landscape orientation. Specifically, the terminal device's sensors detect the screen's (display's) orientation. These sensors can provide real-time feedback on whether the screen is positioned horizontally or vertically, as well as the device's rotation direction. When the player receives a detection signal indicating the terminal device is in landscape orientation, it determines the target display mode as landscape window mode. Similarly, when the player receives a detection signal indicating the terminal device is in portrait orientation, it determines the target display mode as portrait window mode.

[0048] The second method involves detecting user actions on specific controls within the player. (See below for details.) Figure 5 The second type of selection event will be described in detail below: (1) In portrait window mode, an interactive control representing the ability to switch to landscape window mode is displayed in the multimedia display area. Accordingly, step S201 includes: when the player is in portrait window mode, when the interactive control is detected to be triggered, confirming the occurrence of a landscape window mode selection event, and determining that the target display mode of the player is landscape window mode; It should be noted that the interactive controls displayed for implementing interaction may differ in different modes.

[0049] refer to Figure 5 As shown in (a), the window is currently in portrait mode. The interactive control is a control that indicates the switch to landscape mode. For example, according to existing user habits, this control can be displayed as two diagonally opposite right angles in the lower right corner of the multimedia display area. When the user triggers (triggers include but are not limited to clicking, double-clicking, repeated clicking, long-pressing, and so on, as described below)... Figure 5 The interactive control in the lower right corner of the multimedia display area in (a) will then switch to... Figure 5 (b) in the diagram represents the landscape window mode at this point.

[0050] (2) In landscape window mode, an interactive control represents the ability to switch to full-screen mode. Accordingly, step S201 includes: when the player is in landscape window mode, when the multimedia display area is triggered or the interactive control is triggered, confirming the occurrence of a full-screen mode selection event, and determining that the target display mode of the player is full-screen mode; Specifically, refer to Figure 5 As shown in (b), this corresponds to the landscape window mode. The interactive control at this point is a control that indicates the ability to switch to full-screen mode. For example, according to existing user operating habits, this control could be located in the upper right corner of the player, specifically an X symbol, which can be understood as a close button used to disable the bullet comment function. When the user clicks... Figure 5If the user clicks the control "X" in the upper right corner of (b), the player will switch to (c), which corresponds to the full screen state. Figure 5 Figure 5 If the user clicks the control "X" in the upper right corner of (b), the player will switch to (c), which corresponds to the full screen state. Figure 6 If the user clicks the control "X" in the upper right corner of (b), the player will switch to (c), which corresponds to the full screen state.

[0051] (3) In the full screen state, only the picture is displayed. Correspondingly, step S201 includes: when the player is in the full screen state, the barrage display area is hidden, the interactive control is displayed when it is detected that the multimedia display area is triggered, and it is determined that the selection event of the horizontal window mode appears when it is detected that the interactive control is triggered, and it is determined that the target display mode of the player is the horizontal window mode.

[0052] Referring to (c) in FIG. 10, the player is in the full screen state, only the multimedia picture is displayed, and the barrage and chat box are hidden. When the user triggers the multimedia display area, the picture shown in (d) in FIG. 10 is displayed, and the interactive control is displayed in this picture. The interactive control is a control representing that the horizontal window mode can be switched to, for example, according to the existing user operation habit, the control can be located in the lower right corner of the multimedia display area, and specifically displayed as a common message image. The interactive control can be set to be displayed within a preset time after the multimedia display area is triggered. When the user triggers the interactive control in the lower right corner of the multimedia display area in (d), the player switches to (b), which corresponds to the horizontal window mode. The preset time is assumed to be 3 seconds, which means that the interactive control is displayed when the user triggers the multimedia display area. If the control is not triggered within 3 seconds, the control will be hidden and no longer displayed, and the player will return to the state shown in (c) by default. If the control is triggered within 3 seconds, the player switches to the state shown in (b). Figure 5 Figure 5 Figure 5 Figure 5 Figure 5 Figure 5

[0053] In this way, based on the embodiment, smooth switching between the "completely immersive viewing" (full screen hidden barrage) and the "interactive participation" (horizontal / vertical screen display of the barrage and the chat entrance) modes can be realized.

[0054] Regarding step S203 When the target display mode is the vertical window mode or the horizontal window mode, the arrangement direction of the multimedia display area and the barrage display area is determined according to the target display mode. As mentioned above, different dimension modes can appear at the same time, and the vertical window mode and the horizontal window mode are the same. Specifically, in the present application, the vertical window mode represents that the player is in the vertical mode and the non-full screen state, and the horizontal window mode represents that the player is in the horizontal mode and the non-full screen state.​​​​​​​

[0055] The multimedia display area (usually large, visual focus) is an area for displaying multimedia content. Multimedia content is the core object of user viewing, which refers to the core subject content to be played. Multimedia content is provided by content creators or platforms to deliver complete information, tell stories, provide entertainment or knowledge, etc. Multimedia content includes text, images, audio, video, animation, etc. or their combinations.

[0056] The bullet screen display area is an area for displaying bullet screen content. Bullet screen content is a reaction, comment or supplement to multimedia content, with subordination and interactivity. Bullet screen content is user-generated comments, messages or interactive content, expressing opinions, emotional interactions, seeking resonance, and supplementing information (such as popular science, translation). Bullet screen can include simple elements such as text and emoticons, and of course can have pictures, animations, etc.

[0057] The multimedia display area and the bullet screen display area can be understood as independent containers. In this application, the two areas are physically separated, thereby avoiding the blocking of bullet screens to multimedia content, and relieving the conflict between immersive viewing and interaction from the source.

[0058] Reference Figure 3a , 3b In some embodiments, the arrangement direction of the multimedia display area and the bullet screen display area is parallel to the physical height direction of the physical screen corresponding to the player.

[0059] In this way, by arranging the layout along the physical height direction of the physical screen, the mobile terminal screen space characteristics can be adapted, and the longitudinal display area is maximized to maximize the multimedia subject area and provide a stable display band for bullet screens.

[0060] Reference Figure 3a , 3b In step S203, the arrangement direction of the multimedia display area and the bullet screen display area is determined according to the target display mode, including: within the physical screen corresponding to the player, the multimedia display area and the bullet screen display area are arranged adjacent to each other along the physical height direction of the physical screen and do not overlap each other.

[0061] The physical screen corresponding to the player refers to the entity screen corresponding to the entire display area of the player, which is generally the entire display of the hardware under normal circumstances, as shown in Figure 3a , 3b .

[0062] Physical height is a dimension independent of hardware orientation; similarly, physical width, mentioned later, is another dimension independent of hardware orientation. The physical screen primarily comprises two dimensions: the relatively longer dimension is physical height, and the relatively shorter dimension is physical width. Taking a mobile phone as an example, refer to... Figure 3a , 3b As shown, the longer side of the phone corresponds to its physical height, and the shorter side corresponds to its physical width.

[0063] In contrast to physical height and width, the width and height of various areas (multimedia display area, bullet screen display area, chat box area, safety avoidance area, etc.) mentioned in this article are related to the hardware placement direction. The width and height directions of these areas are mainly defined according to the user's vision. The left and right direction of the viewing angle is the width direction of the area, and the up and down direction of the viewing angle is the height direction of the area.

[0064] Taking a mobile phone as an example, the physical screen corresponding to the media player is the entire screen (display) of the phone. For example... Figure 3a In portrait mode, the left and right viewing directions correspond to the physical width of the entire phone screen. The multimedia display area and the bullet screen display area are arranged adjacent (vertically adjacent) along the physical height of the phone screen and do not overlap. At this time, the physical width of the screen determines the width of the multimedia display area and the bullet screen display area. For example... Figure 3b When the screen is in landscape mode, the left and right directions of the viewing angle correspond to the physical height direction of the entire phone screen. The multimedia display area and the bullet screen display area are still arranged adjacent to each other (left and right adjacent) in the physical height direction of the entire phone screen and do not overlap. At this time, the physical width of the screen determines the height of the multimedia display area and the bullet screen display area.

[0065] In conclusion, whether in landscape or portrait mode, by arranging the multimedia display area and the bullet screen display area side by side (vertically or horizontally) along the physical height of the screen, the characteristics of mobile screen space can be adapted to maximize the use of the vertical display area. Moreover, by limiting the bullet screen display area to the side of the multimedia display area, the main multimedia area is preserved to the maximum extent, while providing a stable display band for the bullet screen.

[0066] In some embodiments, the multimedia display area and the bullet screen display area are arranged adjacent to each other, specifically including: (A1) In portrait window mode, configure the bullet screen display area to be located above and / or below the multimedia display area (i.e., the multimedia display area and the bullet screen display area are adjacent to each other). (A2) In landscape window mode, configure the bullet screen display area to be displayed on the left and / or right side of the multimedia display area (i.e., the multimedia display area and the bullet screen display area are adjacent to each other).

[0067] It can be understood that, based on user reading habits, the multimedia display area and the bullet screen display area are adjacent left and right, with the multimedia display area on the left and the bullet screen display area on the right. Of course, in other embodiments, the multimedia display area and the bullet screen display area can also be adjacent left and right, with the multimedia display area on the right and the bullet screen display area on the left. Similarly, based on user reading habits, the multimedia display area and the bullet screen display area are adjacent vertically, with the multimedia display area on top and the bullet screen display area on the bottom. Of course, in other embodiments, the multimedia display area and the bullet screen display area can also be adjacent vertically, with the multimedia display area on the bottom and the bullet screen display area on top.

[0068] In some embodiments, the number of bullet screen display areas can also be two. For example, in landscape mode, a bullet screen display area is adjacent to the left and right sides of the multimedia display area, and in portrait mode, a bullet screen display area is adjacent to the top and bottom of the multimedia display area. These are all simple variations of this embodiment and are within the protection scope of this application.

[0069] Thus, based on this implementation method, the top and bottom or left and right edge partitions are dynamically selected to display the bullet comments according to the screen orientation, ensuring consistency between interaction and visual logic in both landscape and portrait modes. Specifically, landscape mode can make full use of the width of the side of the screen, while portrait mode can make full use of the height of the bottom of the screen, thereby maintaining a stable division of viewing and interaction effects under different terminal postures.

[0070] refer to Figures 4a-4e In some embodiments, the physical screen includes a safety avoidance zone located at the edge, and the multimedia display area and the bullet screen display area are set within the remaining display area of ​​the physical screen that avoids the safety avoidance zone, and the two do not overlap.

[0071] A safe zone is a display area that the operating system or hardware provides that cannot be covered, such as the punch-hole, notch, center, or side views on a terminal device. Understandably, the safe zone may differ for different terminal forms (phones, tablets, TVs, vehicles). Applications can obtain relevant information about this area from the terminal's system in real time to determine the safe zone.

[0072] The safety avoidance zone is generally located at the top of the terminal device, and correspondingly: Step (A1) includes: in portrait window mode, configuring a safety avoidance area at the top of the physical screen; configuring a multimedia display area below the safety avoidance area; and configuring a bullet screen display area below the multimedia display area (see reference). Figure 4a (as shown), or, a display area for bullet comments can be configured below the safety avoidance area, and a multimedia display area can be configured below the bullet comment display area.

[0073] Step (A2) includes: (1) When the horizontal screen direction is turned counterclockwise from the vertical screen direction to the left: the safe avoidance area is arranged at the leftmost side of the physical screen; the multimedia display area is arranged to the right of the safe avoidance area, and the bullet screen display area is arranged to the right of the multimedia display area (as shown in FIG. 2A), or the bullet screen display area is arranged to the right of the safe avoidance area, and the multimedia display area is arranged to the right of the bullet screen display area (as shown in FIG. 2B); Figure 4b Figure 4c (2) When the horizontal screen direction is turned clockwise from the vertical screen direction to the right: the safe avoidance area is arranged at the rightmost side of the physical screen; the multimedia display area is arranged to the left of the safe avoidance area, and the bullet screen display area is arranged to the left of the multimedia display area (as shown in FIG. 2C), or the bullet screen display area is arranged to the left of the safe avoidance area, and the multimedia display area is arranged to the left of the bullet screen display area (as shown in FIG. 2D). Figure 4d Figure 4e

[0074] Thus, based on the embodiment, by setting the safe avoidance area, the various hardware forms such as the notch screen, the hole screen, and the special-shaped screen are adapted, the conflict between the key content and the camera / sensor area is avoided, and the display integrity and the aesthetic appearance are ensured.

[0075] Referring to FIG. 3A and FIG. 3B, in some embodiments, the chat box area can also be arranged at the bottom of the bullet screen display area. The chat box area is a container for the user to input the bullet screen information. Specifically, referring to FIG. 3A, based on the reading habit, in the vertical screen window mode, the safe avoidance area, the multimedia display area, the bullet screen display area, and the chat box area can be sequentially arranged from top to bottom; in the horizontal screen window mode, referring to FIG. 3B, after the safe avoidance area, the multimedia display area, and the bullet screen display area are arranged in the left-right direction, the chat box area is arranged at the bottom of the bullet screen display area. Figures 4a-4e Figure 4a Figures 4b-4e

[0076] Thus, based on the embodiment, the chat box is uniformly arranged at the bottom of the bullet screen display area, which helps to aggregate the interaction focus of the user input and the bullet screen output, reduces the visual line movement across the areas, and improves the interaction continuity.

[0077] Regarding step S205 : According to the target display mode, the size of the multimedia display area and the bullet screen display area is calculated; The above introduces the arrangement of each area. The display position of each area is actually the calculation of the size of each area, which specifically includes the following two aspects: ​​​​​​​(1) In the vertical screen window mode: determine the width of the multimedia display area and the width of the bullet screen display area based on the physical width of the physical screen; calculate the height of the multimedia display area according to the width of the physical screen and the aspect ratio of the multimedia display area in the vertical screen window mode; calculate the height of the bullet screen display area based on the physical height of the multimedia display area and the height of the multimedia display area.

[0078] Reference Figure 4a In the vertical screen window mode, each area (safety avoidance area, multimedia display area, bullet screen display area, chat box area) is arranged vertically, and their width is determined according to the physical width of the physical screen, which is generally consistent with the physical width of the physical screen. It can be seen that the height of each area needs to be determined in the vertical screen window mode. For example Figure 4a Assuming that the heights of the safety avoidance area, the multimedia display area, the bullet screen display area, and the chat box area are H1, H2, H3, and H4, respectively. According to the foregoing, H1 is determined according to the terminal form. Because the aspect ratio (the ratio of the width to the height) of the multimedia display area is determined in the vertical screen window mode, the height H2 of the multimedia display area is also determined when the width of the multimedia display area is determined. The height H4 of the chat box area can be a fixed height, or it can be determined in the same way as the multimedia display area, that is, a width-height ratio is determined in advance, and then the height H4 of the chat box area can be calculated directly according to the width of the chat box area. Therefore, the height of the bullet screen display area is calculated based on the physical height of the multimedia display area and the height of the multimedia display area, which includes: subtracting the height H1 of the safety avoidance area, the height H2 of the multimedia display area, and the height H4 of the chat box area from the physical height of the multimedia display area to obtain the height H3 of the bullet screen display area (here, "obtained" means directly or indirectly determined, such as if there are no other areas, the result of the subtraction is directly determined as H3; if there are other areas, the height of the area needs to be further subtracted to directly determine the final result of the subtraction as H3). That is, the height H3 of the bullet screen display area is not fixed, but is adjusted according to different screen sizes.

[0079] (2) In the horizontal screen window mode: determine the height of the multimedia display area and the height of the bullet screen display area based on the physical width of the physical screen; configure the width of the bullet screen display area as a preset width; calculate the width of the multimedia display area based on the physical height of the multimedia display area and the width of the bullet screen display area.

[0080] Reference Figure 4bIn the horizontal window mode, the various regions (safety avoidance region, multimedia display region, bullet screen display region, chat box region) are arranged left and right, and at this time their heights are determined according to the physical width of the physical screen. For example, the height of the safety avoidance region and the multimedia display region is consistent with the physical width of the physical screen, and the height of the bullet screen display region and the height of the chat box region are consistent with the physical width of the physical screen. The height of the chat box region can be determined first. For example, the height of the chat box region can be a fixed height, or a width-height ratio can be determined for the chat box region, and then the height of the chat box region can be calculated directly according to the width of the chat box region (the width of the bullet screen display region and the chat box region in the horizontal window mode of the present application is fixed). After the height of the chat box region is determined, the height of the bullet screen display region can be obtained by subtracting the height of the chat box region from the physical width of the physical screen. It can be seen that the width of each region needs to be determined in the horizontal window mode. For example Figure 4b Assuming that the widths of the safety avoidance region, the multimedia display region, and the bullet screen display region are W1, W2, and W3, respectively. According to the foregoing, W1 is determined according to the terminal form, and it is mentioned above that the width of the bullet screen display region and the width of the chat box region are fixed in the horizontal window mode of the present application, denoted as W3. Therefore, the width of the multimedia display region is calculated based on the physical height of the multimedia display region and the width of the bullet screen display region, including: subtracting the width W3 of the bullet screen display region and the width W1 of the safety avoidance region from the physical height of the multimedia display region to obtain the width W2 of the multimedia display region (here, "obtained" means direct or indirect determination. For example, if there is no other region, the result of the subtraction is directly determined as W2; if there is another region, the width of the region needs to be subtracted to directly determine the final result of the subtraction as W2). That is, the width W2 of the multimedia display region is not fixed, but is adjusted according to different screen sizes.

[0081] Regarding step S207 According to the arrangement direction and the size, the multimedia display region and the bullet screen display region are laid out so as not to overlap each other. The arrangement direction determines the arrangement order of each region, and the size determines the specific size of each region. Therefore, arranging the regions (containers) in the order of the arrangement direction according to the corresponding size can realize the layout of the regions. For example Figure 4a and 4e After the size of each region is calculated, the regions can be sequentially arranged according to the arrangement direction.

[0082] Regarding step S209 The bullet screen display mode of the bullet screen display region is configured so that the bullet screen display region displays bullet screen content according to the bullet screen display mode.

[0083] In some embodiments, the range of the barrage content in the barrage display area is configured to correspond to a height percentage interval range in the barrage display area.

[0084] Referring to Figure 3a , 3b , the top edge of the barrage display area can be taken as the position of the height percentage interval of 0%, the bottom edge of the barrage display area can be taken as the position of the height percentage interval of 80%, and the height percentage interval can be set according to requirements, for example, set to 0%-95%. In this way, based on this embodiment, by limiting the actual barrage display area of the barrage display area by the height percentage interval, the bottom elements (chat box, etc.) of the area can be flexibly avoided.

[0085] In the vertical screen window mode and the horizontal screen window mode, the barrage display mode of the barrage content is the same. Since a unified barrage display mode is adopted, the barrage is consistent in visual rhythm and interactive feedback, the user experience is unified, the problem of split experience in the related art is solved, the barrage display mode is unified, the rendering and animation parameters are reusable, the maintenance of multiple terminals is simplified, the development cost of the two terminals is reduced, and the visual effect is more stable. This barrage display mode can adopt but is not limited to: horizontal movement (from left to right, from right to left), vertical movement (from top to bottom, from bottom to top), diagonal movement (from top left to bottom right, from top right to bottom left, etc. any diagonal direction), curve movement (S shape, parabola, circle, ellipse), stay / fixed (fixed position display, fade out after timing), pop in and pop out (quickly pop in from outside the screen to the target point and stay, and then pop out and leave after a delay), explosion / condensation (from the center to the four directions or from the four directions to the center), etc. In this way, based on this embodiment, the same or differentiated barrage movement and presentation mode (such as left-right translation or different direction translation) is allowed in different screen directions.

[0086] Specifically, the barrage display mode of the barrage display area is configured, including: configuring the speed of the barrage; configuring the moving direction of the barrage to be consistent with the width direction of the barrage display area; configuring a plurality of barrage tracks arranged from top to bottom along the height direction of the barrage display area, the extension direction of the barrage track being consistent with the moving direction of the barrage.

[0087] In the above, the barrage display mode in the horizontal screen window mode and the vertical screen window mode is not only the same, but also is horizontal movement of the barrage, that is, no matter whether it is horizontal or vertical, the barrage uniformly adopts horizontal movement (in the visual angle direction, the width direction of the area is the left-right direction, that is, the horizontal direction), the horizontal movement visual and interactive directions are consistent, which is more in line with the reading habit, and the switching mode does not need to adapt to the reading direction again.

[0088] The method further comprises obtaining candidate bullet screens, and performing a bullet screen layout operation for each candidate bullet screen that needs to be output, the bullet screen layout operation comprising: traversing a plurality of tracks in a top-down manner, and for each traversed track, when a first condition or a second condition is met, putting the candidate bullet screen on the track and exiting the traversal, the first condition being that there is no bullet screen on the track, and the second condition being that there is a bullet screen on the track and a safety interval is reserved.

[0089] That is, the upper track is guaranteed to display the bullet screen first, which is very consistent with the reading habit, Through the left-right direction uniform translation and the top-down track optimal putting, and in combination with the layout strategy of "empty track direct putting / bullet screen with safety interval putting", the bullet screen can be realized without collision throughout the whole process, the track utilization rate is improved, and a stable output continuous viewing effect is realized.

[0090] In some embodiments, the method further comprises: rendering all the bullet screens put on the track on the same texture. In this way, all the bullet screens put on the track are rendered on the same texture when the bullet screens are rendered, that is, a plurality of floating bullet screens share one texture, the texture switching during the execution of the drawing instruction of the GPU (Graphics Processing Unit) is reduced, and the smoothness on a low-end device is effectively improved.

[0091] In some embodiments, the method further comprises: configuring, on the bullet screen entering side of the bullet screen display area, a first gradient layer for applying a low-to-high change effect of transparency to the bullet screen along the bullet screen entering direction; and / or, configuring, on the bullet screen exiting side of the bullet screen display area, a second gradient layer for applying a high-to-low change effect of transparency to the bullet screen along the bullet screen exiting direction.

[0092] In this way, based on the embodiment, the gradual transition from blur to clear on the entering side and from clear to blur on the exiting side can reduce the abruptness of the sudden appearance / disappearance of the bullet screen and reduce the interruption of the user's attention caused by the hard switching.

[0093] In some embodiments, the method further comprises: configuring a multimedia display mode of the multimedia display area, so that the multimedia display area is used to display multimedia content according to the multimedia display mode. The multimedia display mode includes a determination strategy of the width and height of the picture, such as a strategy related to the width and height of the picture according to a set width-height ratio. Specifically, in some embodiments, configuring the multimedia display mode of the multimedia display area comprises: (1) in a vertical screen window mode, configuring the multimedia display mode to put the multimedia content in the multimedia display area according to a preset vertical screen picture width-height ratio.

[0094] For example, the common vertical screen picture aspect ratio is 4:3. Of course, the specific value can be customized.

[0095] (2) In the horizontal screen window mode, the multimedia content is configured to be displayed in the full-screen display mode in the multimedia display area.

[0096] That is, after the multimedia display area is determined, the content is displayed in the full-screen display mode in the full-screen state. The full-screen display mode is not limited, and can be scaled by a fixed full-screen aspect ratio to fill the screen as much as possible, or can be stretched to fill the screen. These are within the protection scope of the present application.

[0097] In this way, the multimedia content is scaled according to the preset vertical screen picture aspect ratio in the vertical screen mode and the full-screen mode in the horizontal screen mode, which maintains the original proportion and clarity of the content and reserves stable space for the bullet screen, thereby balancing the picture quality and interactive atmosphere.

[0098] The above describes the bullet screen display scheme in the vertical screen window mode and the horizontal screen window mode. In the full-screen state, the bullet screen display area and the chat box area are hidden. The full-screen state of the present application is the same as the traditional full-screen state, and therefore is not described in detail.

[0099] In summary, the multimedia display area and the bullet screen display area that do not coincide with each other are displayed, the multimedia content and the bullet screen content are displayed separately, the bullet screen is avoided from shielding the multimedia content, the conflict between immersive viewing and interaction is relieved from the source, the purposes of immersive viewing and bullet screen interaction are considered, an independent area (container) is provided for bullet screen rendering, which lays a foundation for bullet screen layout and performance optimization, and improves the viewing experience of users. Moreover, the bullet screen display mode of the bullet screen content is the same in the vertical screen window mode and the horizontal screen window mode, so the bullet screen maintains consistency in visual rhythm and interactive feedback, the user experience is uniform, the problem of split experience in the related art is solved, the bullet screen display mode is unified, the rendering and animation parameters are reusable, multi-end maintenance is simplified, the development cost of the two ends is reduced, and the visual effect is more stable.

[0100] Reference Figure 6 The principle of applying the method of the present application to a live broadcast scene is described below.

[0101] (1) The user opens the live broadcast application and enters the live broadcast room. When the user enters the live broadcast room, the live broadcast application of the client requests the configuration information of the barrage from the barrage server. The server determines whether to enable the floating barrage according to the live broadcast room (pre-configured by the operation and maintenance personnel, and whether the live broadcast room currently requesting the configuration information enables the barrage display method of the application to perform floating style display can be determined according to the room number of the live broadcast room). If the floating style display of the application is not enabled, the configuration information of the traditional ordinary style display scheme is issued, otherwise the configuration information of the floating style display of the application is issued. The configuration information records the spacing, font size, moving speed, transparency, etc. of each line of barrage.

[0102] (2) The client receives the configuration and initializes the barrage rendering engine installed on the client based on the configuration information. The barrage rendering engine is a cross-end component that realizes real-time data synchronization and instruction interaction with the client by establishing a cross-end communication protocol. This design enables the engine to instantly perceive user device state (such as horizontal and vertical screen switching, safe display area), interaction behavior (such as clicking the chat box, sending box), and other context information, thereby dynamically adjusting the rendering strategy. Specifically, the barrage rendering engine will first determine the specific display mode according to the device state or interaction behavior: In vertical window mode: as shown in (a) of Figure 4a , Figure 5 , the barrage rendering engine adopts a lower floating layout scheme, and the floating barrage is limited to the band-shaped area below the playing picture and above the barrage input box, thereby realizing maximum utilization of vertical space.

[0103] In horizontal window mode: as shown in (b) of Figure 4b , Figure 5 , the barrage rendering engine adopts a right floating layout scheme, the video picture is shrunk to the left according to the full-screen mode and keeps the original proportion, and a fixed width (W3) is reserved on the right as a dedicated floating barrage area, thereby realizing maximum utilization of vertical space.

[0104] Of course, if the terminal device has a notch, a hole, etc. that needs to be avoided, a safe avoidance area (the specific size to be avoided can be obtained from the client) will also be reserved. The engine can not only obtain the posture information fed back by the sensor in real time to determine the screen direction and thus determine the display mode, but also obtain various interaction operations of the user (refer to the explanation of Figure 5 in the foregoing), to determine the display mode, thereby automatically adjusting the position and size of the barrage container, ensuring the interaction friendliness of the vertical screen, and fully utilizing the display space of the horizontal screen.

[0105] (3) After the size and position of each area are determined, the danmaku layouter can be called to layout the danmaku. The danmaku layout scheme is consistent for horizontal screen and vertical screen. The danmaku layouter performs collision detection to calculate the danmaku track and motion track (moving direction, such as moving from right to left) of each floating danmaku, effectively avoiding visual overlap. In addition, the danmaku layouter in this application adopts a top-down layout strategy, divides the danmaku display area into multiple tracks, and automatically matches the best space for each new danmaku. If there is no idle track, the pursuit mode is started to calculate the safe distance from the previous danmaku to ensure that there is no overlap during the entire movement.

[0106] (4) In the danmaku rendering stage, all the danmaku put on the track are rendered on the same texture, that is, multiple floating danmaku share one texture, reducing the target texture switching during the execution of the drawing instruction of the GPU (Graphics Processing Unit, graphics processor), effectively improving the smoothness on low-end devices.

[0107] In the above, the danmaku is limited to float in the edge non-core area, and physically avoids the main body of the picture, so that the viewer can immerse in the interaction with the danmaku and coexist; the floating behavior mode remains consistent (such as edge suspension) in horizontal / vertical screen, the experience is unified, and the problem of split experience in horizontal / vertical screen in related technologies is solved, and the cost of dual-end development is reduced; de-identification + decentralization, strengthening content resonance rather than social interaction, and the danmaku is transformed into a "derivative content / ambience tool".

[0108] It should be noted that the present specification provides method operation steps such as embodiments or flowcharts, but more or fewer operation steps can be included based on conventional or non-creative labor. The order of steps listed in the embodiments is only one of the many execution orders, and does not represent the only execution order. When the method program is actually executed, it can be executed in sequence or in parallel (for example, in a parallel processor or multi-threaded processing environment) according to the method order shown in the embodiments or the drawings.

[0109] Based on the same technical concept, in a second aspect, with reference to Figure 7 The embodiments of the present application also provide a danmaku display device 700. The danmaku display device 700 includes various modules for executing the speech chat processing method of the first aspect above. For example, the danmaku display device 700 includes: A first module 701 for determining the target display mode of the player in response to the selection event of the display mode of the player; The second module 702 is configured to determine an arrangement direction of the multimedia display area and the barrage display area according to the target display mode when the target display mode is a vertical screen window mode or a horizontal screen window mode, wherein the vertical screen window mode represents that the player is in a vertical screen mode and a non-full screen state, and the horizontal screen window mode represents that the player is in a horizontal screen mode and a non-full screen state. The third module 703 is configured to calculate sizes of the multimedia display area and the barrage display area according to the target display mode. The fourth module 704 is configured to perform layout on the multimedia display area and the barrage display area based on the arrangement direction and the sizes, so that the multimedia display area and the barrage display area do not overlap with each other. The fifth module 705 is configured to configure a barrage display mode of the barrage display area, so that the barrage display area displays barrage content according to the barrage display mode, wherein the barrage display mode of the barrage content is the same in the vertical screen window mode and the horizontal screen window mode.

[0110] The device further includes a sixth module configured to perform the following barrage layout operation on each candidate barrage to be output: traversing the multiple tracks in a top-down manner, and when a first condition or a second condition is met for each traversed track, putting the candidate barrage on the track and exiting the traversal, wherein the first condition is that there is no barrage on the track, and the second condition is that there is a barrage on the track and a safety interval is reserved.

[0111] The device further includes a seventh module configured to render all the barrages put on the track on the same texture.

[0112] For more details, refer to the method embodiments of the first aspect, which will not be described herein again.

[0113] It should be noted that the description of various modules in this paper is divided into these modules for the sake of clarity. However, in actual implementation, the boundaries of various modules can be blurred. For example, any or all functional modules in this application can share various hardware and / or software elements. For another example, any and / or all functional modules in this application can be implemented by a common processor executing software instructions. In addition, various software sub-modules executed by one or more processors can be shared among various software modules. Accordingly, the scope of this application is not limited by the mandatory boundaries of various hardware and / or software elements unless explicitly required.

[0114] Based on the same technical concept, in a third aspect, refer to Figure 8The embodiments of the present application further provide a computing device 800, which comprises a memory 802 and a processor 801, a communication module 803 and the like, and optionally, the components are connected and communicate with each other through a bus 805. The memory 802 is configured to store computer programs or instructions; when the processor 801 executes the computer programs or instructions, the method steps in the method embodiments of any of the first aspect are implemented. It should be noted that, Figure 8 The structure of the device 800 shown in the figure is only schematic and does not constitute a limitation on the device applicable to the method provided by the embodiments of the present application.

[0115] The specific entity of the computing device can be various clients, such as a smart phone, for implementing the method steps in any of the method embodiments of the first aspect.

[0116] The memory 802 can be configured to store an operating system and computer programs or instructions and the like, and the computer programs or instructions, when invoked by the processor 801, implement the method shown in the first aspect of the present application. The memory 802 can also store programs for implementing other functions or services. The memory 802 at least includes one type of computer readable storage medium, which includes a flash memory, a multimedia card, a random access memory (RAM), a static random access memory (SRAM), a read-only memory (ROM), and the like. In some embodiments, the computer readable storage medium can be an internal storage unit of the computing device, such as the memory of the computing device. In other embodiments, the computer readable storage medium can also be an external storage device of the computing device, such as a plug-in hard disk, a secure digital (SD) card, a flash memory card and the like equipped on the computing device. Of course, the computer readable storage medium can also include both the internal storage unit and the external storage device of the computing device. In the present embodiment, the computer readable storage medium is generally used to store software installed on the computing device, such as program codes of the method embodiments of the first aspect and the like. In addition, the computer readable storage medium can also be used to temporarily store various data that have been output or will be output.

[0117] The processor 801 is connected with the memory 802 through the bus 805, and realizes corresponding functions by invoking the application programs stored in the memory 802. In some embodiments, it can be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other chips. The processor 801 is generally used to control the overall operation of the processing device, such as performing control and processing related to data interaction or communication with other subjects and the like. In the present embodiment, the processor 801 is used to run the program codes or process data stored in the memory 802.

[0118] The computing device 800 can be connected to a network through the communication module 803 (which can include, but is not limited to, a network interface and the like components) to communicate with other devices (such as user terminals or servers and the like) through the network, to realize the interaction of data, such as sending data to other devices or receiving data from other devices. Among them, the communication module 803 can include a wired network interface and / or a wireless network interface and the like, that is, the communication module can include at least one of a wired communication module or a wireless communication module.

[0119] The computing device 800 can be connected to the required input / output device through the input / output interface 804, such as a physical screen and the like, and the device 800 itself can have a physical screen, and other physical screens can also be connected externally through the interface 804. It can be understood that the input / output interface 804 can be a wired interface or a wireless interface. According to different actual application scenarios, the device connected with the input / output interface 804 can be a component of the device 800, or an external device connected with the device 800 when needed.

[0120] The bus 805 for connecting various components can include a channel for transmitting information between the above components. In some embodiments, the bus 805 can include an I2C (Inter-Integrated Circuit), an SPI (Serial Peripheral Interface), a UART (Universal Asynchronous Receiver / Transmitter), an AMBA (Advanced Microcontroller Bus Architecture) bus (such as AHB, APB), and the like. Bus for communication between chips or peripherals. According to different functions, the bus 805 can be divided into an address bus, a data bus, a control bus, and the like.

[0121] Based on the same technical concept, the embodiment of the present application further provides a computer readable storage medium, the computer readable storage medium stores a computer program or instructions, when the computer program or instructions are executed by a processing device, the method steps in any method embodiment of the first aspect are realized. More details can be referred to the method embodiment, which will not be repeated here. In the embodiment, the computer readable storage medium can be non-volatile or volatile. The computer readable storage medium includes flash memory, hard disk, multimedia card, random access memory (RAM), static random access memory (SRAM), read only memory (ROM), magnetic disk, optical disk, etc. In some embodiments, the computer readable storage medium can be an internal storage unit of a computing device, such as the memory of the computing device. In other embodiments, the computer readable storage medium can also be an external storage device of the computing device, such as a plug-in hard disk, a secure digital (SD) card, a flash memory card, etc. of the computing device. Of course, the computer readable storage medium can also include both the internal storage unit and the external storage device of the computing device. In the embodiment, the computer readable storage medium is usually used to store software installed on the computing device, such as the program code of the method embodiment of the first aspect, etc. In addition, the computer readable storage medium can also be used to temporarily store various data that have been output or will be output.

[0122] Based on the same technical concept, the embodiment of the present application further provides a computer program product or computer program, the computer program product or computer program includes computer instructions stored in a computer readable storage medium. The processor of the computing device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method provided by the method embodiment of the first aspect.

[0123] It should be noted that the order of description of the embodiments of the present application is not limited as the priority order of the embodiments. In this text, the phrase "embodiment" means that the specific features, structures or characteristics described in combination with the embodiment can be included in at least one embodiment of the present application. The appearance of this phrase in the specification does not necessarily mean the same embodiment, nor is it a separate or alternative embodiment independent of or alternative to other embodiments. The skilled person in the art explicitly and implicitly understands that the embodiments described herein can be combined with other embodiments.

[0124] Unless otherwise defined, all technical and scientific terms used in the present application have the same meaning as commonly understood by one of ordinary skill in the art to which the present application belongs. The terms used in the present application in the specification are only for the purpose of describing the specific embodiments and are not intended to limit the present application.

[0125] The embodiments of the present application are described above with reference to the accompanying drawings, but the present application is not limited to the specific embodiments described above, and the specific embodiments described above are merely illustrative rather than restrictive, and a person of ordinary skill in the art can make many forms without departing from the purpose of the present application and the scope protected by the claims under the inspiration of the present application. Any equivalent transformation made by using the content of the present application specification and drawings, or direct / indirect application in other related technical fields under the concept of the present application is included in the patent protection scope of the present application.

Claims

1. A method for displaying bullet comments, characterized in that, The method comprises the following steps: in response to a selection event of a display mode of a player, determining a target display mode of the player; when the target display mode is a vertical screen window mode or a horizontal screen window mode, determining an arrangement direction of a multimedia display area and a barrage display area according to the target display mode, wherein the vertical screen window mode represents that the player is in a vertical screen mode and a non-full screen state, and the horizontal screen window mode represents that the player is in a horizontal screen mode and a non-full screen state; calculating the size of the multimedia display area and the barrage display area according to the target display mode; based on the arrangement direction and the size, arranging the multimedia display area and the barrage display area so that they do not overlap with each other, configuring a barrage display mode of the barrage display area, so that the barrage display area displays barrage content in the barrage display mode, wherein the barrage display mode of the barrage content is the same in the vertical screen window mode and the horizontal screen window mode.

2. The method of claim 1, wherein, The arrangement direction is parallel to the physical height direction of a physical screen corresponding to the player.

3. The method of claim 2, wherein, The calculation of the size of the multimedia display area and the barrage display area comprises the following steps: in the horizontal screen window mode, based on the physical width of the physical screen, determining the height of the multimedia display area and the height of the barrage display area; configuring the width of the barrage display area as a preset width; and based on the physical height of the multimedia display area and the width of the barrage display area, calculating the width of the multimedia display area.

4. The method of claim 3, wherein, The calculation of the width of the multimedia display area based on the physical height of the multimedia display area and the width of the barrage display area comprises: subtracting the width of the barrage display area and the width of a safety avoidance area from the physical height of the multimedia display area to obtain the width of the multimedia display area.

5. The method according to any one of claims 2-4, characterized in that, The calculation of the size of the multimedia display area and the barrage display area comprises the following steps: in the vertical screen window mode, based on the physical width of the physical screen, determining the width of the multimedia display area and the width of the barrage display area; according to the width of the physical screen and the aspect ratio of the multimedia display area in the vertical screen window mode, calculating the height of the multimedia display area; and based on the physical height of the multimedia display area and the height of the multimedia display area, calculating the height of the barrage display area.

6. The method of claim 5, wherein The calculation of the height of the barrage display area based on the physical height of the multimedia display area and the height of the multimedia display area comprises: subtracting the height of a safety avoidance area, the height of the multimedia display area, and the height of a chat box area from the physical height of the multimedia display area to obtain the height of the barrage display area.

7. The method according to any one of claims 1 to 6, characterized in that, The configuration of the barrage display mode of the barrage display area comprises: configuring the moving direction of the barrage to be consistent with the width direction of the barrage display area.

8. The method of claim 7, wherein, The barrage display area is configured with a plurality of tracks arranged from top to bottom along the height of the barrage display area. The method further comprises: obtaining candidate bullet screens, and performing the following bullet screen layout operation for each candidate bullet screen: traversing the multiple tracks in a top-down manner, and when a first condition or a second condition is met for each traversed track, putting the candidate bullet screen on the track and exiting the traversal, the first condition being that there is no bullet screen on the track, and the second condition being that there is a bullet screen on the track and a safety interval is reserved.

9. The method of claim 8, wherein, The method further comprises: rendering all bullet screens put on the track on the same texture. 10.A bullet screen display device, characterized by comprising: The method comprises: A first module configured to determine a target display mode of a player in response to a selection event of a display mode of the player; A second module configured to determine an arrangement direction of a multimedia display area and a bullet screen display area according to the target display mode when the target display mode is a vertical screen window mode or a horizontal screen window mode, wherein the vertical screen window mode represents that the player is in a vertical screen mode and a non-full screen state, and the horizontal screen window mode represents that the player is in a horizontal screen mode and a non-full screen state; A third module configured to calculate sizes of the multimedia display area and the bullet screen display area according to the target display mode; A fourth module configured to layout the multimedia display area and the bullet screen display area based on the arrangement direction and the sizes, so that the multimedia display area and the bullet screen display area do not overlap with each other; A fifth module configured to configure a bullet screen display mode of the bullet screen display area, so that the bullet screen display area displays bullet screen content according to the bullet screen display mode, wherein the bullet screen display mode of the bullet screen content is the same in the vertical screen window mode and the horizontal screen window mode.

11. A computing device, comprising: A device comprising a memory and a processor, wherein the memory is configured to store a computer program or instructions, and when the computer program or instructions are executed by the processor, the method in any one of claims 1-9 is implemented.

12. A computer-readable storage medium, characterized in that, The storage medium stores a computer program or instructions, and when the computer program or instructions are executed by the processor, the method in any one of claims 1-9 is implemented.

13. A computer program product, characterised in that, The computer program product comprises a computer program or instructions, and when the computer program or instructions are executed by the processor, the method in any one of claims 1-9 is implemented.

Images