CN112399230A - Playing method for mobile terminal application - Google Patents

Playing method for mobile terminal application Download PDF

Info

Publication number
CN112399230A
CN112399230A CN201910765397.6A CN201910765397A CN112399230A CN 112399230 A CN112399230 A CN 112399230A CN 201910765397 A CN201910765397 A CN 201910765397A CN 112399230 A CN112399230 A CN 112399230A
Authority
CN
China
Prior art keywords
area
user
page
target object
secondary area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910765397.6A
Other languages
Chinese (zh)
Other versions
CN112399230B (en
Inventor
丁佳俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN201910765397.6A priority Critical patent/CN112399230B/en
Priority to CN202310755211.5A priority patent/CN116668759A/en
Publication of CN112399230A publication Critical patent/CN112399230A/en
Application granted granted Critical
Publication of CN112399230B publication Critical patent/CN112399230B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/414Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance
    • H04N21/41407Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance embedded in a portable device, e.g. video client on a mobile phone, PDA, laptop
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

The invention discloses a playing method for mobile terminal application, and belongs to the technical field of internet. According to the playing method for the mobile terminal application, the detail page is divided into the first-level area and the second-level area which are independent of each other, so that the first-level area and the second-level area can be browsed on the same screen, a user can play the selected target object by clicking and controlling the first-level area, and meanwhile, on the premise that the playing of the first-level area is not influenced, the user can quickly browse the associated information in the second-level area displayed on the same screen, the operation of switching the detail page by the user is reduced, the browsing efficiency is improved, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved.

Description

Playing method for mobile terminal application
Technical Field
The invention relates to the technical field of internet, in particular to a playing method for mobile terminal application.
Background
With the continuous development of the mobile internet era, the functions of mobile terminals such as smart phones are more powerful, users can install application programs with various functions in the mobile terminals according to requirements, and the mobile terminals become a part of life and work of people.
In the mobile field of mobile phones, because the screen of the mobile phone is limited, in order to enable a user to view more contents on the same page, and thus better attract the user, most of mobile phone applications (apps) (applications) currently display the same type or different types of information to the user in a recommendation page manner. After a user selects an interesting video in a recommended page, the user jumps to a detail page to play the video, and information related to the video is displayed below the detail page, however, because the screen is limited, the amount of information is small, if the user wants to know more other videos or information related to the video, the user needs to return to the previous page (pause and block the currently played video) or return to the first page for searching, and such repeated operations can cause fatigue to the user and affect the viewing experience of the user.
Disclosure of Invention
Aiming at the problem of poor experience effect of repeatedly switching the detail pages by the user, the playing method for the mobile terminal application is provided aiming at reducing the operation of switching the detail pages by the user.
A playing method for a mobile terminal application comprises the following steps:
monitoring a first selection operation of a navigation page, and entering a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are mutually independent areas;
playing the selected target object in the primary area;
and displaying the associated information associated with the selected target object in the secondary area.
Preferably, the step of playing the selected target object in the primary region includes:
playing the selected target object data in the primary area;
and monitoring the playing operation of the primary area, and controlling the playing state of the target object data played in the primary area according to the playing operation.
Preferably, the primary area is located at the top of the detail page.
Preferably, the step of displaying the associated information associated with the selected target object in the secondary region includes:
displaying the information of the selected target object and at least one associated link associated with the information in the secondary area;
and determining the display content of the secondary area according to the operation of the user in the secondary area.
Preferably, the associated link is selected from at least one of: purchase link, video link, comment link, audio link.
Preferably, the determining the display content of the secondary area according to the operation of the user on the secondary area includes:
according to a second selection operation of the user on the associated link, jumping the secondary area from the current page to the corresponding associated information page according to the path corresponding to the selected associated link, or
Jumping to a corresponding associated information page from a current page in the secondary area according to a path corresponding to the selected associated link according to a second selection operation of the user on the associated link in the secondary area;
the associated information page includes an extension level.
Preferably, the secondary region comprises a composite module;
further comprising:
displaying bullet screen information in the primary area according to a third selection operation of a user on the composite module;
and displaying an input layer for inputting characters in the secondary area according to a fourth selection operation of the composite module by the user.
The invention also provides a playing method for the mobile terminal application, which comprises the following steps:
a user selects a target object to be browsed in a navigation page, and the navigation page enters a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are mutually independent areas;
playing the selected target object in the primary area;
and displaying the associated information associated with the selected target object in the secondary area.
Preferably, the step of displaying the associated information associated with the selected target object in the secondary region includes:
displaying the information of the selected target object and at least one associated link associated with the information in the secondary area;
and determining the display content of the secondary area according to the operation of the user in the secondary area.
Preferably, the determining the display content of the secondary area according to the operation of the user in the secondary area includes:
the user selects the associated link in the secondary area, and the secondary area jumps from the current page to the corresponding associated information page according to the path corresponding to the selected associated link, or
A user selects an associated link in the secondary area, and the secondary area jumps from a current page to a corresponding associated information page according to a path corresponding to the selected associated link;
the associated information page includes an extension level.
The beneficial effects of the above technical scheme are that:
according to the technical scheme, the playing method for the mobile terminal application has the advantages that the detail page is divided into the first-level area and the second-level area which are independent of each other, the first-level area and the second-level area can be browsed on the same screen, a user can click and control the first-level area to play the selected target object, and meanwhile, on the premise that the playing of the first-level area is not affected, the user can also quickly browse the associated information in the second-level area displayed on the same screen, so that the operation of switching the detail page by the user is reduced, the browsing efficiency is improved, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved.
Drawings
Fig. 1 is an architecture diagram of an embodiment of a playback system for mobile terminal applications according to the present invention;
fig. 2 is a flowchart of an embodiment of a playing method for a mobile terminal application according to the present invention;
FIG. 3 is a schematic diagram of one implementation of a navigation page;
FIG. 4 is a schematic diagram of a detailed page display interface layer structure of the mobile terminal application of the present invention;
FIG. 5 is a flowchart of an embodiment of the primary region playing a selected target object;
FIG. 6 is a display interface diagram of an embodiment of a detail page;
FIG. 7 is a flowchart of an embodiment of the secondary region displaying association information associated with a selected target object;
FIG. 8 is a diagram of one embodiment of a user clicking a comment tag secondary region switch page;
9 a-9 c are schematic diagrams of another embodiment of a user clicking a comment tag secondary region switching page;
FIGS. 10a-10b are schematic diagrams of one embodiment of a user clicking on a buy link secondary area switch page;
fig. 11 is a flowchart of another embodiment of a playing method for a mobile terminal application according to the present invention;
FIG. 12 is a diagram illustrating an embodiment of a user clicking on a composite module secondary region switching page;
fig. 13 is a schematic diagram of another embodiment of a playing method for a mobile terminal application according to the present invention;
FIG. 14 is a flowchart of an embodiment of the secondary region displaying association information associated with a selected target object;
FIG. 15 is a block diagram of a playback system for mobile terminal applications in accordance with an embodiment of the present invention;
fig. 16 is a block diagram of another embodiment of a playback system for a mobile terminal application according to the present invention;
FIG. 17 is a diagram of the hardware architecture of one embodiment of the computer apparatus of the present invention.
Detailed Description
The advantages of the invention are further illustrated in the following description of specific embodiments in conjunction with the accompanying drawings.
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, such information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present application. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
In the description of the present invention, it should be understood that the numerical references before the steps do not identify the order of performing the steps, but merely serve to facilitate the description of the present invention and to distinguish each step, and thus should not be construed as limiting the present invention.
The video of the embodiment of the application may be presented on clients such as large-scale video playing devices, game machines, desktop computers, smart phones, tablet computers, MP3(movingpicture expeerpercgroupandioudiolayer iii) players, MP4(movingpicture expeerpercgroupandioudiolayer rlv) players, laptop portable computers, e-book readers, and other display terminals.
The playing method for the mobile terminal application in the embodiment of the application can be applied to various on-demand playing such as playing of on-demand resources of movie and television series, documentaries, cartoons, entertainment, life (such as rebroadcasting programs of match types), comprehensive art (such as entertainment programs of relatives and multi-party confrontation), and the like, and can also be applied to live scenes, for example, to high-level online services such as playing of interactive videos and interactive games of audiences and main broadcasting/video broadcasting senders (for example, black mirrors or invisible guardians in the industry). In the embodiment of the present application, a client requests a server for a video, and the client plays a received video as an example, but the present application is not limited thereto.
In the embodiment of the application, the client sends the video request to the server, and after receiving the request, the server sends the video data corresponding to the video request to the client so that the client can watch the video content. Referring to fig. 1, fig. 1 is a system architecture diagram for playing a mobile terminal application according to an embodiment of the present application. As shown in fig. 1, a user a transmits a recorded self-timer video to a server W through a wireless network, the server W processes the received self-timer video, a user B and a user C respectively send requests for watching the self-timer video to the server W, the server W receives the requests and then respectively sends the self-timer video to the user B and the user C, the user B and the user C can browse other information related to the self-timer video while watching the self-timer video on a detail page through a smart phone, the operation of switching the detail page by the user is reduced, the browsing efficiency is improved, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved. It should be noted that: the server W may be a cloud server or a local server. The device of the user a is not limited to the illustrated mobile device, and all intelligent terminals capable of uploading videos are applicable.
The invention provides a playing method for mobile terminal application, aiming at solving the defect of poor experience effect of repeatedly switching detail pages by a user. Referring to fig. 2, which is a flowchart illustrating a playing method for a mobile terminal application according to a preferred embodiment of the present invention, it can be seen that the playing method for a mobile terminal application provided in this embodiment mainly includes the following steps:
s01, monitoring a first selection operation of a navigation page, and entering a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are mutually independent areas;
by way of example and not limitation, as shown in fig. 3, after the user selects a video object on the navigation page, the navigation page jumps to the detail page shown in fig. 4, which includes a primary area for playing video at the upper part and a secondary area for showing relevant information at the lower part. As can be seen from fig. 4, the primary region corresponds to the primary page, and the secondary region corresponds to the secondary page, so in this embodiment, the primary page and the secondary page are simultaneously displayed on the display screen.
It should be noted that: the primary area may be located at the top of the detail page.
In this embodiment, the primary area and the secondary area are independent areas, the operation of the user in the primary area (e.g., the operation of adjusting brightness, the operation of adjusting volume, the operation of adjusting playing progress, and the operation of opening or closing the floating layer) does not affect the display of the secondary area, and the operation of the user in the secondary area (e.g., the operation of sliding up, sliding down, sliding left, sliding right, and clicking) does not affect the display and playing of the primary area.
In this step, the navigation page may be a home page, a recommendation page, a hothouse page, a drama page, a movie page, an index page, a special column page, a music page, or the like of the mobile terminal application. The user can select the target objects of interest such as videos, music and the like by browsing the navigation page. The navigation page can be a single-column display or a double-column display.
S02, playing the selected target object in the primary area;
in this embodiment, the primary region may employ a player container, and the target object may be video or audio. And playing the video or audio through the player container.
As shown in fig. 5, in step S02, the playing the selected target object in the primary area further includes:
s021, playing the selected target object data in the primary area;
in this step, the target object data is played by adopting a primary area according to the target object selected by the user on the navigation page.
S022, monitoring the playing operation of the primary area, and controlling the playing state of the target object data played in the primary area according to the playing operation.
By way of example and not limitation, as shown in fig. 4, when the target object is a video, the primary region is a video region, and the user may adjust the brightness of the video up by sliding up on the left side of the video region, adjust the brightness of the video down by sliding down on the left side of the video region, adjust the volume of the video up by sliding up on the right side of the video region, adjust the volume of the video down by sliding down on the right side of the video region, fast rewind the video by sliding left on the left side of the video region, and fast forward the video by sliding right on the right side of the video region.
When the target object is a small video (i.e. a video with a short length, such as a video within 60 seconds), sliding to the left on the left side of the video area can switch the current detail page to the last played video, sliding to the right on the right side of the video area can switch the current detail page to the next video for playing, sliding the display floating layer upwards in the middle area of the video area, and sliding to close the floating layer downwards in the middle area of the video area.
And S03, displaying the associated information associated with the selected target object in the secondary area.
As shown in fig. 4 and 6, when a video (target object data) is played using a primary region, a secondary region displays information associated with the video, such as: uploading the name and head portrait of the video and other information related to the user, the topic of the video, the number of praise, the number of collection, the number of concern, the number of forwarding, the label corresponding to the video and other related (or brief introduction) information, displaying in a secondary area, displaying the consumption link related to the video content, other video icons related to the video and the like.
As shown in fig. 7, in step S03, the step of displaying the association information associated with the selected target object in the secondary area includes:
s031, in the second level area display the information of the selected target object and at least one associated link associated with the information;
by way of example and not limitation, the associative link may be selected from at least one of: a purchase link, a video link, a comment link, an audio link, an advertisement link, etc.
In this step, the information of the selected target object may include: uploading the user name, the head portrait and other information related to the user of the target object, the subject, the praise number, the collection number, the focus number, the forwarding number of the target object, the label corresponding to the target object and other profile information.
S032, determining the display content of the secondary area according to the operation of the user in the secondary area.
As shown in fig. 8, 9a to 9c, in the secondary area, the user may click the comment tag, the secondary area is switched from the current related page to the comment page, and the user may select the comment object in the comment page to slide left or right, thereby adjusting the order of the comment object in the comment page; the user may also slide the comment up or down on the comment page to quickly browse the comment content.
Further, in step S032, determining the display content of the secondary region according to the operation of the user on the secondary region, including:
and jumping the secondary area from the current page to the corresponding associated information page according to the path corresponding to the selected associated link according to a second selection operation of the user on the associated link.
In practical application, the associated link may be a purchase tag, a comment tag, or the like, as shown in fig. 10a, in the secondary area, after the user can click the purchase tag, the secondary area is switched from the current related page to the purchase page shown in fig. 10b, the user can purchase a commodity while watching a video, the operation of switching the detailed page by the user is reduced, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved.
By way of example and not limitation, the associated information page may include an extension level.
The comment page may include an expanded hierarchy, and the display button of the expanded hierarchy may form a tab, as shown in fig. 8 and 9b, and the user may click on the "more 233 popular comments" tab, i.e., may display the hidden comments.
In this embodiment, the playing method for the mobile terminal application divides the detail page into two mutually independent areas, namely, the first-level area and the second-level area, so that the first-level area and the second-level area can be browsed on the same screen, a user can click and control the first-level area to play a selected target object, and meanwhile, on the premise that the playing of the first-level area is not influenced, the user can also quickly browse the associated information in the second-level area displayed on the same screen, the user does not influence the playing of the first-level area in any operation and interaction jump in the second-level area, the operation of switching the detail page by the user is reduced, the browsing efficiency is improved, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is.
As shown in fig. 11, in the present embodiment, the secondary region may include a composite module, and the composite module is disposed in the detail page; after the step S03 is completed, the method may further include:
and S04, displaying bullet screen information in the primary area according to a third selection operation of the user on the composite module.
And S05, displaying an input layer for inputting characters in the secondary area according to a fourth selection operation of the user on the composite module.
In this embodiment, referring to fig. 12, the composite module combines the switch and the input function of the bullet screen, the bullet screen function is integrated in one location, the composite module can reduce the operation steps of the user after the integration, the bullet screen information can be displayed in the primary region by the user triggering the bullet screen switch of the composite module, the composite module is converted from a gray label into a label with an input region, and the user can trigger the popup input layer (for example, the keyboard input layer) below the secondary region by clicking the input region or both the regions above the keyboard and the primary region, so that the user can input the bullet screen information.
The above playing method for the mobile terminal application mainly describes a method flow in the detail page, and when the user is taken as a main body, as shown in fig. 13, the playing method for the mobile terminal application includes the following steps:
s11, a user selects a target object to be browsed in a navigation page, and the navigation page enters a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are independent areas;
s12, playing the selected target object in the primary area;
and S13, displaying the associated information associated with the selected target object in the secondary area.
Further, in step S13, the step of displaying the association information associated with the selected target object in the secondary region includes:
s131, displaying the information of the selected target object and at least one associated link associated with the information in the secondary area;
s132, determining the display content of the secondary area according to the operation of the user in the secondary area.
Further, in step S132, determining the display content of the secondary area according to the operation of the user in the secondary area, including:
and the user selects the associated link in the secondary area, and the secondary area jumps from the current page to the corresponding associated information page according to the path corresponding to the selected associated link.
By way of example and not limitation, the associated information page may include an extension level.
It should be noted that: the secondary region may comprise a composite module;
in this embodiment, after the step S13 is executed, the method may further include:
s14, a user starts the function of the composite module and displays bullet screen information in the primary area;
and S15, selecting a comment starting function in the composite module by a user, and displaying an input layer for inputting characters in the secondary area.
As shown in fig. 15, the playing system 2 for mobile terminal application includes: a monitoring unit 21, a playing unit 22 and an association unit 23, wherein:
a monitoring unit 21, configured to monitor a first selection operation of a navigation page, and enter a selected detail page including a primary area and a secondary area, where the primary area and the secondary area are independent areas;
by way of example and not limitation, as shown in fig. 3, after the user selects a video object on the navigation page, the navigation page jumps to the detail page shown in fig. 4, which includes a primary area for playing video at the upper part and a secondary area for showing relevant information at the lower part.
It should be noted that: the primary area may be located at the top of the detail page.
In this embodiment, the primary area and the secondary area are independent areas, the operation of the user in the primary area (e.g., the operation of adjusting brightness, the operation of adjusting volume, the operation of adjusting playing progress, and the operation of opening or closing the floating layer) does not affect the display of the secondary area, and the operation of the user in the secondary area (e.g., the operation of sliding up, sliding down, sliding left, sliding right, and clicking) does not affect the display and playing of the primary area.
In this step, the navigation page may be a home page, a recommendation page, a hothouse page, a drama page, a movie page, an index page, a special column page, a music page, or the like of the mobile terminal application. The user can select the target objects of interest such as videos, music and the like by browsing the navigation page. The navigation page can be a single-column display or a double-column display.
A playing unit 22, configured to play the selected target object in the primary area;
in this embodiment, the primary region may employ a player container, and the target object may be video or audio. And playing the video or audio through the player container.
Specifically, the playing unit 22 is configured to play the selected target object data in the primary area, and play the target object data by using the primary area according to the target object selected by the user on the navigation page; the playing unit 22 is further configured to monitor a playing operation of the primary area, and control a playing state of the target object data played in the primary area according to the playing operation.
An association unit 23, configured to display association information associated with the selected target object in the secondary area.
As shown in fig. 4 and 6, when a video (target object data) is played using a primary region, a secondary region displays information associated with the video, such as: uploading the name and head portrait of the video and other information related to the user, the topic of the video, the number of praise, the number of collection, the number of concern, the number of forwarding, the label corresponding to the video and other related (or brief introduction) information, displaying in a secondary area, displaying the consumption link related to the video content, other video icons related to the video and the like.
Further, the association unit 23 may display information of the selected target object and at least one association link associated with the information in the secondary region; and determining the display content of the secondary area according to the operation of the user in the secondary area.
By way of example and not limitation, the associative link may be selected from at least one of: a purchase link, a video link, a comment link, an audio link, an advertisement link, etc.
In this step, the information of the selected target object may include: uploading the user name, the head portrait and other information related to the user of the target object, the subject, the praise number, the collection number, the focus number, the forwarding number of the target object, the label corresponding to the target object and other profile information.
As shown in fig. 8, 9a to 9c, in the secondary area, the user may click the comment tag, the secondary area is switched from the current related page to the comment page, and the user may select the comment object in the comment page to slide left or right, thereby adjusting the order of the comment object in the comment page; the user may also slide the comment up or down on the comment page to quickly browse the comment content.
In practical application, the associated link may be a purchase tag, a comment tag, or the like, as shown in fig. 10a, in the secondary area, after the user can click the purchase tag, the secondary area is switched from the current related page to the purchase page shown in fig. 10b, the user can purchase a commodity while watching a video, the operation of switching the detailed page by the user is reduced, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved.
By way of example and not limitation, the associated information page may include an extension level.
The comment page may include an expanded hierarchy, and the display button of the expanded hierarchy may form a tab, as shown in fig. 8 and 9b, and the user may click on the "more 233 popular comments" tab, i.e., may display the hidden comments.
In this embodiment, the playing method for the mobile terminal application divides the detail page into two mutually independent areas, namely, the first-level area and the second-level area, so that the first-level area and the second-level area can be browsed on the same screen, a user can click and control the first-level area to play a selected target object, and meanwhile, on the premise that the playing of the first-level area is not influenced, the user can also quickly browse the associated information in the second-level area displayed on the same screen, the user does not influence the playing of the first-level area in any operation and interaction jump in the second-level area, the operation of switching the detail page by the user is reduced, the browsing efficiency is improved, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is.
In this embodiment, the secondary region may include a composite module; the playing system 2 (shown with reference to fig. 16) for the mobile terminal application may further include:
the composite unit 24 is configured to display the barrage information in the primary region according to a third selection operation of the user on the composite module, and the composite unit 24 is further configured to display an input layer for inputting characters in the secondary region according to a fourth selection operation of the user on the composite module.
In this embodiment, referring to fig. 12, the composite module combines the switch and the input function of the bullet screen, the bullet screen function is integrated in one location, the composite module can reduce the operation steps of the user after the integration, the bullet screen information can be displayed in the primary region by the user triggering the bullet screen switch of the composite module, the composite module is converted from a gray label into a label with an input region, and the user can trigger the popup input layer (for example, the keyboard input layer) below the secondary region by clicking the input region or both the regions above the keyboard and the primary region, so that the user can input the bullet screen information.
As shown in fig. 17, a computer device 3, the computer device 3 comprising:
a memory 31 for storing executable program code; and
a processor 32 for calling the executable program code in the memory 31, the execution steps including the above-mentioned playing method for the mobile terminal application.
Fig. 17 illustrates an example of one processor 32.
The memory 31 is a non-volatile computer-readable storage medium and can be used for storing non-volatile software programs, non-volatile computer-executable programs, and modules, such as program instructions/modules corresponding to the playing method for the mobile terminal application in the embodiment of the present application (for example, the monitoring unit 21, the playing unit 22, and the association unit 23 shown in fig. 15, or the monitoring unit 21, the playing unit 22, the association unit 23, and the composition unit 24 shown in fig. 16). The processor 32 executes various functional applications and data processing of the computer device 3 by running the nonvolatile software programs, instructions and modules stored in the memory 31, that is, implements the playing method for the mobile terminal application of the above-described embodiment.
The memory 31 may include a program storage area and a data storage area, wherein the program storage area may store an application program required for at least one function of the operating system; the storage data area may store playback information of the user on the computer device 3. Further, the memory 31 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some embodiments, the memory 31 may optionally include memory 31 remotely located from the processor 32, and these remote memories 31 may be connected to the playback system 2 for mobile terminal applications via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The one or more modules are stored in the memory 31, and when executed by the one or more processors 32, perform the playing method for the mobile terminal application in any of the above-described method embodiments, for example, perform the above-described method steps S01 to S03 in fig. 2, and implement the functions of the monitoring unit 21, the playing unit 22 and the association unit 23 shown in fig. 15, or the monitoring unit 21, the playing unit 22 and the association unit 23 and the composition unit 24 shown in fig. 16.
The computer device 3 of the embodiment of the present application exists in various forms, including but not limited to:
(1) a mobile communication device: such devices are characterized by mobile communications capabilities and are primarily targeted at providing voice, data communications. Such terminals include: smart phones (e.g., iphones), multimedia phones, functional phones, and low-end phones, among others.
(2) Ultra mobile personal computer device: the equipment belongs to the category of personal computers, has calculation and processing functions and generally has the characteristic of mobile internet access. Such terminals include: PDA, MID, and UMPC devices, etc., such as ipads.
(3) A portable entertainment device: such devices can display and play multimedia content. This type of device comprises: audio, video players (e.g., ipods), handheld game consoles, electronic books, and smart toys and portable car navigation devices.
(4) A server: the device for providing the computing service comprises a processor, a hard disk, a memory, a system bus and the like, and the server is similar to a general computer architecture, but has higher requirements on processing capacity, stability, reliability, safety, expandability, manageability and the like because of the need of providing high-reliability service.
(5) And other electronic devices with data interaction functions.
The present application provides a non-transitory computer-readable storage medium, which stores computer-executable instructions, which are executed by one or more processors, such as one processor 32 in fig. 17, and can enable the one or more processors 32 to perform the playing method for the mobile terminal application in any of the above method embodiments, for example, execute the above-described method steps S01 to S03 in fig. 2, and implement the functions of the monitoring unit 21, the playing unit 22, and the association unit 23 shown in fig. 15, or the monitoring unit 21, the playing unit 22, and the association unit 23 and the composite unit 24 shown in fig. 16.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on at least two network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of the embodiments of the present application. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a general hardware platform, and certainly can also be implemented by hardware. It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware related to instructions of a computer program, which can be stored in a computer readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-only memory (ROM), a Random Access Memory (RAM), or the like.
The first embodiment,
Fig. 8, as shown in fig. 9a to 9c, after the user clicks the comment tag of the secondary region, the secondary region is switched from the current related page (shown in fig. 9 a) to the comment page (shown in fig. 9 b), and the user can slide the comment object in the comment page to the left or to the right, so as to adjust the order of the comment object in the comment page (shown in fig. 8); the user may also slide the comment up or down on the comment page to quickly browse the comment content. The user may also click on the "more 233 popular comments" tab (shown with reference to fig. 9 b), and the secondary area jumps from the comment page to the popular comment page for the user to view the popular comments.
Example II,
As shown in fig. 10a-10b, the primary area plays a cartoon video, and the secondary area displays a purchase link with the character in the cartoon, and related information (e.g., the name and head of the user who uploaded the cartoon video, and other information related to the user, the theme of the cartoon video, the number of likes and dislikes, the number of collections, the number of concerns, the number of forwards, the tags corresponding to the video, etc.), comment tags related to the cartoon video, and other links. In the secondary area, (shown in fig. 10 a) after the user can click the purchase tag, the secondary area is switched from the current related page to the purchase page shown in fig. 10b, the user can purchase the commodity while watching the video, the operation of switching the detailed page by the user is reduced, the screen space of the mobile terminal is fully utilized, and the experience effect of the user is improved.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present application.

Claims (10)

1. A playing method for a mobile terminal application is characterized by comprising the following steps:
monitoring a first selection operation of a navigation page, and entering a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are mutually independent areas;
playing the selected target object in the primary area;
and displaying the associated information associated with the selected target object in the secondary area.
2. The playback method for mobile terminal application according to claim 1, wherein the step of playing back the selected target object in the primary area comprises:
playing the selected target object data in the primary area;
and monitoring the playing operation of the primary area, and controlling the playing state of the target object data played in the primary area according to the playing operation.
3. The playback method for mobile terminal applications according to claim 1 or 2, wherein said primary region is located at the top of said playback page.
4. The playback method for mobile terminal application according to claim 1, wherein the step of displaying the associated information associated with the selected target object in the secondary region comprises:
displaying the information of the selected target object and at least one associated link associated with the information in the secondary area;
and determining the display content of the secondary area according to the operation of the user in the secondary area.
5. The playback method for mobile terminal applications according to claim 4, wherein said associated link is selected from at least one of: purchase link, video link, comment link, audio link.
6. The playback method for mobile terminal applications according to claim 4, wherein determining the display content of the secondary area according to the user's operation on the secondary area comprises:
according to a second selection operation of the user on the associated link, jumping the secondary area from the current page to the corresponding associated information page according to the path corresponding to the selected associated link, or
Jumping to a corresponding associated information page from a current page in the secondary area according to a path corresponding to the selected associated link according to a second selection operation of the user on the associated link in the secondary area;
the associated information page includes an extension level.
7. The playback method for mobile terminal applications as recited in claim 1, wherein said secondary region comprises a composite module;
further comprising:
displaying bullet screen information in the primary area according to a third selection operation of a user on the composite module;
and displaying an input layer for inputting characters in the secondary area according to a fourth selection operation of the composite module by the user.
8. A playing method for a mobile terminal application is characterized by comprising the following steps:
a user selects a target object to be browsed in a navigation page, and the navigation page enters a selected detail page comprising a primary area and a secondary area, wherein the primary area and the secondary area are mutually independent areas;
playing the selected target object in the primary area;
and displaying the associated information associated with the selected target object in the secondary area.
9. The playback method for mobile terminal application according to claim 8, wherein the step of displaying the association information associated with the selected target object in the secondary region comprises:
displaying the information of the selected target object and at least one associated link associated with the information in the secondary area;
and determining the display content of the secondary area according to the operation of the user in the secondary area.
10. The playback method for mobile terminal applications according to claim 9, wherein determining the display content of the secondary area according to the user operation in the secondary area comprises:
the user selects the associated link in the secondary area, and the secondary area jumps from the current page to the corresponding associated information page according to the path corresponding to the selected associated link, or
A user selects an associated link in the secondary area, and the secondary area jumps from a current page to a corresponding associated information page according to a path corresponding to the selected associated link;
the associated information page includes an extension level.
CN201910765397.6A 2019-08-19 2019-08-19 Playing method for mobile terminal application Active CN112399230B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201910765397.6A CN112399230B (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application
CN202310755211.5A CN116668759A (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application and related equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910765397.6A CN112399230B (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN202310755211.5A Division CN116668759A (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application and related equipment

Publications (2)

Publication Number Publication Date
CN112399230A true CN112399230A (en) 2021-02-23
CN112399230B CN112399230B (en) 2023-07-14

Family

ID=74603512

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202310755211.5A Pending CN116668759A (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application and related equipment
CN201910765397.6A Active CN112399230B (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202310755211.5A Pending CN116668759A (en) 2019-08-19 2019-08-19 Playing method for mobile terminal application and related equipment

Country Status (1)

Country Link
CN (2) CN116668759A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115190350A (en) * 2022-07-06 2022-10-14 Vidaa国际控股(荷兰)公司 Discussion method, display device and terminal device in program live broadcast process
CN115412753A (en) * 2021-05-27 2022-11-29 聚好看科技股份有限公司 Method for playing video on floating layer and display equipment
WO2023197920A1 (en) * 2022-04-11 2023-10-19 北京字跳网络技术有限公司 Video processing method and apparatus, device and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN303738815S (en) * 2016-07-06
CN106791904A (en) * 2016-12-29 2017-05-31 广州华多网络科技有限公司 Live purchase method and device
CN107609146A (en) * 2017-09-21 2018-01-19 北京达佳互联信息技术有限公司 Information displaying method, device, terminal and server
CN107820105A (en) * 2016-09-13 2018-03-20 阿里巴巴集团控股有限公司 The method and device of data object information is provided
CN109618212A (en) * 2018-12-13 2019-04-12 北京达佳互联信息技术有限公司 Information display method, device, terminal and storage medium
CN109640182A (en) * 2018-12-20 2019-04-16 深圳创维数字技术有限公司 Video broadcasting method, device and computer readable storage medium

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN303738815S (en) * 2016-07-06
CN304737410S (en) * 2018-07-20
CN304763052S (en) * 2018-08-07
CN107820105A (en) * 2016-09-13 2018-03-20 阿里巴巴集团控股有限公司 The method and device of data object information is provided
CN106791904A (en) * 2016-12-29 2017-05-31 广州华多网络科技有限公司 Live purchase method and device
CN107609146A (en) * 2017-09-21 2018-01-19 北京达佳互联信息技术有限公司 Information displaying method, device, terminal and server
CN109618212A (en) * 2018-12-13 2019-04-12 北京达佳互联信息技术有限公司 Information display method, device, terminal and storage medium
CN109640182A (en) * 2018-12-20 2019-04-16 深圳创维数字技术有限公司 Video broadcasting method, device and computer readable storage medium

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115412753A (en) * 2021-05-27 2022-11-29 聚好看科技股份有限公司 Method for playing video on floating layer and display equipment
WO2023197920A1 (en) * 2022-04-11 2023-10-19 北京字跳网络技术有限公司 Video processing method and apparatus, device and storage medium
CN115190350A (en) * 2022-07-06 2022-10-14 Vidaa国际控股(荷兰)公司 Discussion method, display device and terminal device in program live broadcast process

Also Published As

Publication number Publication date
CN116668759A (en) 2023-08-29
CN112399230B (en) 2023-07-14

Similar Documents

Publication Publication Date Title
US11438637B2 (en) Computerized system and method for automatic highlight detection from live streaming media and rendering within a specialized media player
CN108989297B (en) Information access method, client, device, terminal, server and storage medium
US11483625B2 (en) Optimizing timing of display of a video overlay
CN107430630B (en) Methods, systems, and media for aggregating and presenting content related to a particular video game
CN107341018B (en) Method and device for continuously displaying view after page switching
US20180152767A1 (en) Providing related objects during playback of video data
US8990690B2 (en) Methods and apparatus for media navigation
CN102722517B (en) Enhanced information for viewer-selected video object
CN111143610A (en) Content recommendation method and device, electronic equipment and storage medium
US20170169040A1 (en) Method and electronic device for recommending video
CN112399230B (en) Playing method for mobile terminal application
CN111436001A (en) Method, device, equipment and storage medium for displaying information on video
US20190197312A1 (en) Method, apparatus and computer-readable media for displaying augmented reality information
CN106445997B (en) Information processing method and server
CN105204886A (en) Application program activating method, user terminal and server
US20170188109A1 (en) Method and electronic device for switching video
US10740618B1 (en) Tracking objects in live 360 video
CN112399231B (en) Playing method
CA3202901A1 (en) Systems and methods for composing a media feed for a target user by selecting media assets that share congruent objects with a secondary content item
CN112533032B (en) Video data processing method and device and storage medium
CN115150657B (en) Multimedia playing method, device, terminal and storage medium
CN111079051B (en) Method and device for playing display content
CN117828109A (en) Data processing method, device, storage medium and equipment
CN116151879A (en) Information interaction method, device, equipment and storage medium
CN117008757A (en) Interaction method, interaction device, computer equipment and computer readable storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant