CN118890516A - Grouping interaction method and device - Google Patents
Grouping interaction method and device Download PDFInfo
- Publication number
- CN118890516A CN118890516A CN202411063084.3A CN202411063084A CN118890516A CN 118890516 A CN118890516 A CN 118890516A CN 202411063084 A CN202411063084 A CN 202411063084A CN 118890516 A CN118890516 A CN 118890516A
- Authority
- CN
- China
- Prior art keywords
- group
- grouping
- operation panel
- client
- users
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 108
- 238000000034 method Methods 0.000 title claims abstract description 39
- 230000008859 change Effects 0.000 claims abstract description 37
- 238000004590 computer program Methods 0.000 claims description 12
- 238000007667 floating Methods 0.000 claims description 10
- 230000000977 initiatory effect Effects 0.000 claims description 5
- 230000002452 interceptive effect Effects 0.000 claims 1
- 230000004044 response Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 10
- 230000004048 modification Effects 0.000 description 6
- 238000012986 modification Methods 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 5
- 230000001360 synchronised effect Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 3
- 238000012795 verification Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000003550 marker Substances 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application provides a grouping interaction method, which comprises the following steps: responding to a first grouping interaction request, displaying a grouping operation panel in a first client, displaying an initial grouping of grouping interaction in the grouping operation panel, wherein the first grouping interaction request is initiated by one of a plurality of first clients connected with the first client, and the grouping operation panel is used for displaying users included in the current two groupings and changing the current grouping by the users; in response to a group change instruction input in the group operation panel, refreshing display content of the group operation panel in a first client, wherein the group change instruction is used for changing a group in which a target user is currently located, and the target user is any user included in the group operation panel; and responding to the second grouping interaction request, and triggering grouping interaction according to the current group of the group operation panel. The technical scheme of the embodiment of the application can synchronize the lineup information in real time and improve the user experience of grouping PK.
Description
Technical Field
The embodiment of the application relates to the technical field of networks, in particular to a grouping interaction method, a grouping interaction device, computer equipment, a computer readable storage medium and a computer program product.
Background
Currently, on a video platform, a plurality of anchor programs form two different camps to perform PK, and the PK process is in a live interaction mode.
When split into two different camps, the anchor may need to make changes to the camps in which he is located before PK is started. However, at present, after the change of the camping, the changed camping information cannot be synchronized at the client side of the anchor of each PK, so that at least part of the client sides of the anchor still display the newly started camping allocation, the changed camping information cannot be seen in real time, and the experience is poor.
It should be noted that the foregoing is not necessarily prior art, and is not intended to limit the scope of the present application.
Disclosure of Invention
Embodiments of the present application provide a packet interaction method, apparatus, computer device, computer readable storage medium, computer program product, to solve or alleviate one or more of the technical problems set forth above.
An aspect of the embodiment of the present application provides a packet interaction method, where the method includes:
responding to a first grouping interaction request, displaying a grouping operation panel in a first client, and displaying an initial grouping of grouping interaction in the grouping operation panel, wherein the first grouping interaction request is initiated by one of a plurality of connected first clients, and the grouping operation panel is used for displaying users included in the current two groupings and changing the current grouping of the users;
responding to a group change instruction input in the group operation panel, and refreshing display content of the group operation panel in the first client, wherein the group change instruction is used for changing a group in which a target user is currently located, and the target user is any user included in the group operation panel;
and responding to a second grouping interaction request, and triggering grouping interaction according to the current grouping of the grouping operation panel.
Optionally, displaying a group operation panel in the first client and displaying an initial group of group interaction in the group operation panel includes:
a preset floating layer is sprung up in the first client, and the group operation panel is displayed in the preset floating layer;
and determining the total number of users included in the current grouping interaction, dividing the users into two different groups according to the total number of the users, and dividing the users corresponding to the current client into preset groups.
Optionally, the dividing the users into two different groups according to the total number of users includes:
slicing the users included in each group according to the slicing threshold value, and determining the number of slices;
Creating a first view control in the first client according to the number of slices;
determining layout information of elements in each slice in the first view control according to a preset group combination style;
and displaying the data of each group in the first view control according to the layout information.
Optionally, the maximum number of users displayed by each first view control is equal to the slice threshold, and the creating the first view control in the first client according to the slice number includes:
and under the condition that the number of the slices is greater than 1, creating the first view controls with the same number as the number of the slices in the first client, and displaying page indication controls at target positions of the first view controls so as to turn pages of the first view controls through the page indication controls.
Optionally, the refreshing, in the first client, the display content of the group operation panel includes:
And under the condition that the group changing instruction is initiated by the current client, refreshing the display content of the group operation panel in the current client according to the group changing instruction, and synchronizing the refreshed data to the rest of the first clients.
Optionally, the refreshing, in the first client, the display content of the group operation panel further includes:
and under the condition that the group change instruction is initiated by other first clients, receiving refreshing data sent by the first client corresponding to the group change instruction, and refreshing display contents of a group operation panel in the current client according to the refreshing data.
Optionally, the receiving the refresh data sent by the first client corresponding to the group change initiating instruction includes:
and receiving the refresh data sent by the first client corresponding to the group change instruction through the low-delay data link.
Another aspect of an embodiment of the present application provides a packet interaction device, including:
the display module is used for responding to a first grouping interaction request, displaying a grouping operation panel in a first client, and displaying an initial grouping of grouping interaction in the grouping operation panel, wherein the first grouping interaction request is initiated by one of a plurality of connected first clients, and the grouping operation panel is used for displaying users included in the current two groupings and changing the current group of the users;
The refreshing module is used for responding to the group changing instruction input in the group operation panel, and refreshing the display content of the group operation panel in the first client, wherein the group changing instruction is used for changing the current group of a target user, and the target user is any user included in the group operation panel;
And the triggering module is used for responding to the second grouping interaction request and triggering grouping interaction according to the current grouping of the grouping operation panel.
Another aspect of an embodiment of the present application provides a computer apparatus, including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein: the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method as described above.
Another aspect of embodiments of the present application provides a computer-readable storage medium having stored therein computer instructions which, when executed by a processor, implement a method as described above.
Another aspect of embodiments of the application provides a computer program product comprising a computer program which, when executed by a processor, implements a method as described above.
The embodiment of the application adopts the technical scheme and can have the following advantages:
Displaying a group operation panel in a first client of the plurality of links according to the first group interaction request, and displaying an initial group of group interactions in the group operation panel; and refreshing the display content of the group operation panel in the first client according to the group change instruction, triggering group interaction according to the second group interaction request and the current group of the group operation panel, and effectively synchronizing the lineup information in real time in the clients of the groups PK, thereby improving the user experience of the groups PK.
Drawings
The accompanying drawings illustrate exemplary embodiments and, together with the description, serve to explain exemplary implementations of the embodiments. The illustrated embodiments are for exemplary purposes only and do not limit the scope of the claims. Throughout the drawings, identical reference numerals designate similar, but not necessarily identical, elements.
FIG. 1 schematically illustrates an operational environment diagram of a packet interaction method according to a first embodiment of the present application;
FIG. 2 schematically illustrates a flow chart of a packet interaction method according to a first embodiment of the application;
fig. 3 schematically shows a flow chart of substeps of step S200 in fig. 2;
Fig. 4 schematically shows a flow chart of sub-steps of step S302 in fig. 3;
FIG. 5 schematically illustrates a prototype diagram of a group operation panel for group interaction;
FIG. 6 schematically illustrates a prototype diagram of a group operator panel control design;
FIG. 7 schematically illustrates a group combination style sheet;
FIG. 8 schematically illustrates an application flow chart of a packet interaction method according to a first embodiment of the application;
FIG. 9 schematically shows a block diagram of a packet interaction device according to a second embodiment of the application; and
Fig. 10 schematically shows a hardware architecture diagram of a computer device according to a third embodiment of the present application.
Detailed Description
The present application will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present application more apparent. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
It should be noted that the descriptions of "first," "second," etc. in the embodiments of the present application are for descriptive purposes only and are not to be construed as indicating or implying a relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include at least one such feature. In addition, the technical solutions of the embodiments may be combined with each other, but it is necessary to base that the technical solutions can be realized by those skilled in the art, and when the technical solutions are contradictory or cannot be realized, the combination of the technical solutions should be considered to be absent and not within the scope of protection claimed in the present application.
In the description of the present application, it should be understood that the numerical references before the steps do not identify the order in which the steps are performed, but are merely used to facilitate description of the present application and to distinguish between each step, and thus should not be construed as limiting the present application.
First, a term explanation is provided in relation to the present application:
Multi-person grouping PK: the users of the multiple connections are countered by two camps (groups), at least one user per camp.
DATACHANNEL: DATACHANNEL is part of the WebRTC that allows a bi-directional data channel to be established between two peers. These channels are established directly between the two peers, without passing through the server. This results in faster data transmission and lower latency. DATACHANNEL can be used for any type of data transmission including text, binary data, streaming media, and the like.
WebRTC (Web Real-Time Communication): the method is a real-time communication technology, which allows network applications or sites to establish point-to-point connection between browsers without using an intermediate medium, so as to realize real-time transmission of video streams, audio streams or any other data.
UICollectionView: is a view control for showing serialized data in iOS development, and is particularly suitable for showing "waterfall stream" layouts in the form of photo lists, magazine cover lists, and the like. UIColl ectionView provide a flexible way of data presentation, including various layout forms such as lists, grids, etc., and allow a developer to customize the layout to meet specific requirements. It inherits UIScrollView, thus supporting scrolling through the data.
UIScrollView: is a view control commonly used in iOS development that allows a user to view content beyond the screen size by scrolling. UIScrollView is an important class in the UIKit framework that does not itself display any graphical content, but rather exposes the content by adding child views. UIScrollView achieve a scrolling effect by adjusting the origin position of the content view while supporting a zoom function, allowing the user to change the display scale of the content through a pinch gesture.
UICollectionViewLayout: is a class used in iOS development to define UICollectionView the layout. It belongs to UIKit framework, an abstract base class of UICollectionView, for managing the layout and size of cells, supplementary views in the aggregated view.
UICollectionViewFlowLayout: is a specific subclass of UICollectionViewLayout for defining the streaming layout of items in UICollectionView. It provides a simple and flexible way to arrange and present items, which may be pictures, text or other custom views.
UIPageControl: is a control in iOS development for displaying page indicators, typically for the indication of a sliding page. The main function of the method is to display the position of the current page and provide an indication of user navigation when the page is switched. UIPageControl are typically displayed in the form of small dots at the bottom or top of the screen and highlight the corresponding dots depending on the location of the current page.
UIImageView: is a control in iOS development for displaying pictures on an interface, which is a class in the UIKit framework inherited from UIView. UIImageView the main function is to draw UIImage objects onto the screen, supporting multiple picture formats.
Next, in order to facilitate understanding of the technical solutions provided by the embodiments of the present application by those skilled in the art, the following description is made on related technologies:
In the related art, after the host changes the camping before the PK, the host cannot synchronize the changed camping information at the client of the host of each PK, so that the rest of the host clients display the newly started camping allocation, cannot see the changed camping information in real time, and experience is poor.
Therefore, the embodiment of the application provides a grouping interaction technical scheme. In the technical scheme, the information of the camping can be synchronized in real time, and the user experience of grouping PK is improved. See in particular below.
Finally, for ease of understanding, an exemplary operating environment is provided below.
Fig. 1 schematically shows an environmental application schematic according to an embodiment of the application.
The environmental schematic may include a service platform 2, anchor terminals (4A, 4B, …, 4M), audience terminals (6A, 6B, …, 6N). In a live broadcast scene, a host terminal (4A, 4B, …, 4M) logs in the service platform 2, and live broadcast data is pushed to audience terminals (6A, 6B, …, 6N) in real time through the service platform 2.
The service platform 2 may provide live room services, which may be a single server, a cluster of servers, or a cloud computing service center.
And the anchor terminal (4A, 4B, …, 4M) is used for generating live broadcast data in real time and performing push stream operation of the live broadcast data. The live data may include audio data or video data. The anchor terminal can be an electronic device such as a smart phone, a tablet computer and the like. Of course, the anchor terminal may be a virtual computing instance within the service platform 2.
The audience terminals (6A, 6B, …, 6N) may be configured to receive live data of the anchor terminal in real-time. The audience terminals (6A, 6B, …, 6N) may be any type of computing device, such as smartphones, tablet devices, laptop computers, smart televisions, car terminals, etc. The viewer terminal (6A, 6B, …, 6N) may have a built-in browser or a dedicated program through which the live data is received to output content to the user. The content may include video, audio, comments, text data, and/or the like.
The audience terminals (6A, 6B, …, 6N) may include players. The player outputs (e.g., presents) the content to the user. Wherein the content may include video, audio, comments, text data, and/or the like. The audience terminals (6A, 6B, …, 6N) may include an interface, which may include input elements (touch screens). For example, the input element may be configured to receive user instructions that may cause the audience terminals (6A, 6B, …, 6N) to perform various types of operations, such as sending a barrage, entering comments, gifting a gift, and the like.
The anchor terminals (4A, 4B, …, 4M), the audience terminals (6A, 6B, …, 6N) and the serving platform 2 may be connected via a network. The network may include various network devices such as routers, switches, multiplexers, hubs, modems, bridges, repeaters, firewalls, and/or proxy devices, etc. The network may include physical links such as coaxial cable links, twisted pair cable links, fiber optic links, combinations thereof, and/or the like. The network may include wireless links, such as cellular links, satellite links, wi-Fi links, and/or the like.
It should be noted that the number of anchor terminals and audience terminals in the figures is merely illustrative and is not intended to limit the scope of the present application. There may be any number of anchor terminals and audience terminals depending on the situation.
The technical scheme of the application is introduced by a plurality of embodiments by taking the service platform as an execution main body. It should be understood that these embodiments may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein.
Example 1
Fig. 2 schematically shows a flow chart of a packet interaction method according to a first embodiment of the application.
As shown in fig. 2, the packet interaction method may include steps S200 to S204, wherein:
Step 200, in response to a first packet interaction request, a group operation panel is displayed in the first client, and an initial group of packet interactions is displayed in the group operation panel, wherein the first packet interaction request is initiated by one of a plurality of first clients connected with the first client, and the group operation panel is used for displaying users included in the current two groups and for the users to change the current group.
In step S202, in response to a group modification instruction input in the group operation panel, the display content of the group operation panel is refreshed in the first client, where the group modification instruction is used to modify the group in which the target user is currently located, and the target user is any user included in the group operation panel.
Step S204, responding to the second grouping interaction request, and triggering grouping interaction according to the current group of the group operation panel.
According to the grouping interaction method provided by the embodiment, a grouping operation panel is displayed in a first client of a plurality of connecting lines according to a first grouping interaction request, and an initial grouping of grouping interaction is displayed in the grouping operation panel; and refreshing the display content of the group operation panel in the first client according to the group change instruction, triggering group interaction according to the second group interaction request and the current group of the group operation panel, and effectively synchronizing the lineup information in real time in the clients of the groups PK, thereby improving the user experience of the groups PK.
Each of steps S200 to S204 and optionally other steps are described in detail below in conjunction with fig. 2.
Step 200, in response to a first packet interaction request, a group operation panel is displayed in the first client, and an initial group of packet interactions is displayed in the group operation panel, wherein the first packet interaction request is initiated by one of a plurality of first clients connected with the first client, and the group operation panel is used for displaying users included in the current two groups and for the users to change the current group.
The first client may be a hosting client. The plurality of first clients can firstly establish the connection, then one of the first clients initiates the packet interaction request on the basis of the connection, and the first clients of the rest connection are added into the packet interaction after receiving the packet interaction request. The grouping interaction can be grouping PK of multiple people, and the grouping is also a camping; the connection between the first clients can be established through WebRTC, so that the stability and instantaneity of connection between the anchor clients are improved. Specifically, a first client may click a preset button (e.g., a "group PK button") in an application to initiate a first group interaction request to a service platform. Optionally, the service platform may perform verification of packet interaction and the first client under the condition that the first packet interaction request is received; after the verification is passed, the first client may request to obtain a packet interaction interface (such as a group information list interface) preconfigured by the service platform, and add the packet interaction interface to the packet interaction. The group interaction check may be a check that whether the number of people meets the requirement (for example, not less than 3 people) or that the anchor corresponding to the first client is not in other group interactions, and the like.
When the first client joins the group interaction, a group operation panel is displayed in the first client, the initial two groups and the users included in each group are displayed in the group operation panel, and the elements displayed in the group operation panel may include the user name and the head portrait of the user.
In an alternative embodiment, as shown in fig. 3, the step 200 of displaying the group operation panel in the first client and displaying the initial group of the group interaction in the group operation panel may include steps S300 to S302:
step S300, a preset floating layer is sprung up in the first client, and a group operation panel is displayed in the preset floating layer.
Step S302, determining the total number of users included in the current grouping interaction, dividing the users into two different groups according to the total number of users, and dividing the users corresponding to the current client into preset groups.
In the case of dividing users into two different groups according to the total number of users, the users may be divided in a certain numbering order. For example, if the base number is assigned to the user corresponding to the first client in the grouping interaction, the odd number in the base number may be divided into a group, and the even number in the base number may be divided into a group. The rules of how to divide the users into two different groups can be set according to actual needs, and are not limited herein.
The two different groups may be red and blue, and may be distinguished by red and blue backgrounds, respectively, to make the groups more distinct. When the user corresponding to the current client is classified into the preset group, the user corresponding to the current client may be classified into the red group. In practical application, when the two groups are distributed left and right, the users corresponding to the current client may be divided into the groups corresponding to the left side, so that the current anchor is always located at a relatively important position in the current client.
In this optional embodiment, by bouncing a preset floating layer in the first client, displaying a group operation panel in the preset floating layer, determining the total number of users included in the current group interaction, dividing the users into two different groups according to the total number of users, and dividing the users corresponding to the current client into preset groups, the initial group of the group interaction can be effectively determined and displayed.
In an alternative embodiment, as shown in fig. 4, the step S302 of dividing the users into two different groups according to the total number of users may further include steps S400 to S406:
and step S400, slicing the users included in each group according to the slicing threshold value, and determining the number of slices.
Step S402, a first view control is created in the first client according to the number of slices.
Step S404, determining layout information of elements in each slice in the first view control according to a preset group combination style.
Step S406, data of each group is displayed in the first view control according to the layout information.
In step S400, the slice threshold may be 3, 4, or 5, and the like, and may be specifically set according to actual needs, which is not limited herein. For example, if the slice threshold is 4, every 4 users in the group are sliced into one slice. For example, if the group a includes 6 users and the slice threshold is 4, two slices may be obtained, one of which slices is 4 users and the other slice is 2 users.
In step S402, the first view control may be UICollectionView, for example, or may be another view control. When the first view control is created according to the number of the slices, one first view control may be created for each slice, or one first view control may be created according to two or more slices.
In an exemplary embodiment, the maximum number of users displayed by each first view control is equal to the slice threshold, and creating the first view control in the first client according to the number of slices in step S402 may further include: under the condition that the number of the slices is larger than 1, creating first view controls with the same number as the number of the slices in the first client, and displaying page indication controls at target positions of the first view controls so as to turn pages of the first view controls through the page indication controls.
The page indication control may be UIPageControl, or may be other page controllers. The target position of the first view control may be, for example, the bottom.
For example, if the number of slices is 2, 2 first view controls are created in the first client, and page indication controls are displayed at the bottom of the first view controls, so that a user of the first client can turn pages of the first view controls by clicking the page indication controls.
Please refer to fig. 5, which is a schematic diagram of a prototype of a group operation panel with group interaction, as shown in the drawing, a page indication control in the form of a small dot may be displayed at the bottom of the first view control, so as to turn pages of a plurality of first view controls. Wherein the user name and the head portrait in the figure are subjected to blurring processing.
Please further refer to fig. 6, which is a prototype schematic diagram of a control design, wherein, as shown in the drawing, in addition to the first view control, the page indication control and the parent view of the first view control, the background or the background color corresponding to each group can be set through the background view control. The background view control may be UI ImageView, for example, and the parent view of the first view control may be UIScrollView, where the first view control is UICollectionView.
By creating the first view controls with the same number as the number of the sections when the number of the sections is larger than 1, displaying the page indication controls at the target positions of the first view controls, displaying the data of a plurality of sections through nested use of the first view controls, and realizing the page turning effect by combining the page indication controls, the display and the view of the group data can be effectively realized when more users are included in the group.
In step S404, a preset group combination pattern may be preconfigured in conjunction with the slice threshold. Please refer to fig. 7, which is an exemplary diagram of a group combination pattern. As shown, they respectively show the corresponding group combination patterns when the number of users is 1 to 8. When the slicing threshold is 4 and the number of users is 5-8, the group combination style can be regarded as the combined display effect of the two first view controls. For example, when the number of users is 5, two first view controls may be provided, where one first view control displays 4 users and the other first view control displays the 5 th user.
After determining the total number of users and the number of slices in each group, a group combination style of the current group can be determined according to a preset group combination style, and then layout information of elements (which can include user head images and user names) in each slice in the first view control can be calculated according to the group combination style of the current group, wherein the layout information can include information such as position, size, interval and the like, for example, when only one user is contained in one first view control, the layout information of the lateral and longitudinal margins of the user in the first view control can be calculated according to the first group combination style shown in fig. 7. Alternatively, UICollectio nViewFlowLayout may be used to calculate the layout information, the first view control may be UICollectionVi ew, and after calculating the layout information, UICollectionViewFlowLayout may pass the layout information to UICollectionView for rendering.
In practical application, when the number of users in the first view control changes, the current view can be removed, and a new view is displayed according to the new group combination style. For example, if the group combination style is shown in fig. 7, and the number of users in the first view control is changed from 1 to 2, the current view may be removed, and a new view is presented according to the second group combination style shown in fig. 7.
In this optional embodiment, the number of slices is determined by slicing the users included in each group according to the slice threshold, the first view control is created in the first client according to the number of slices, the layout information of the elements in each slice in the first view control is determined according to the preset group combination style, the data of each group is displayed in the first view control according to the layout information, and differentiated display can be performed according to the number of different users in each group, so that the effect of displaying the group data is improved, and the user experience is improved.
In step S202, in response to a group modification instruction input in the group operation panel, the display content of the group operation panel is refreshed in the first client, where the group modification instruction is used to modify the group in which the target user is currently located, and the target user is any user included in the group operation panel.
The group change instruction may be, for example, an instruction of clicking, dragging, long-pressing, etc. on any user in the group operation panel, and may specifically be set according to actual needs. For example, if the group change instruction is a click, after the user of the first client clicks on the target user in the group operation panel, the target user moves from the current group to another group as the group change instruction is input.
Under the condition that the group of the target user is changed, the group change information of the target user can be synchronized to the rest of the first clients, and the data of the group operation panels of all the first clients are refreshed, so that the data of the group operation panels in all the first clients are the latest data.
In an alternative embodiment, the refreshing, in the first client, the display content of the group operation panel in step S202 may further include: and under the condition that the group changing instruction is initiated by the current client, refreshing the display content of the group operation panel in the current client according to the group changing instruction, and synchronizing the refreshed data to the rest of the first clients.
By refreshing the display content of the group operation panel in the current client according to the group change instruction under the condition that the group change instruction is initiated by the current client and synchronizing the refreshed data to the rest of the first clients, the updated data can be synchronized in real time in all the first clients when the content of the group operation panel is updated, and therefore user experience in grouping interaction is improved.
In an alternative embodiment, the refreshing, in the first client, the display content of the group operation panel in step S202 may further include: and under the condition that the group change instruction is initiated by other first clients, receiving refreshing data sent by the first client corresponding to the group change instruction, and refreshing the display content of the group operation panel in the current client according to the refreshing data.
In an exemplary embodiment, receiving the refresh data sent by the first client corresponding to the initiating group change instruction may include: and receiving the refreshing data sent by the first client corresponding to the initiating group change instruction through the low-delay data link. The low-delay data link may be DATACHANNEL data link, and since the delay of the DATACHANNEL data link is low, the real-time performance is better, and therefore the update data sent by the first client corresponding to the initiating group change instruction is received through the DATACHANNEL data link, the real-time performance of the data transmission can be improved.
Receiving the refresh data sent by the first client corresponding to the group change instruction under the condition that the group change instruction is initiated by other first clients, refreshing the display content of the group operation panel in the current client according to the refresh data, when the content of the group operation panel is updated, updated data can be synchronized in real time in all the first clients, so that the user experience in the group interaction is improved.
Step S204, responding to the second grouping interaction request, and triggering grouping interaction according to the current group of the group operation panel.
The second packet request may be used to request a determination of the packet group and to begin interaction. The second packet interaction request may be issued through a preset control of the client. Alternatively, the preset controls may be provided in the group operation panel (e.g., between two groups). A user of the first client may click on a preset control to initiate a second packet interaction request. Under the condition that the second grouping interaction request is received, the service platform can determine the users and related data included in each current grouping of the grouping operation panel, and start entering a corresponding grouping interaction flow according to the current grouping data. Optionally, the service platform may check the current group data of the group operation panel when receiving the second group interaction request (for example, the number of users in each group is not less than 1), and enter the flow corresponding to the group interaction after the verification is passed.
To make the application easier to understand, an exemplary application is provided below in connection with fig. 8, and as shown, the packet interaction method may generally include the following:
1. Clicking the grouping PK by the anchor, checking the anchor by the service platform, requesting to acquire a list interface of the information list of the camping (group) by the client corresponding to the anchor after the check is passed, and entering 3;
2. a host operating the camping panel, requesting an update interface of the camping panel (namely the camping operation panel) to a service platform, so as to update the data of the camping panel by the camping panel according to the operation of the host, and entering 3; or other anchor operating lineup panels, triggering DATACHANNEL a receiving link to receive data after other anchor operations, and entering 3;
3. Refreshing the displayed camping panel;
4. Dividing the data into two groups of red and blue data sources according to the group in which the anchor is located;
5. Slicing the current data source with 4 as a threshold (i.e., the slice threshold described above);
6. Removing the current view, and creating a new UICollectionView according to the number of slices;
7. Dividing the number of elements in each slice into partitions;
8. calculating the display size of each view and the lateral and longitudinal margins;
9. the marker points to the current location;
10. The anchor clicks "immediate PK";
11. Requesting the service platform to start the interface by grouping PK, judging whether the starting is successful, if so, entering 13, otherwise, entering 12;
12. stay on the current panel, reveal and open the prompt that the interface fails to correspond;
13. the camping panel disappears, triggering the packet PK flow.
Example two
Fig. 9 schematically shows a block diagram of a packet interaction device 500 according to a second embodiment of the application, which device 500 may be divided into one or more program modules, which are stored in a storage medium and executed by one or more processors to complete the embodiment of the application. Program modules in accordance with the embodiments of the present application are directed to a series of computer program instruction segments capable of performing the specified functions, and the following description describes each program module in detail. As shown in fig. 9, the apparatus 500 may include: a display module 510, a refresh module 520, and a trigger module 530, wherein:
The display module 510 is configured to respond to a first packet interaction request, display a group operation panel in a first client, and display an initial group of packet interactions in the group operation panel, where the first packet interaction request is initiated by one of a plurality of connected first clients, and the group operation panel is configured to display users included in the current two groups and provide the users with a change to the current group;
A refreshing module 520, configured to respond to a group modification instruction input in the group operation panel, and refresh, in the first client, display contents of the group operation panel, where the group modification instruction is used to modify a group in which a target user is currently located, and the target user is any user included in the group operation panel;
And the triggering module 530 is configured to trigger packet interaction according to the current group of the group operation panel in response to the second packet interaction request.
In an alternative embodiment, the display module 510 is further configured to:
a preset floating layer is sprung up in the first client, and the group operation panel is displayed in the preset floating layer;
and determining the total number of users included in the current grouping interaction, dividing the users into two different groups according to the total number of the users, and dividing the users corresponding to the current client into preset groups.
In an alternative embodiment, the display module 510 is further configured to:
slicing the users included in each group according to the slicing threshold value, and determining the number of slices;
Creating a first view control in the first client according to the number of slices;
determining layout information of elements in each slice in the first view control according to a preset group combination style;
and displaying the data of each group in the first view control according to the layout information.
In an alternative embodiment, the maximum number of users displayed by each of the first view controls is equal to the slicing threshold, and the display module 510 is further configured to:
and under the condition that the number of the slices is greater than 1, creating the first view controls with the same number as the number of the slices in the first client, and displaying page indication controls at target positions of the first view controls so as to turn pages of the first view controls through the page indication controls.
In an alternative embodiment, the refresh module 520 is further configured to:
And under the condition that the group changing instruction is initiated by the current client, refreshing the display content of the group operation panel in the current client according to the group changing instruction, and synchronizing the refreshed data to the rest of the first clients.
In an alternative embodiment, the refresh module 520 is further configured to:
and under the condition that the group change instruction is initiated by other first clients, receiving refreshing data sent by the first client corresponding to the group change instruction, and refreshing display contents of a group operation panel in the current client according to the refreshing data.
In an alternative embodiment, the refresh module 520 is further configured to:
and receiving the refresh data sent by the first client corresponding to the group change instruction through the low-delay data link.
Example III
Fig. 10 schematically illustrates a hardware architecture diagram of a computer device 10000 adapted to implement a packet interaction method according to a third embodiment of the present application. In some embodiments, computer device 10000 may be a smart phone, a wearable device, a tablet, a personal computer, a vehicle terminal, a gaming machine, a virtual device, a workstation, a digital assistant, a set top box, a robot, or the like. In other embodiments, the computer device 10000 may be a rack server, a blade server, a tower server, or a rack server (including a stand-alone server, or a server cluster composed of multiple servers), or the like. As shown in fig. 10, the computer device 10000 includes, but is not limited to: the memory 10010, processor 10020, network interface 10030 may be communicatively linked to each other via a system bus. Wherein:
Memory 10010 includes at least one type of computer-readable storage medium including flash memory, hard disk, multimedia card, card memory (e.g., SD or DX memory), random Access Memory (RAM), static Random Access Memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, and the like. In some embodiments, memory 10010 may be an internal storage module of computer device 10000, such as a hard disk or memory of computer device 10000. In other embodiments, the memory 10010 may also be an external storage device of the computer device 10000, such as a plug-in hard disk provided on the computer device 10000, a smart memory card (SMART MEDIA CARD, SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD), or the like. Of course, the memory 10010 may also include both an internal memory module of the computer device 10000 and an external memory device thereof. In this embodiment, the memory 10010 is typically used for storing an operating system installed on the computer device 10000 and various application software, such as program codes of a packet interaction method. In addition, the memory 10010 may be used to temporarily store various types of data that have been output or are to be output.
The processor 10020 may be a central processing unit (Central Processing Unit, CPU), controller, microcontroller, microprocessor, or other chip in some embodiments. The processor 10020 is typically configured to control overall operation of the computer device 10000, such as performing control and processing related to data interaction or communication with the computer device 10000. In this embodiment, the processor 10020 is configured to execute program codes or process data stored in the memory 10010.
The network interface 10030 may comprise a wireless network interface or a wired network interface, which network interface 10030 is typically used to establish a communication link between the computer device 10000 and other computer devices. For example, the network interface 10030 is used to connect the computer device 10000 to an external terminal through a network, establish a data transmission channel and a communication link between the computer device 10000 and the external terminal, and the like. The network may be a wireless or wired network such as an Intranet (Intranet), the Internet (Internet), a global system for mobile communications (Global System of Mobile communication, abbreviated as GSM), wideband code division multiple access (Wideband Code Divi sion Multiple Access, abbreviated as WCDMA), a 4G network, a 5G network, bluetooth (Bluetoo th), wi-Fi, etc.
It should be noted that fig. 10 only shows a computer device having components 10010-10030, but it should be understood that not all of the illustrated components are required to be implemented, and that more or fewer components may be implemented instead.
In this embodiment, the packet interaction method stored in the memory 10010 may be further divided into one or more program modules and executed by one or more processors (e.g., the processor 10020) to perform an embodiment of the application.
Example IV
The embodiment of the application also provides a computer readable storage medium, on which a computer program is stored, wherein the computer program, when being executed by a processor, implements the steps of the packet interaction method in the embodiment.
In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEP ROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the computer readable storage medium may be an internal storage unit of a computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may also be an external storage device of a computer device, such as a plug-in hard disk, a smart memory card (SMART MEDIA CARD, SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD), or the like, provided on the computer device. Of course, the computer-readable storage medium may also include both internal storage units of a computer device and external storage devices. In this embodiment, the computer readable storage medium is typically used to store an operating system and various application software installed on the computer device, such as program codes of the packet interaction method in the embodiment. Furthermore, the computer-readable storage medium may also be used to temporarily store various types of data that have been output or are to be output.
Example five
The present application also provides a computer program product comprising a computer program which, when executed by a processor, implements the method of the above embodiments.
It will be apparent to those skilled in the art that the modules or steps of the embodiments of the application described above may be implemented in a general purpose computer device, they may be concentrated on a single computer device, or distributed over a network of multiple computer devices, they may alternatively be implemented in program code executable by a computer device, so that they may be stored in a storage device for execution by the computer device, and in some cases, the steps shown or described may be performed in a different order than what is shown or described, or they may be separately made into individual integrated circuit modules, or a plurality of modules or steps in them may be made into a single integrated circuit module. Thus, embodiments of the application are not limited to any specific combination of hardware and software.
It should be noted that the foregoing is only a preferred embodiment of the present application, and is not intended to limit the scope of the present application, and all equivalent structures or equivalent processes using the descriptions of the present application and the accompanying drawings, or direct or indirect application in other related technical fields, are included in the scope of the present application.
Claims (11)
1. A method of packet interaction, the method comprising:
responding to a first grouping interaction request, displaying a grouping operation panel in a first client, and displaying an initial grouping of grouping interaction in the grouping operation panel, wherein the first grouping interaction request is initiated by one of a plurality of connected first clients, and the grouping operation panel is used for displaying users included in the current two groupings and changing the current grouping of the users;
responding to a group change instruction input in the group operation panel, and refreshing display content of the group operation panel in the first client, wherein the group change instruction is used for changing a group in which a target user is currently located, and the target user is any user included in the group operation panel;
and responding to a second grouping interaction request, and triggering grouping interaction according to the current grouping of the grouping operation panel.
2. The method of claim 1, wherein displaying a group operation panel in the first client and displaying an initial group of group interactions in the group operation panel comprises:
a preset floating layer is sprung up in the first client, and the group operation panel is displayed in the preset floating layer;
and determining the total number of users included in the current grouping interaction, dividing the users into two different groups according to the total number of the users, and dividing the users corresponding to the current client into preset groups.
3. The method of claim 2, wherein the dividing the users into two different groups according to the total number of users comprises:
slicing the users included in each group according to the slicing threshold value, and determining the number of slices;
Creating a first view control in the first client according to the number of slices;
determining layout information of elements in each slice in the first view control according to a preset group combination style;
and displaying the data of each group in the first view control according to the layout information.
4. A method according to claim 3, wherein the maximum number of users displayed by each of the first view controls is equal to the slicing threshold, the creating a first view control in the first client from the number of slices comprising:
and under the condition that the number of the slices is greater than 1, creating the first view controls with the same number as the number of the slices in the first client, and displaying page indication controls at target positions of the first view controls so as to turn pages of the first view controls through the page indication controls.
5. The method according to any one of claims 1-4, wherein refreshing, in the first client, the display content of the group operation panel comprises:
And under the condition that the group changing instruction is initiated by the current client, refreshing the display content of the group operation panel in the current client according to the group changing instruction, and synchronizing the refreshed data to the rest of the first clients.
6. The method of claim 5, wherein refreshing the display content of the group operation panel in the first client further comprises:
and under the condition that the group change instruction is initiated by other first clients, receiving refreshing data sent by the first client corresponding to the group change instruction, and refreshing display contents of a group operation panel in the current client according to the refreshing data.
7. The method of claim 6, wherein the receiving refresh data sent by the first client corresponding to the group change initiation instruction comprises:
and receiving the refresh data sent by the first client corresponding to the group change instruction through the low-delay data link.
8. A packet interactive device, the device comprising:
the display module is used for responding to a first grouping interaction request, displaying a grouping operation panel in a first client, and displaying an initial grouping of grouping interaction in the grouping operation panel, wherein the first grouping interaction request is initiated by one of a plurality of connected first clients, and the grouping operation panel is used for displaying users included in the current two groupings and changing the current group of the users;
The refreshing module is used for responding to the group changing instruction input in the group operation panel, and refreshing the display content of the group operation panel in the first client, wherein the group changing instruction is used for changing the current group of a target user, and the target user is any user included in the group operation panel;
And the triggering module is used for responding to the second grouping interaction request and triggering grouping interaction according to the current grouping of the grouping operation panel.
9. A computer device, comprising:
At least one processor; and
A memory communicatively coupled to the at least one processor; wherein:
The memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1 to 7.
10. A computer readable storage medium having stored therein computer instructions which when executed by a processor implement the method of any one of claims 1 to 7.
11. A computer program product comprising a computer program, characterized in that the computer program, when being executed by a processor, realizes the steps of the method according to any one of claims 1 to 7.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202411063084.3A CN118890516A (en) | 2024-08-02 | 2024-08-02 | Grouping interaction method and device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202411063084.3A CN118890516A (en) | 2024-08-02 | 2024-08-02 | Grouping interaction method and device |
Publications (1)
Publication Number | Publication Date |
---|---|
CN118890516A true CN118890516A (en) | 2024-11-01 |
Family
ID=93233326
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202411063084.3A Pending CN118890516A (en) | 2024-08-02 | 2024-08-02 | Grouping interaction method and device |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118890516A (en) |
-
2024
- 2024-08-02 CN CN202411063084.3A patent/CN118890516A/en active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6997253B2 (en) | Web page rendering methods, equipment, electronics, storage media and programs | |
CN112866785B (en) | Picture generation method, device, equipment and storage medium | |
CN114077375B (en) | Target object display method and device, electronic equipment and storage medium | |
CN112100543B (en) | Webpage rendering method and device, storage medium, electronic equipment and server | |
CN111796825B (en) | Bullet screen drawing method, bullet screen drawing device, bullet screen drawing equipment and storage medium | |
WO2021103366A1 (en) | Bullet screen processing method and system based on wechat mini-program | |
US11991420B2 (en) | Live commenting processing method and system | |
CN114063958A (en) | Page split-screen display method and device | |
US12063264B2 (en) | Information indicating method and apparatus, electronic device and storage medium | |
US11442606B2 (en) | User interface interaction method and system | |
CN112307378B (en) | Network view display method | |
CN112492399B (en) | Information display method and device and electronic equipment | |
CN112667942A (en) | Animation generation method, device and medium | |
CN116233561A (en) | Virtual gift generation method, device, equipment and medium | |
CN118890516A (en) | Grouping interaction method and device | |
CN107027056B (en) | Desktop configuration method, server and client | |
CN106302543B (en) | Multimedia display method, device and system | |
CN113271502B (en) | Video barrage-based data display method and device and computer equipment | |
CN114500131B (en) | Group chat display method, device, system, equipment and storage medium | |
CN113542846B (en) | AR barrage display method and device | |
CN113242472B (en) | Television picture and text playing control management method, device, computer equipment and storage medium | |
CN115065866B (en) | Video generation method, device, equipment and storage medium | |
CN116048701A (en) | Method, device, equipment and storage medium for displaying web pages on same screen | |
CN117336561A (en) | Live broadcast picture switching method, device, medium and electronic equipment | |
CN114302250A (en) | Resource processing method, device, system, equipment and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication |