WO2022193597A1 - Interface information switching method and apparatus - Google Patents

Interface information switching method and apparatus Download PDF

Info

Publication number
WO2022193597A1
WO2022193597A1 PCT/CN2021/119713 CN2021119713W WO2022193597A1 WO 2022193597 A1 WO2022193597 A1 WO 2022193597A1 CN 2021119713 W CN2021119713 W CN 2021119713W WO 2022193597 A1 WO2022193597 A1 WO 2022193597A1
Authority
WO
WIPO (PCT)
Prior art keywords
short video
text
area
page
video playback
Prior art date
Application number
PCT/CN2021/119713
Other languages
French (fr)
Chinese (zh)
Inventor
舒莹
Original Assignee
北京达佳互联信息技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京达佳互联信息技术有限公司 filed Critical 北京达佳互联信息技术有限公司
Publication of WO2022193597A1 publication Critical patent/WO2022193597A1/en

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
    • 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
    • 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/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars
    • 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/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • 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/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • 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/47End-user applications
    • H04N21/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4788Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/84Generation or processing of descriptive data, e.g. content descriptors

Definitions

  • the present application relates to the field of Internet technologies, and in particular, to a method, device, electronic device and storage medium for switching based on interface information.
  • the viewing time of short videos is short, so that users can use the fragmented time to understand important information or content of interest.
  • short video platforms With the development and popularity of short video platforms, more and more users like to carry out corresponding activities on short video platforms.
  • the short video content will be displayed on the short video playback page, and some video description information will be displayed.
  • this information cannot be fully displayed on the short video playback page.
  • the viewing of short video content and the viewing of text information need to be switched back and forth.
  • the purpose of this application is to provide an interface information switching method, apparatus, electronic device and storage medium.
  • an embodiment of the present application provides a method for switching interface information, including:
  • the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  • the text operation area includes details of the text content displayed on the short video playback page.
  • the text operation area is used to display the comment content for the short video, and the method further includes:
  • comment content corresponding to the current comment viewing operation is displayed in the text operation area.
  • the comment viewing operation is a sliding operation.
  • the text manipulation area includes comment editing controls for posting comments.
  • the method further includes:
  • the comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
  • the method further includes:
  • a video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
  • the method further includes:
  • the short video playback page is returned.
  • the key information area is determined according to the following methods:
  • a designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
  • a status bar is provided at the top of the short video.
  • the short video playback page displays multiple tag elements of the short video
  • At least one label element among the plurality of label elements is displayed in the text manipulation area.
  • an embodiment of the present application provides a device for switching interface information, and the device includes:
  • the first display module is configured to play the short video in the short video playback area of the display page in response to the text viewing operation on the short video playback page;
  • a second display module configured to display text content in the text operation area of the display page
  • the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  • the text operation area includes details of the text content displayed on the short video playback page.
  • the text operation area is used to display the comment content for the short video
  • the second display module is further configured to:
  • comment content corresponding to the current comment viewing operation is displayed in the text operation area.
  • the comment viewing operation is a sliding operation.
  • the text manipulation area includes comment editing controls for posting comments.
  • the second presentation module is further configured to:
  • the comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
  • the second presentation module is further configured to:
  • a video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
  • the second presentation module is further configured to:
  • the short video playback page is returned.
  • the apparatus further includes:
  • the key information area identification module is used to determine the key information area according to the following method:
  • a designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
  • a status bar is provided at the top of the short video.
  • the short video playback page displays multiple tag elements of the short video
  • At least one label element among the plurality of label elements is displayed in the text manipulation area.
  • another embodiment of the present application further provides an electronic device, comprising at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores information that can be used by the at least one processor. Instructions executed by the processor, where the instructions are executed by the at least one processor, so that the at least one processor can execute any of the interface information switching methods provided in the embodiments of the present application.
  • another embodiment of the present application further provides a computer storage medium, wherein the computer storage medium stores a computer program, and the computer program is used to cause a computer to execute any interface information in the embodiments of the present application Switch method.
  • another embodiment of the present application further provides a computer program product, including program code, when the computer program product runs on the electronic device, the electronic device is made to execute any one of the embodiments of the present application. Interface information switching method.
  • a display page is set in addition to the short video playback page.
  • the display page includes a short video playback area for playing the short video of the short video playback page, and at the same time, the display page also includes a text operation area, which can display text content so that users can view more text content . Since the text operation area does not block the key information area of the short video playback area, the user can browse the related text content of the short video while watching the short video. Users can consume short videos and text content at the same time without switching back and forth between short videos and their related text content, thus reducing the complexity of short video operations.
  • FIG. 1 is a schematic diagram of page switching in the related art
  • FIG. 2 is a schematic diagram of an application environment according to an embodiment of the present application.
  • FIG. 3 is a schematic interface diagram of a recommendation page according to an embodiment of the present application.
  • FIG. 4 is a schematic flowchart of interface information switching according to an embodiment of the present application.
  • FIG. 5 is one of schematic diagrams of interface switching according to an embodiment of the present application.
  • FIG. 6 is another schematic diagram of interface information switching according to an embodiment of the present application.
  • FIG. 7 is another schematic diagram of interface information switching according to an embodiment of the present application.
  • FIG. 8 is a schematic diagram of an execution flow of interface information switching according to an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a device for switching interface information according to an embodiment of the present application.
  • FIG. 10 is a schematic diagram of an electronic device according to an embodiment of the present application.
  • a display page (hereinafter also referred to as the second-level page) is set.
  • the display page includes a short video playback area for playing the short video of the short video playback page, and at the same time, the display page also includes a text operation area, which can display text content so that users can view more text content . Since the text operation area does not block the key information area of the short video playback area, the user can browse the related text content of the short video while watching the short video. Users can consume short videos and text content at the same time without switching back and forth between short videos and their related text content, thus reducing the complexity of short video operations.
  • FIG. 2 is a schematic diagram of an application environment according to an embodiment of the present application.
  • the application environment may include, for example, a storage system 10 , a server 20 and a terminal device 30 .
  • the terminal device 30 can be used for any suitable electronic device for network access, including but not limited to a computer, a laptop computer, a smart phone, a tablet computer, a smart watch, a smart bracelet, or other types of terminals.
  • the storage system 10 can store accessed media resources, such as web pages, e-books, audio and video files, and the like.
  • the server 20 is used to realize the interaction with the terminal device 30 , obtain media resources from the storage system and return them to the terminal device 30 .
  • the terminal device 30 may switch the short video for the user or display the comment content of the short video for the user based on the user operation.
  • the terminal devices 30 of the present application can also communicate with each other via the network 40.
  • the network 40 may be a network for information transfer in a broad sense and may include one or more communication networks, such as a wireless communication network, the Internet, a private area network, a local area network, a metropolitan area network, a wide area network, or a cellular data network.
  • the server 20 may be a server, a server cluster composed of several servers, or a cloud computing center.
  • the server 20 may be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud service, cloud database, cloud computing, cloud function, cloud storage, network service, cloud communication, Cloud servers for basic cloud computing services such as middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms.
  • FIG. 3 shows a possible arrangement of short videos, that is, a double-column arrangement.
  • the arrangement of each short video can be set according to requirements, for example, single-column horizontal arrangement, single-column vertical arrangement, etc., are not limited in the embodiments of the present application.
  • Users can swipe up and down on the short video recommendation page to get more short videos. The user can select the short video he is interested in on the short video recommendation page shown in Figure 3, and then enter the short video playback page shown in the left figure in Figure 1 to play the short video selected by the user.
  • the short video playback page shown in FIG. 1 includes video description information that is not fully displayed, and the user can perform a text viewing operation to view the text content. It can be implemented as the flow chart shown in Figure 4, including:
  • step 401 in response to the text viewing operation on the short video playback page, the short video is played in the short video playback area of the display page;
  • the text viewing operation is, for example, clicking the video description information shown in Figure 1, or clicking the comment button in Figure 1 (the button above the character "2.1W” in Figure 1 is the comment button), or it can be in the interface.
  • the multi-finger gesture operation performed in may also be inputting audio commands, which are all applicable to the embodiments of the present application.
  • step 402 the text content is displayed in the text operation area of the display page;
  • the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  • the display sequence of the short video playback area displayed in step 401 and the display sequence of the text operation area in step 402 is not limited.
  • the short video playback area is used to play short videos
  • the text operation area is for users to view related text content of the short video, such as video description information on the short video playback page, and comment information.
  • the short video playback area and the text operation area are displayed simultaneously on the second-level page.
  • the short video playback area and the text operation area may not overlap at all or may partially overlap. In the case where the short video playback area and the text operation area partially overlap, as long as the text operation area does not block the key information area of the short video playback area.
  • the key information area can be determined dynamically, for example, the key information area is automatically detected according to the content of the short video, the author's label and other information. For example, a short video of a beauty blogger can detect the body area above the shoulders of the beauty blogger as a key information area. In this way, the content detection of the short video can be performed to obtain the key information area.
  • the key information is automatically identified by artificial intelligence technology and the key information area is determined based on the identified key information.
  • the key information area can be configured as a designated area, and the designated area can be the entire video area by default, or a partial area of the entire video.
  • the designated area is the central area of the entire video.
  • a certain proportion of the region from the bottom border of the video eg, 1/5 region
  • a central region of a specified proportion of the entire video region can be defined as a critical information region.
  • the positional relationship between the short video playback area and the text operation area in the display page in the embodiment of the present application may be completely non-overlapping, and the schematic diagram of the positional relationship may be shown in the figure 5 shown.
  • the short video playback area and the text operation area may partially overlap, and the overlapping part does not affect the understanding of the key information of the short video.
  • the short video playback area and the text operation area may overlap.
  • the relative positional relationship is shown in Figure 8. in:
  • FIG. 5 shows a situation where the video play area and the text operation area do not overlap at all, and the video play area is located above the text operation area.
  • the relative positional relationship between the magic watch label, the location information label, the video description information and the music label remains unchanged, which can ensure that the phase positional relationship between the interface elements and the short video playback page is fixed, which is convenient for users to find and view related information.
  • the user can click the “expand” control next to the video description information in the text operation area, so that the video description information can be completely displayed.
  • the user can click the "collapse” control to display the video description information in abbreviated form.
  • the video playback area can be displayed on the left side of the screen, and the text operation area can be displayed on the right side of the screen.
  • the user can click the “expand” control next to the video description information in the text operation area, so that the video description information can be completely displayed.
  • the user can click the "collapse” control to display the video description information in abbreviated form.
  • a video playback area may be displayed on one screen, and a text operation area may be displayed on another screen, which will not be repeated in this application.
  • the text operation area includes details of the text content displayed on the short video playback page, so that the user can browse the text content while watching the short video.
  • the user does not need to constantly switch between the short video and its text content to view different content in the display page.
  • the text content related to the short video includes not only the text in the short video playing page (ie, the first-level page), but also other text content.
  • comment content is also what many users care about.
  • the text operation area in the embodiment of the present application is also used to display the comment content of the short video.
  • the user can perform a comment viewing operation, and thus can choose to view different comment contents. It is convenient to display a large amount of comment content in a limited display area.
  • the comment viewing operation can be implemented as a sliding operation. For example, in the example shown in FIG. 5 , you can slide up and down to view comments, and in the example shown in FIG. 6 , you can slide up and down or left and right to view comments.
  • a comment switching control can also be set, and the user clicks the control to switch comment viewing.
  • the text content in the short video playback page may be displayed in the text operation area first, and when a comment viewing operation performed by the user is detected, the comment content is displayed in the text operation area.
  • the boundary of the short video playback area can reserve a user gesture operation area.
  • the user can perform a sliding operation up and down on the boundary of the short video playback area, and can also perform a sliding operation up and down in the text operation area. Then display the corresponding comment content in the text operation area.
  • FIG. 7 it is a schematic diagram of an interface after the upward sliding operation is performed on FIG. 5 .
  • Figure 7 shows the avatar and user name of the commenting user, and simultaneously displays the commenting user's comment content, reply content, and number of likes, and at the same time, the comment content can be liked and replied to.
  • FIG. 7 is only an example, and it is possible to display multiple comment contents of multiple users or perform other function settings related to comments, which are all applicable to the embodiments of the present application.
  • Text manipulation areas can be implemented as long pages.
  • the original text content in the video playback page is located at the top of the long page, and then the page elements and comments in the original video playback page are in sequence.
  • all or part of the tag elements in the video playback page such as location emoticon, magic emoticon tag, user name avatar, follow tag, reference tag, sharing control tag, like tag, etc., are located in the text operation area.
  • the text content of the text operation area in the display interface is updated.
  • a scroll bar can be set on a long page. When the user touches the screen, the scroll bar is displayed, and when no touch operation is detected, the scroll bar can be hidden.
  • the comment content may be scrolled and displayed in the text operation area according to a preset scroll speed.
  • the preset scroll speed can be set empirically.
  • users can customize the scrolling speed, and can pause the scrolling of the comment content through user operations in real time.
  • the user when entering the second-level page, if there is no comment content that can be loaded, the user performs an operation of switching comments, and can return to the video playback page to display the video content in full screen and/or prompt that there are no comments to view, Prompt the user that they can post a comment.
  • the user may expect to reply to the comment after seeing the comment of interest, or also want to comment on the short video content.
  • the comment editing control can support inputting text, picture expressions, and voice input using an input method. In this way, users can post their own comments in the text manipulation area.
  • a text input box is displayed at the bottom of the text operation area of the second level page for the user to input characters, expressions, etc.
  • a voice capture button can be set next to the text input box for users to post their comments by voice input.
  • the comment editing control can be displayed based on user needs and hidden in due course.
  • the user's text input operation on the text operation area (such as double-clicking the text operation area, or long-pressing the text operation area) can be detected during implementation, and then the comment editor is displayed based on the text input operation.
  • Controls such as an input box and/or a microphone button, the input box is for the user to comment using the input method, and the microphone button is for the user to comment by voice.
  • the voice recognition will be performed synchronously to obtain the recognized text content and displayed for the user to check and confirm.
  • the comment editing control can be displayed synchronously when the text operation area is displayed, or can be displayed synchronously when the user views the comment content, that is, when the comment content is displayed.
  • the comment editing control can be displayed according to actual needs, thereby improving the utilization rate of the text operation area. That is, the text operation area can display the comment content in the area where the comment editing control is displayed for the user to consume, thereby improving the utilization of the text operation area.
  • a video switching control may be displayed on the second-level page, ie, the display page, and the video switching control is used to switch to another short video.
  • the video switching control is displayed in the upper left corner of the video playback area " ⁇ " and near the comment editing control, and the user can operate the return control to return to the short video playback page.
  • the user operates the video switching control to enter the original short video playback page or switch to the next short video playback page.
  • a control for returning to the short video playback page is set in the short video playback area on the second-level page.
  • the user does not need to search for the return control on the full screen, and it is convenient and convenient to return to the short video playback page.
  • the video switching control displayed in the text operation area of the video playback page ie, the first-level page
  • clicking on the text description information described in FIG. 5 can also return to the original short video playback page.
  • a certain blank area may also be reserved at the top of the interface display area in this embodiment of the present application, as shown in FIG. 5 .
  • the status bar with the black background shown is reserved for a certain blank area, so as to avoid the visual jump caused by the page height jump.
  • the short video is generally adapted to the size of the display screen by cropping, in order to fill the entire display screen in the first-level page, that is, the video broadcast page.
  • the original video can be scaled and displayed in the same proportion, and all the content of the original short video can be completely displayed.
  • the original video in the video playback page shown in FIG. 1 , in order to improve the sense of immersion, the original video will be trimmed and played on the full screen.
  • the content displayed in the video is richer, and the lower part of the image in the video screen shown in Figure 5 is richer, so that more content in the original video can be displayed to the user for viewing.
  • the short video play area and the text operation area there may also be a partial overlap area between the short video play area and the text operation area.
  • the overlapping area can be displayed semi-transparently, so that users can understand the short video content through the text content.
  • the user enters the second-level page, that is, after displaying the page, he can consume the short video and operate the text content at the same time based on the short video playback area and the text operation area, so that the user does not need to switch back and forth between the short video and the text.
  • a short video switching control is also provided at a suitable position in the second-level page so that the user can switch to the next short video in the second-level page, further simplifying user operations and saving processing resources.
  • FIG. 8 another schematic flowchart of a method for switching interface information provided by an embodiment of the present application.
  • the user enters the display page through the short video playback interface, and the display page provides a short video playback area to play the short video, and a text operation area to perform operations related to the text content.
  • the text operation area the user can view the details of the original text content in the short video playback page.
  • the text content of the first-level page can be controlled by expanding/collapsing the video description information.
  • the text operation area can also provide the function of posting comments, and the text operation area can also support switching to other videos through a video switching operation.
  • an embodiment of the present application also proposes a device 900 for switching interface information, as shown in FIG. 9 , including:
  • the first display module 901 is configured to play the short video in the short video playback area of the display page in response to the text viewing operation on the short video playback page;
  • the second display module 902 is configured to display text content in the text operation area of the display page
  • the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  • the text operation area includes details of the text content displayed on the short video playback page.
  • the text operation area is used to display the comment content for the short video
  • the second display module is further configured to:
  • comment content corresponding to the current comment viewing operation is displayed in the text operation area.
  • the comment viewing operation is a sliding operation.
  • the text manipulation area includes comment editing controls for posting comments.
  • the second presentation module is further configured to:
  • the comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
  • the second presentation module is further configured to:
  • a video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
  • the second presentation module is further configured to:
  • the short video playback page is returned.
  • the apparatus further includes:
  • the key information area identification module is used to determine the key information area according to the following method:
  • a designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
  • a status bar is provided at the top of the short video.
  • the short video playback page displays multiple tag elements of the short video
  • At least one label element among the plurality of label elements is displayed in the text manipulation area.
  • aspects of the present application may be implemented as a system, method or program product. Therefore, various aspects of the present application can be embodied in the following forms, namely: a complete hardware implementation, a complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, which may be collectively referred to herein as implementations "circuit", “module” or "system”.
  • the electronic device may include at least one processor and at least one memory.
  • the memory stores program codes, which, when executed by the processor, cause the processor to execute the steps in the image scaling method according to various exemplary embodiments of the present application described above in this specification.
  • the processor may perform steps as in the interface information switching method.
  • the electronic device 100 according to this embodiment of the present application is described below with reference to FIG. 10 .
  • the electronic device 100 shown in FIG. 10 is only an example, and should not impose any limitations on the functions and scope of use of the embodiments of the present application.
  • the electronic device 100 is represented in the form of a general electronic device.
  • the components of the electronic device 100 may include, but are not limited to: the above-mentioned at least one processor 101 , the above-mentioned at least one memory 102 , and a bus 103 connecting different system components (including the memory 102 and the processor 101 ).
  • Bus 103 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, a processor, or a local bus using any of a variety of bus structures.
  • Memory 102 may include readable media in the form of volatile memory, such as random access memory (RAM) 1021 and/or cache memory 1022 , and may further include read only memory (ROM) 1023 .
  • RAM random access memory
  • ROM read only memory
  • the memory 102 may also include a program/utility 1025 having a set (at least one) of program modules 1024 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, which An implementation of a network environment may be included in each or some combination of the examples.
  • program modules 1024 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, which An implementation of a network environment may be included in each or some combination of the examples.
  • the electronic device 100 may also communicate with one or more external devices 104 (eg, keyboards, pointing devices, etc.), may also communicate with one or more devices that enable a user to interact with the electronic device 100, and/or communicate with the electronic device 100 communicates with any device (eg, router, modem, etc.) that is capable of communicating with one or more other electronic devices. Such communication may take place through input/output (I/O) interface 105 . Also, the electronic device 100 may communicate with one or more networks (eg, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet) through a network adapter 106 . As shown, network adapter 106 communicates with other modules for electronic device 100 via bus 103 . It should be understood that, although not shown, other hardware and/or software modules may be used in conjunction with electronic device 100, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives and data backup storage systems.
  • various aspects of an interface information switching method provided by the present application can also be implemented in the form of a program product, which includes program code, and when the program product runs on a computer device, the program code uses The steps in the method for switching interface information according to various exemplary embodiments of the present application described above in this specification are performed by the computer device.
  • the program product may employ any combination of one or more readable media.
  • the readable medium may be a readable signal medium or a readable storage medium.
  • the readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. Examples (non-exhaustive list) of readable storage media include: electrical connections with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable Read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
  • the program product for image scaling of the embodiments of the present application may employ a portable compact disk read only memory (CD-ROM) and include program code, and may be executed on an electronic device.
  • CD-ROM portable compact disk read only memory
  • the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a readable signal medium may include a propagated data signal in baseband or as part of a carrier wave, carrying readable program code therein. Such propagated data signals may take a variety of forms including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a readable signal medium can also be any readable medium, other than a readable storage medium, that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.
  • Program code embodied on a readable medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
  • Program code for performing the operations of the present application may be written in any combination of one or more programming languages, including object-oriented programming languages—such as Java, C++, etc., as well as conventional procedural programming Language - such as the "C" language or similar programming language.
  • the program code may execute entirely on the user's electronic device, partly on the user's device, as a stand-alone software package, partly on the user's electronic device and partly on a remote electronic device, or entirely on the remote electronic device or service Execute on the end.
  • the remote electronic devices may be connected to the user electronic device through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to external electronic devices (eg, using Internet services provider to connect via the Internet).
  • LAN local area network
  • WAN wide area network
  • the embodiments of the present application may be provided as a method, a system, or a computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.
  • computer-usable storage media including, but not limited to, disk storage, CD-ROM, optical storage, etc.
  • the computer program instructions may also be stored in a computer readable memory capable of directing a computer or other programmable image scaling device to function in a particular manner, such that the instructions stored in the computer readable memory result in an article of manufacture comprising instruction means, the instructions
  • the apparatus implements the functions specified in the flow or flow of the flowcharts and/or the block or blocks of the block diagrams.
  • These computer program instructions can also be loaded on a computer or other programmable image scaling device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process such that an image executed on the computer or other programmable device
  • the instructions provide steps for implementing the functions specified in the flow or blocks of the flowcharts and/or the block or blocks of the block diagrams.

Landscapes

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

Abstract

The embodiments of the present application relate to the technical field of the Internet, and provide an interface information switching method and apparatus, and an electronic device and a storage medium. The interface information switching method comprises: in response to a text viewing operation performed on a short video playing page, playing a short video in a short video playing area of a display page; and displaying text content in a text operation area of the display page, wherein compared with the short video playing page, the text operation area supports the display of more text content, and the text operation area does not overlap with a key information area of the short video.

Description

界面信息切换方法及装置Interface information switching method and device
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请基于申请号为202110293048.6、申请日为2021年03月18日的中国专利申请提出,并要求该中国专利申请的优先权,该中国专利申请的全部内容在此引入本申请作为参考。This application is based on the Chinese patent application with the application number of 202110293048.6 and the filing date of March 18, 2021, and claims the priority of the Chinese patent application. The entire content of the Chinese patent application is incorporated herein by reference.
技术领域technical field
本申请涉及互联网技术领域,特别涉及一种基于界面信息切换方法、装置、电子设备和存储介质。The present application relates to the field of Internet technologies, and in particular, to a method, device, electronic device and storage medium for switching based on interface information.
背景技术Background technique
短视频观看时长短,使得用户能够利用碎片时间了解重要信息或感兴趣的内容。随着短视频平台的发展和风靡,越来越多的用户喜欢在短视频平台进行相应的活动。The viewing time of short videos is short, so that users can use the fragmented time to understand important information or content of interest. With the development and popularity of short video platforms, more and more users like to carry out corresponding activities on short video platforms.
通常情况下,在用户观看短视频的情况下,短视频播放页面中会展示短视频内容,并展示一些视频描述信息。在视频描述信内容过多的情况下,短视频播放页面中无法完整的展示这一信息。相关技术中,在用户查看该视频描述信的情况下,需要进一步点击该信息才能进入图1右侧所示的界面查看完整的信息。短视频内容的查看和文本信息的查看需要来回切换。Usually, when a user watches a short video, the short video content will be displayed on the short video playback page, and some video description information will be displayed. When there is too much content in the video description letter, this information cannot be fully displayed on the short video playback page. In the related art, when the user views the video description letter, it is necessary to further click on the information to enter the interface shown on the right side of FIG. 1 to view the complete information. The viewing of short video content and the viewing of text information need to be switched back and forth.
发明内容SUMMARY OF THE INVENTION
本申请的目的是提供一种界面信息切换方法、装置、电子设备和存储介质。The purpose of this application is to provide an interface information switching method, apparatus, electronic device and storage medium.
第一方面,本申请实施例提供了一种界面信息切换方法,包括:In a first aspect, an embodiment of the present application provides a method for switching interface information, including:
响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;In response to the text viewing operation on the short video playback page, play the short video in the short video playback area of the display page;
在所述展示页面的文本操作区域展示文本内容;Display text content in the text operation area of the display page;
其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
在一些实施例中,所述文本操作区域中包括短视频播放页面中展示的文本内容详情。In some embodiments, the text operation area includes details of the text content displayed on the short video playback page.
在一些实施例中,所述文本操作区域用于展示针对所述短视频的评论内容,所述方法还包括:In some embodiments, the text operation area is used to display the comment content for the short video, and the method further includes:
响应于每一次的评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In response to each comment viewing operation, comment content corresponding to the current comment viewing operation is displayed in the text operation area.
在一些实施例中,所述评论查看操作为滑动操作。In some embodiments, the comment viewing operation is a sliding operation.
在一些实施例中,所述文本操作区域中包括用于发表评论的评论编辑控件。In some embodiments, the text manipulation area includes comment editing controls for posting comments.
在一些实施例中,所述方法还包括:In some embodiments, the method further includes:
响应于在所述文本操作区域展示所述短视频的评论内容,展示所述评论编辑控件。The comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
在一些实施例中,所述方法还包括:In some embodiments, the method further includes:
在所述展示页面展示视频切换控件,所述视频切换控件用于切换到所述短视频的下一短视频,或切换回所述短视频播放页面。A video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
在一些实施例中,所述方法还包括:In some embodiments, the method further includes:
响应于对所述短视频播放区域中返回控件的操作,返回所述短视频播放页面。In response to the operation of the return control in the short video playback area, the short video playback page is returned.
在一些实施例中,所述关键信息区域是根据以下方法确定的:In some embodiments, the key information area is determined according to the following methods:
对所述短视频播放页面中的所述短视频进行内容检测得到所述关键信息区域;Perform content detection on the short video in the short video playback page to obtain the key information area;
或者,or,
将所述短视频画面中的指定区域作为所述关键信息区域,所述指定区域为所述短视频画面的全部或部分区域。A designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
在一些实施例中,在所述展示页面的所述短视频播放区域播放所述短视频的情况下,所述短视频顶部设置有状态栏。In some embodiments, when the short video is played in the short video playing area of the display page, a status bar is provided at the top of the short video.
在一些实施例中,所述短视频播放页面中展示有所述短视频的多个标签元素;In some embodiments, the short video playback page displays multiple tag elements of the short video;
所述多个标签元素中的至少一个标签元素在所述文本操作区域中展示。At least one label element among the plurality of label elements is displayed in the text manipulation area.
第二方面,本申请实施例提供一种界面信息切换装置,所述装置包括:In a second aspect, an embodiment of the present application provides a device for switching interface information, and the device includes:
第一展示模块,被配置为响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;The first display module is configured to play the short video in the short video playback area of the display page in response to the text viewing operation on the short video playback page;
第二展示模块,被配置为在所述展示页面的文本操作区域展示文本内容;a second display module, configured to display text content in the text operation area of the display page;
其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
在一些实施例中,所述文本操作区域中包括短视频播放页面中展示的文本内容详情。In some embodiments, the text operation area includes details of the text content displayed on the short video playback page.
在一些实施例中,所述文本操作区域用于展示针对所述短视频的评论内容,所述第二展示模块还被配置为:In some embodiments, the text operation area is used to display the comment content for the short video, and the second display module is further configured to:
响应于每一次的评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In response to each comment viewing operation, comment content corresponding to the current comment viewing operation is displayed in the text operation area.
在一些实施例中,所述评论查看操作为滑动操作。In some embodiments, the comment viewing operation is a sliding operation.
在一些实施例中,所述文本操作区域中包括用于发表评论的评论编辑控件。In some embodiments, the text manipulation area includes comment editing controls for posting comments.
在一些实施例中,所述第二展示模块,还被配置为:In some embodiments, the second presentation module is further configured to:
响应于在所述文本操作区域展示所述短视频的评论内容,展示所述评论编辑控件。The comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
在一些实施例中,所述第二展示模块还被配置为:In some embodiments, the second presentation module is further configured to:
在所述展示页面展示视频切换控件,所述视频切换控件用于切换到所述短视频的下一短视频,或切换回所述短视频播放页面。A video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
在一些实施例中,所述第二展示模块还被配置为:In some embodiments, the second presentation module is further configured to:
响应于对所述短视频播放区域中返回控件的操作,返回所述短视频播放页面。In response to the operation of the return control in the short video playback area, the short video playback page is returned.
在一些实施例中,所述装置还包括:In some embodiments, the apparatus further includes:
关键信息区域识别模块,用于是根据以下方法确定所述关键信息区域:The key information area identification module is used to determine the key information area according to the following method:
对所述短视频播放页面中的所述短视频进行内容检测得到所述关键信息区域;Perform content detection on the short video in the short video playback page to obtain the key information area;
或者,or,
将所述短视频画面中的指定区域作为所述关键信息区域,所述指定区域为所述短视频画面的全部或部分区域。A designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
在一些实施例中,在所述展示页面的所述短视频播放区域播放所述短视频的情况下,所述短视频顶部设置有状态栏。In some embodiments, when the short video is played in the short video playing area of the display page, a status bar is provided at the top of the short video.
在一些实施例中,所述短视频播放页面中展示有所述短视频的多个标签元素;In some embodiments, the short video playback page displays multiple tag elements of the short video;
所述多个标签元素中的至少一个标签元素在所述文本操作区域中展示。At least one label element among the plurality of label elements is displayed in the text manipulation area.
第三方面,本申请另一实施例还提供了一种电子设备,包括至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本申请实施例提供的任一界面信息切换方法。In a third aspect, another embodiment of the present application further provides an electronic device, comprising at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores information that can be used by the at least one processor. Instructions executed by the processor, where the instructions are executed by the at least one processor, so that the at least one processor can execute any of the interface information switching methods provided in the embodiments of the present application.
第四方面,本申请另一实施例还提供了一种计算机存储介质,其中,所述计算机存储介质存储有计算机程序,所述计算机程序用于使计算机执行本申请实施例中的任一界面信息切换方法。In a fourth aspect, another embodiment of the present application further provides a computer storage medium, wherein the computer storage medium stores a computer program, and the computer program is used to cause a computer to execute any interface information in the embodiments of the present application Switch method.
第五方面,本申请另一实施例还提供一种计算机程序产品,包括程序代码,当所述计算机程序产品在所述电子设备运行时,使得所述电子设备执行本申请实施例中的任一界面信息切换方法。In a fifth aspect, another embodiment of the present application further provides a computer program product, including program code, when the computer program product runs on the electronic device, the electronic device is made to execute any one of the embodiments of the present application. Interface information switching method.
本申请实施例中在短视频播放页面之外,设置了展示页面。该展示页面中包括短视频播放区域,用于播放短视频播放页面的短视频,同时,该展示页面中还包括文本操作区域,该文本操作区域可展示文本内容以便于用户查看更多的文本内容。由于文本操作区域不会遮挡短视频播放区域的关键信息区域,故此,用户可观看短视频的同时,浏览该短视频的相关文本内容。用户可同时消费短视频和文本内容,无需在短视频及其相关的文本内容之间来回切换,故而可降低短视频操作的复杂度。In the embodiment of the present application, a display page is set in addition to the short video playback page. The display page includes a short video playback area for playing the short video of the short video playback page, and at the same time, the display page also includes a text operation area, which can display text content so that users can view more text content . Since the text operation area does not block the key information area of the short video playback area, the user can browse the related text content of the short video while watching the short video. Users can consume short videos and text content at the same time without switching back and forth between short videos and their related text content, thus reducing the complexity of short video operations.
本申请的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。Other features and advantages of the present application will be set forth in the description which follows, and in part will be apparent from the description, or may be learned by practice of the present application. The objectives and other advantages of the application may be realized and attained by the structure particularly pointed out in the written description, claims, and drawings.
附图说明Description of drawings
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,显而易见地,下面所介绍的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions of the embodiments of the present application more clearly, the following briefly introduces the drawings that need to be used in the embodiments of the present application. Obviously, the drawings introduced below are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can also be obtained from these drawings without any creative effort.
图1为相关技术中页面切换的示意图;1 is a schematic diagram of page switching in the related art;
图2为根据本申请一个实施例的应用环境的示意图;FIG. 2 is a schematic diagram of an application environment according to an embodiment of the present application;
图3为根据本申请一个实施例的推荐页面的界面示意图;3 is a schematic interface diagram of a recommendation page according to an embodiment of the present application;
图4为根据本申请一个实施例的界面信息切换流程示意图;FIG. 4 is a schematic flowchart of interface information switching according to an embodiment of the present application;
图5为根据本申请一个实施例的界面切换示意图之一;5 is one of schematic diagrams of interface switching according to an embodiment of the present application;
图6为根据本申请一个实施例的界面信息切换的另一示意图;6 is another schematic diagram of interface information switching according to an embodiment of the present application;
图7为根据本申请一个实施例的界面信息切换的另一示意图;7 is another schematic diagram of interface information switching according to an embodiment of the present application;
图8为根据本申请一个实施例的界面信息切换执行流程示意图;FIG. 8 is a schematic diagram of an execution flow of interface information switching according to an embodiment of the present application;
图9为根据本申请一个实施例的界面信息切换装置示意图;9 is a schematic diagram of a device for switching interface information according to an embodiment of the present application;
图10为根据本申请一个实施例的电子设备的示意图。FIG. 10 is a schematic diagram of an electronic device according to an embodiment of the present application.
具体实施方式Detailed ways
为了使本领域普通人员更好地理解本申请的技术方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。In order to make those skilled in the art better understand the technical solutions of the present application, the technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the accompanying drawings.
需要说明的是,本申请的说明书和权利要求书的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。It should be noted that the terms "first", "second" and the like in the description and claims of the present application are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that data so used may be interchanged under appropriate circumstances so that the embodiments of the application described herein can be practiced in sequences other than those illustrated or described herein. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as recited in the appended claims.
相关技术中用户观看短视频,则无法查看短视频的文本信息,而查看短视频的文本信息,则无法查看短视频内容。如图1所示右侧的图,文本信息会遮挡短视频的内容。故此,相关技术中,需要在文本信息和短视频内容之间需要来回切换查看相应的内容,故此短视频内容和文本信息查看操作复杂。In the related art, when a user watches a short video, he cannot view the text information of the short video, and when viewing the text information of the short video, he cannot view the content of the short video. As shown on the right side of Figure 1, the text information will block the content of the short video. Therefore, in the related art, it is necessary to switch back and forth between the text information and the short video content to view the corresponding content, so the operation of viewing the short video content and the text information is complicated.
本申请实施例中在短视频播放页面(后文也会称为第一级页面)之外,设置了展示页面(后文也会称之为第二级页面)。该展示页面中包括短视频播放区域,用于播放短视频播放页面的短视频,同时,该展示页面中还包括文本操作区域,该文本操作区域可展示文本内容以便于用户查看更多的文本内容。由于文本操作区域不会遮挡短视频播放区域的关键信息区域,故此,用户可观看短视频的同时,浏览该短视频的相关文本内容。用户可同时消费短视频和文本内容,无需在短视频及其相关的文本内容之间来回切换,故而可降低短视频操作的复杂度。In the embodiment of the present application, besides the short video playback page (hereinafter also referred to as the first-level page), a display page (hereinafter also referred to as the second-level page) is set. The display page includes a short video playback area for playing the short video of the short video playback page, and at the same time, the display page also includes a text operation area, which can display text content so that users can view more text content . Since the text operation area does not block the key information area of the short video playback area, the user can browse the related text content of the short video while watching the short video. Users can consume short videos and text content at the same time without switching back and forth between short videos and their related text content, thus reducing the complexity of short video operations.
图2为根据本申请一个实施例的应用环境的示意图。FIG. 2 is a schematic diagram of an application environment according to an embodiment of the present application.
如图2所示,该应用环境中例如可以包括存储系统10、服务器20以及终端设备30。终端设备30可用来进行网络访问的任何合适的电子设备,包括但不限于计算机、笔记本电脑、智能手机、平板电脑、智能手表、智能手环或是其它类型的终端。存储系统10能够存储被访问的媒体资源,例如网页、电子书、音视频文件等。服务器20用于实现与终端设备30的交互,从存储系统中获取媒体资源返回给终端设备30。As shown in FIG. 2 , the application environment may include, for example, a storage system 10 , a server 20 and a terminal device 30 . The terminal device 30 can be used for any suitable electronic device for network access, including but not limited to a computer, a laptop computer, a smart phone, a tablet computer, a smart watch, a smart bracelet, or other types of terminals. The storage system 10 can store accessed media resources, such as web pages, e-books, audio and video files, and the like. The server 20 is used to realize the interaction with the terminal device 30 , obtain media resources from the storage system and return them to the terminal device 30 .
终端设备30可以基于用户操作为用户切换短视频或为用户展示短视频的评论内容。The terminal device 30 may switch the short video for the user or display the comment content of the short video for the user based on the user operation.
本申请的终端设备30之间(例如,30_1与30_2或30_N之间)也可以经由网络40彼 此通信。网络40可以是广义上的用于信息传递的网络,可以包括一个或多个通信网络,诸如无线通信网络、因特网、私域网、局域网、城域网、广域网或是蜂窝数据网络等。The terminal devices 30 of the present application (for example, between 30_1 and 30_2 or 30_N) can also communicate with each other via the network 40. The network 40 may be a network for information transfer in a broad sense and may include one or more communication networks, such as a wireless communication network, the Internet, a private area network, a local area network, a metropolitan area network, a wide area network, or a cellular data network.
本申请中的描述中仅就单个服务器或终端设备加以详述,但是本领域技术人员应当理解的是,示出的单个服务器20、终端设备30和存储系统10旨在表示本申请的技术方案涉及终端设备、服务器以及存储系统的操作。对单个终端设备以及单个服务器和存储系统加以详述至少为了说明方便,而非暗示对终端设备和服务器的数量、类型或是位置等具有限制。应当注意,向图示环境中添加附加模块或从其中去除个别模块,不会改变本申请的示例实施例的底层概念。另外,虽然为了方便说明而在图2中示出了从存储系统10到服务器20的双向箭头,但本领域技术人员可以理解的是,上述数据的收发也是可以通过网络40实现的。Only a single server or terminal device is described in detail in the description in this application, but those skilled in the art should understand that the illustrated single server 20, terminal device 30 and storage system 10 are intended to indicate that the technical solutions of the present application involve Operation of end devices, servers, and storage systems. The detailed description of a single terminal device and a single server and storage system is at least for the convenience of illustration and does not imply a limitation on the number, type, or location of the terminal devices and servers. It should be noted that the addition of additional modules or the removal of individual modules from the illustrated environment does not change the underlying concepts of the example embodiments of this application. In addition, although a bidirectional arrow from the storage system 10 to the server 20 is shown in FIG. 2 for convenience of description, those skilled in the art can understand that the above-mentioned data transmission and reception can also be realized through the network 40 .
服务器20可以是一台服务器、若干台服务器组成的服务器集群或云计算中心。服务器20可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。The server 20 may be a server, a server cluster composed of several servers, or a cloud computing center. The server 20 may be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud service, cloud database, cloud computing, cloud function, cloud storage, network service, cloud communication, Cloud servers for basic cloud computing services such as middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms.
在一些实施例中,如图3所示为短视频推荐页面,该页面中有多个短视频可供用户选择。图3示出了一种可能的短视频排列方式即双列排版方式,各短视频如何排版可以根据需求设置,例如可以单列横向排版、单列纵向排版等,本申请实施例对此不作限定。用户在短视频推荐页面上下滑动可以获取更多短视频。用户可以在如图3所示的短视频推荐页面中选择自己感兴趣的短视频,然后进入如图1中左侧图所示的短视频播放页面播放用户选择的短视频。In some embodiments, as shown in FIG. 3, there is a short video recommendation page, and there are multiple short videos in the page for the user to select. FIG. 3 shows a possible arrangement of short videos, that is, a double-column arrangement. The arrangement of each short video can be set according to requirements, for example, single-column horizontal arrangement, single-column vertical arrangement, etc., are not limited in the embodiments of the present application. Users can swipe up and down on the short video recommendation page to get more short videos. The user can select the short video he is interested in on the short video recommendation page shown in Figure 3, and then enter the short video playback page shown in the left figure in Figure 1 to play the short video selected by the user.
如图1所示的短视频播放页面中包括未完全显示的视频描述信息,用户可执行文本查看操作来查看该文本内容。可实施为如图4所示的流程图,包括:The short video playback page shown in FIG. 1 includes video description information that is not fully displayed, and the user can perform a text viewing operation to view the text content. It can be implemented as the flow chart shown in Figure 4, including:
在步骤401中,响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;In step 401, in response to the text viewing operation on the short video playback page, the short video is played in the short video playback area of the display page;
其中,文本查看操作例如是点击如图1所示的视频描述信息,还可以是点击图1中的评论按钮(如图1字符“2.1W”上面的按钮为评论按钮),还可以是在界面中执行的多指手势操作,还可以是输入音频指令,均适用于本申请实施例。Among them, the text viewing operation is, for example, clicking the video description information shown in Figure 1, or clicking the comment button in Figure 1 (the button above the character "2.1W" in Figure 1 is the comment button), or it can be in the interface. The multi-finger gesture operation performed in , may also be inputting audio commands, which are all applicable to the embodiments of the present application.
为了能够消费短视频的同时,让用户能够了解该短视频相关的一些内容,本申请实施例中,在步骤402中,在所述展示页面的文本操作区域展示文本内容;In order to allow users to understand some content related to the short video while consuming the short video, in this embodiment of the present application, in step 402, the text content is displayed in the text operation area of the display page;
其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
需要说明的是,本申请实施例中,步骤401显示短视频播放区域和步骤402中文本操作区域的显示先后顺序不受限。It should be noted that, in this embodiment of the present application, the display sequence of the short video playback area displayed in step 401 and the display sequence of the text operation area in step 402 is not limited.
短视频播放区域用于播放短视频,文本操作区域供用户查看短视频的相关文本内容,如短视频播放页面的视频描述信息,再例如评论信息等。The short video playback area is used to play short videos, and the text operation area is for users to view related text content of the short video, such as video description information on the short video playback page, and comment information.
本申请实施例中,为了能够减少短视频和文本之间来回切换导致的操作复杂度,短视频播放区域和文本操作区域在第二级页面同时展示。In the embodiment of the present application, in order to reduce the operation complexity caused by switching back and forth between the short video and the text, the short video playback area and the text operation area are displayed simultaneously on the second-level page.
为了合理利用屏幕的显示区域,短视频播放区域与文本操作区域之间可以完全不交叠也 可以部分交叠。在短视频播放区域和文本操作区域部分交叠的情况下,只要文本操作区域不遮挡短视频播放区域的关键信息区域即可。In order to make reasonable use of the display area of the screen, the short video playback area and the text operation area may not overlap at all or may partially overlap. In the case where the short video playback area and the text operation area partially overlap, as long as the text operation area does not block the key information area of the short video playback area.
该关键信息区域可动态确定,例如根据短视频的内容、作者的标签等信息自动检测关键信息区域。例如美妆博主的短视频,可以检测美妆博主的肩部以上人体区域作为关键信息区域。由此,可对短视频进行内容检测得到关键信息区域。一些实施方式为通过人工智能技术自动识别关键信息进而基于识别的关键信息确定关键信息区域。The key information area can be determined dynamically, for example, the key information area is automatically detected according to the content of the short video, the author's label and other information. For example, a short video of a beauty blogger can detect the body area above the shoulders of the beauty blogger as a key information area. In this way, the content detection of the short video can be performed to obtain the key information area. In some embodiments, the key information is automatically identified by artificial intelligence technology and the key information area is determined based on the identified key information.
此外,可配置关键信息区域为指定区域,该指定区域可以默认为整个视频区域,或者整个视频的部分区域。例如指定区域为整个视频的中心区域。例如,可定义视频的底部边界开始一定比例的区域(如1/5区域)为非关键信息区域,也可以定义整个视频区域的指定比例的中心区域为关键信息区域。In addition, the key information area can be configured as a designated area, and the designated area can be the entire video area by default, or a partial area of the entire video. For example, the designated area is the central area of the entire video. For example, a certain proportion of the region from the bottom border of the video (eg, 1/5 region) can be defined as a non-critical information region, and a central region of a specified proportion of the entire video region can be defined as a critical information region.
为便于理解短视频播放区域和文本操作区域之前的位置关系,下面结合附图对此进一步说明。To facilitate understanding of the positional relationship between the short video playback area and the text operation area, this will be further described below with reference to the accompanying drawings.
继续以图1所示的短视频播放页面为例,本申请实施例中的展示页面中的短视频播放区域和文本操作区域之间的位置关系可以为完全不重叠,其位置关系示意图可如图5所示。在另一个实施例中,短视频播放区域和文本操作区域之间可以部分交叠,交叠的部分不影响了解短视频的关键信息,这种情况下,短视频播放区域和文本操作区域之间的相对位置关系如图8所示。其中:Continuing to take the short video playback page shown in FIG. 1 as an example, the positional relationship between the short video playback area and the text operation area in the display page in the embodiment of the present application may be completely non-overlapping, and the schematic diagram of the positional relationship may be shown in the figure 5 shown. In another embodiment, the short video playback area and the text operation area may partially overlap, and the overlapping part does not affect the understanding of the key information of the short video. In this case, the short video playback area and the text operation area may overlap. The relative positional relationship is shown in Figure 8. in:
图5中示出了视频播放区域和文本操作区域完全不重叠,且视频播放区域位于文本操作区域的上方的情况。在图5中,魔表标签、位置信息标签、视频描述信息和音乐标签的相对位置关系不变,能够保证界面元素与短视频播放页面相位位置关系固定,便于用户查找和查看相关信息。此外,如图5所示,在视频描述信息内容较多的情况下,用户可以点击文本操作区域中视频描述信息旁的“展开”控件,由此可完整显示视频描述信息。当然,在完整显示视频描述信息的情况下,用户点击“收起”控件,可缩略显示视频描述信息。FIG. 5 shows a situation where the video play area and the text operation area do not overlap at all, and the video play area is located above the text operation area. In Figure 5, the relative positional relationship between the magic watch label, the location information label, the video description information and the music label remains unchanged, which can ensure that the phase positional relationship between the interface elements and the short video playback page is fixed, which is convenient for users to find and view related information. In addition, as shown in FIG. 5 , in the case where there is a lot of video description information, the user can click the “expand” control next to the video description information in the text operation area, so that the video description information can be completely displayed. Of course, in the case where the video description information is completely displayed, the user can click the "collapse" control to display the video description information in abbreviated form.
对于横屏显示的情况下,如图6所示,可以在屏幕左侧显示视频播放区域,在屏幕右侧显示文本操作区域。与图5类似,在视频描述信息内容较多的情况下,用户可以点击文本操作区域中视频描述信息旁的“展开”控件,由此可完整显示视频描述信息。当然,在完整显示视频描述信息的情况下,用户点击“收起”控件,可缩略显示视频描述信息。In the case of landscape display, as shown in FIG. 6 , the video playback area can be displayed on the left side of the screen, and the text operation area can be displayed on the right side of the screen. Similar to FIG. 5 , in the case of a large amount of video description information, the user can click the “expand” control next to the video description information in the text operation area, so that the video description information can be completely displayed. Of course, in the case where the video description information is completely displayed, the user can click the "collapse" control to display the video description information in abbreviated form.
对于折叠屏,可以在一块屏幕上显示视频播放区域,在另一块屏幕上显示文本操作区域,本申请对此不再赘述。For a foldable screen, a video playback area may be displayed on one screen, and a text operation area may be displayed on another screen, which will not be repeated in this application.
综上所述,文本操作区域中包括短视频播放页面中展示的文本内容详情,以便于用户能够观看短视频的同时浏览文本内容。用户在展示页面中无需在短视频和其文本内容之间不断切换来查看不同内容。To sum up, the text operation area includes details of the text content displayed on the short video playback page, so that the user can browse the text content while watching the short video. The user does not need to constantly switch between the short video and its text content to view different content in the display page.
此外,短视频相关的文本内容,不仅包括在短视频播放页面(即第一级页面)中的文本,还包括其他的文本内容。例如,评论内容也是很多用户关心的内容。为了便于用户了解更多与短视频相关的文本内容,本申请实施例中文本操作区域还用于展示短视频的评论内容。In addition, the text content related to the short video includes not only the text in the short video playing page (ie, the first-level page), but also other text content. For example, comment content is also what many users care about. In order to facilitate the user to know more text content related to the short video, the text operation area in the embodiment of the present application is also used to display the comment content of the short video.
为了便于用户观看短视频的同时,能够同时消费评论内容,本申请实施例中,在所述展 示页面的文本操作区域展示文本内容的情况下,还可以响应于每一次的评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In order to facilitate users to watch short videos and consume comment content at the same time, in this embodiment of the present application, in the case where text content is displayed in the text operation area of the display page, it is also possible to respond to each comment viewing operation in all The text operation area displays the comment content corresponding to the current comment viewing operation.
也即,在第二级页面(即展示页面)中用户可以执行评论查看操作,由此可以选择查看不同的评论内容。便于在有限的显示区域中展示内容量大的评论内容。That is, on the second-level page (ie, the display page), the user can perform a comment viewing operation, and thus can choose to view different comment contents. It is convenient to display a large amount of comment content in a limited display area.
该评论查看操作可以实施为滑动操作,例如在图5所示的例子中,可以上下滑动来查看评论,在图6所示的例子中可以上下滑动或左右滑动来查看评论。当然,还可以设置评论切换控件,用户点击该控件来切换评论查看。The comment viewing operation can be implemented as a sliding operation. For example, in the example shown in FIG. 5 , you can slide up and down to view comments, and in the example shown in FIG. 6 , you can slide up and down or left and right to view comments. Of course, a comment switching control can also be set, and the user clicks the control to switch comment viewing.
在一些实施例中,可首先在文本操作区域显示短视频播放页面中的文本内容,在检测到用户执行的评论查看操作的情况下,在文本操作区域显示评论内容。In some embodiments, the text content in the short video playback page may be displayed in the text operation area first, and when a comment viewing operation performed by the user is detected, the comment content is displayed in the text operation area.
继续以图5所示的示意图为例。短视频播放区域的边界可预留用户手势操作区。如图5所示,用户可以在短视频播放区域的边界进行上下滑动操作,也可以在文本操作区域进行上下滑动操作。然后在文本操作区域显示相应的评论内容。如图7所示,为对图5进行上滑操作后的一种界面示意图。图7中显示了评论用户的头像和用户名、同时显示评论用户的评论内容、回复内容、点赞数,同时该评论内容可被点赞以及回复。用户可以点击对“用户1”用户的这一评论的回复链接,会展开关于该评论的回复内容。图7仅是一个示例,可展示多个用户的多条评论内容或进行其他的有关评论的功能设置,均适用于本申请实施例。Continue to take the schematic diagram shown in FIG. 5 as an example. The boundary of the short video playback area can reserve a user gesture operation area. As shown in FIG. 5 , the user can perform a sliding operation up and down on the boundary of the short video playback area, and can also perform a sliding operation up and down in the text operation area. Then display the corresponding comment content in the text operation area. As shown in FIG. 7 , it is a schematic diagram of an interface after the upward sliding operation is performed on FIG. 5 . Figure 7 shows the avatar and user name of the commenting user, and simultaneously displays the commenting user's comment content, reply content, and number of likes, and at the same time, the comment content can be liked and replied to. The user can click the reply link to this comment by the "User 1" user, and the reply content about the comment will be expanded. FIG. 7 is only an example, and it is possible to display multiple comment contents of multiple users or perform other function settings related to comments, which are all applicable to the embodiments of the present application.
文本操作区域可实施为长页面。视频播放页面中原有的文本内容位于该长页面的顶部,然后依序为原视频播放页面中的页面元素和评论。如图5所示,视频播放页面中的标签元素如位置表情、魔法表情标签、用户名头像、关注标签、引用标签、分享控件标签、点赞标签等中的全部或部分位于文本操作区域。Text manipulation areas can be implemented as long pages. The original text content in the video playback page is located at the top of the long page, and then the page elements and comments in the original video playback page are in sequence. As shown in Figure 5, all or part of the tag elements in the video playback page, such as location emoticon, magic emoticon tag, user name avatar, follow tag, reference tag, sharing control tag, like tag, etc., are located in the text operation area.
在用户执行评论查看操作的情况下,显示界面中文本操作区域的文本内容被更新。When the user performs a comment viewing operation, the text content of the text operation area in the display interface is updated.
长页面中可以设置滚动条,在用户触控屏幕的情况下,显示滚动条,在检测不到触控操作的情况下,滚动条可隐藏。A scroll bar can be set on a long page. When the user touches the screen, the scroll bar is displayed, and when no touch operation is detected, the scroll bar can be hidden.
此外,在本申请实施例中,评论内容可以按照预设滚动速度在文本操作区域滚动显示。预设滚动速度可以根据经验设定。为便于浏览评论内容用户可以自定义滚动速度,并可以实时通过用户操作让评论内容暂停滚动。In addition, in this embodiment of the present application, the comment content may be scrolled and displayed in the text operation area according to a preset scroll speed. The preset scroll speed can be set empirically. In order to facilitate browsing the comment content, users can customize the scrolling speed, and can pause the scrolling of the comment content through user operations in real time.
在另一个实施例中,当进入第二级页面,在没有可加载的评论内容的情况下,用户执行切换评论的操作,可以返回视频播放页面全屏展示视频内容和/或提示没有评论可以查看,提示用户可以发表评论。In another embodiment, when entering the second-level page, if there is no comment content that can be loaded, the user performs an operation of switching comments, and can return to the video playback page to display the video content in full screen and/or prompt that there are no comments to view, Prompt the user that they can post a comment.
在另一些实施例中,用户看到感兴趣的评论可能期望回复评论,或针对短视频内容也会想发表评论,为便于用户发表评论,本申请实施例中文本操作区域中包括用于发表评论的评论编辑控件。该评论编辑控件可支持采用输入法输入文本、图片表情,也可以支持语音输入。这样,用户可以在文本操作区域发表自己的评论。In other embodiments, the user may expect to reply to the comment after seeing the comment of interest, or also want to comment on the short video content. 's comment edit control. The comment editing control can support inputting text, picture expressions, and voice input using an input method. In this way, users can post their own comments in the text manipulation area.
例如,如图5-图7所示,在第二级页面的文本操作区域的底部展示文本输入框,供用户输入字符,表情等。文本输入框旁边可设置语音采集按钮,供用户采用语音输入的方式发表自己的评论。For example, as shown in Figures 5-7, a text input box is displayed at the bottom of the text operation area of the second level page for the user to input characters, expressions, etc. A voice capture button can be set next to the text input box for users to post their comments by voice input.
当然,评论编辑控件可以基于用户需求显示,并适时的隐藏。如图5-图7所示,实施时可以检测到用户对文本操作区域的文本输入操作(该输入操作例如双击文本操作区域、或长按文本操作区域),则基于该文本输入操作显示评论编辑控件,如输入框和/或麦克风按钮,输入框供用户采用输入法发表评论,麦克风按钮供用户语音发表评论。Of course, the comment editing control can be displayed based on user needs and hidden in due course. As shown in Fig. 5-Fig. 7, the user's text input operation on the text operation area (such as double-clicking the text operation area, or long-pressing the text operation area) can be detected during implementation, and then the comment editor is displayed based on the text input operation. Controls, such as an input box and/or a microphone button, the input box is for the user to comment using the input method, and the microphone button is for the user to comment by voice.
然后在用户采用麦克风按钮语音输入评论内容的情况下,会同步对语音进行语音识别得到识别的文本内容并显示出来供用户查看确认。Then, when the user uses the microphone button to voice input the comment content, the voice recognition will be performed synchronously to obtain the recognized text content and displayed for the user to check and confirm.
需要说明的是,评论编辑控件可在展示文本操作区域时同步展示,也可以在用户查看评论内容,即展示评论内容时同步展示。It should be noted that the comment editing control can be displayed synchronously when the text operation area is displayed, or can be displayed synchronously when the user views the comment content, that is, when the comment content is displayed.
此外,还可以检测到用户对图1所示的短视频播放页面中的评论按钮的操作,则进入二级页面并定位到评论编辑控件以便于用户发表评论,故此实施时可根据需求设置,本申请对此不作限定。这样,当响应于在文本操作区域展示短视频的评论内容,在展示评论编辑控件的情况下,可根据实际需求展示评论编辑控件,提高文本操作区域的利用率。即文本操作区域可在展示评论编辑控件的区域展示评论内容供用户进行消费,进而提高对文本操作区域的利用率。In addition, it can also detect the user's operation on the comment button in the short video playback page shown in Figure 1, then enter the secondary page and locate the comment editing control to facilitate the user to comment, so the implementation can be set according to requirements, this The application is not limited in this regard. In this way, in response to displaying the comment content of the short video in the text operation area, in the case of displaying the comment editing control, the comment editing control can be displayed according to actual needs, thereby improving the utilization rate of the text operation area. That is, the text operation area can display the comment content in the area where the comment editing control is displayed for the user to consume, thereby improving the utilization of the text operation area.
在另一些实施例中,在用户期望查看下一短视频的情况下,用户需要返回短视频播放页面,执行视频切换操作后切换到下一短视频的短视频播放页面。这样用户操作复杂,对不同界面来回处理也耗费处理资源。有鉴于此,本申请实施例中为了进一步简化用户操作,节约处理资源,可以在第二级页面即展示页面中展示视频切换控件,该视频切换控件用于切换到另一短视频。例如图5-图7所示,在视频播放区域中左上角的返回控件“<”和在评论编辑控件的附近展示了该视频切换控件,用户操作返回控件可返回短视频播放页面。用户操作视频切换控件可进入原短视频播放页面或切换到下一短视频播放页面。In other embodiments, when the user wishes to view the next short video, the user needs to return to the short video playback page, and then switch to the short video playback page of the next short video after performing a video switching operation. In this way, user operations are complicated, and processing resources are consumed for back-and-forth processing of different interfaces. In view of this, in order to further simplify user operations and save processing resources, in the embodiment of the present application, a video switching control may be displayed on the second-level page, ie, the display page, and the video switching control is used to switch to another short video. For example, as shown in Figures 5-7, the video switching control is displayed in the upper left corner of the video playback area "<" and near the comment editing control, and the user can operate the return control to return to the short video playback page. The user operates the video switching control to enter the original short video playback page or switch to the next short video playback page.
在第二级页面中的短视频播放区域中设置有返回短视频播放页面的控件,为了便于用户在查看文本操作区域的内容的情况下,用户无需满屏寻找返回控件,能够便捷方便的返回短视频播放页面(即第一级页面)文本操作区域中显示的视频切换控件还可以用于返回原来的短视频播放页面。当然,在另一个实施例中,点击图5所述的文本描述信息也可以返回原来的短视频播放页面。A control for returning to the short video playback page is set in the short video playback area on the second-level page. In order to facilitate the user to view the content of the text operation area, the user does not need to search for the return control on the full screen, and it is convenient and convenient to return to the short video playback page. The video switching control displayed in the text operation area of the video playback page (ie, the first-level page) can also be used to return to the original short video playback page. Of course, in another embodiment, clicking on the text description information described in FIG. 5 can also return to the original short video playback page.
在另一个实施例中,除了可以如图5所示,在界面显示区域的顶部展示视频内容之外,本申请实施例中还可以在界面显示区域的顶部预留一定空白区域,如图5所示的黑色背景的状态栏去为预留的一定空白区域,以此来避免页面高度跳变导致视觉上的跳变。In another embodiment, in addition to displaying video content at the top of the interface display area as shown in FIG. 5 , a certain blank area may also be reserved at the top of the interface display area in this embodiment of the present application, as shown in FIG. 5 . The status bar with the black background shown is reserved for a certain blank area, so as to avoid the visual jump caused by the page height jump.
此外,本申请实施例中,短视频一般通过裁剪处理显示屏幕尺寸适配,目的是为了在第一级页面即视频播报页面中填充整个显示屏幕。在进入第二级页面的情况下,可以原视频等比例缩放显示,完整的显示原短视频的所有内容。例如相关技术中一般在如图1所示的视频播放页面中为了提高沉浸感会将原视频进行裁剪后满屏播放,本申请实施例中在第二级页面中展示原视频内容会比图1中显示的内容丰富一些,如图5所示的视频画面中下半部分图像更加丰富,这样能够将原视频中更多的内容展示给用户观看。In addition, in the embodiment of the present application, the short video is generally adapted to the size of the display screen by cropping, in order to fill the entire display screen in the first-level page, that is, the video broadcast page. In the case of entering the second-level page, the original video can be scaled and displayed in the same proportion, and all the content of the original short video can be completely displayed. For example, in the related art, in the video playback page shown in FIG. 1 , in order to improve the sense of immersion, the original video will be trimmed and played on the full screen. The content displayed in the video is richer, and the lower part of the image in the video screen shown in Figure 5 is richer, so that more content in the original video can be displayed to the user for viewing.
除了前文所述的短视频播放区域和文本操作区域不重叠,短视频播放区域和文本操作区 域之间也可以具有部分交叠区域。交叠区域可以半透明显示,以便于用户能够透过文本内容了解短视频内容。In addition to the aforementioned non-overlapping of the short video play area and the text operation area, there may also be a partial overlap area between the short video play area and the text operation area. The overlapping area can be displayed semi-transparently, so that users can understand the short video content through the text content.
综上所述,用户进入第二级页面,即展示页面之后可以基于短视频播放区域和文本操作区域同时消费短视频和操作文本内容,使得用户无需在短视频和文本之间来回切换。且,第二级页面中在合适的位置还提供的短视频切换控件以便于用户能够在第二级页面中切换到下一个短视频,进一步简化用户操作,节约处理资源。To sum up, the user enters the second-level page, that is, after displaying the page, he can consume the short video and operate the text content at the same time based on the short video playback area and the text operation area, so that the user does not need to switch back and forth between the short video and the text. In addition, a short video switching control is also provided at a suitable position in the second-level page so that the user can switch to the next short video in the second-level page, further simplifying user operations and saving processing resources.
如图8所示,为本申请实施例提供的界面信息切换方法的另一流程示意图。用户通过短视频播放界面进入展示页面,展示页面提供短视频播放区域来播放短视频,并提供文本操作区域来执行文本内容相关的操作。在文本操作区域中用户可以查看短视频播放页面中原有的文本内容的详情例如,通过展开/收起视频描述信息来控制第一级页面文本内容。在文本操作区域提供评论操作功能,通过评论操作可以查看或发布评论。如通过滑动操作来浏览评论内容。通过输入文本信息来发布评论。此外,文本操作区域还可以提供发布评论的功能,在该文本操作区域还可以支持通过视频切换操作切换到其他视频。当然可以切换到同一作者的其他短视频,也可以切换到其他作者的短视频。例如,在短视频推荐页面中进入短视频播放页面的情况下,可以切换到下一个待推荐的短视频。当在作者的主页查看短视频的情况下,可以切换到该作者的下一短视频。As shown in FIG. 8 , another schematic flowchart of a method for switching interface information provided by an embodiment of the present application. The user enters the display page through the short video playback interface, and the display page provides a short video playback area to play the short video, and a text operation area to perform operations related to the text content. In the text operation area, the user can view the details of the original text content in the short video playback page. For example, the text content of the first-level page can be controlled by expanding/collapsing the video description information. Provide comment operation function in the text operation area, through the comment operation, you can view or post comments. Such as browsing the comment content by swiping operation. Post a comment by entering a text message. In addition, the text operation area can also provide the function of posting comments, and the text operation area can also support switching to other videos through a video switching operation. Of course, you can switch to other short videos of the same author, or you can switch to short videos of other authors. For example, in the case of entering the short video playback page in the short video recommendation page, it is possible to switch to the next short video to be recommended. When viewing a short video on the author's homepage, you can switch to the author's next short video.
基于相同的发明构思,本申请实施例还提出一种界面信息切换装置900,如图9所示,包括:Based on the same inventive concept, an embodiment of the present application also proposes a device 900 for switching interface information, as shown in FIG. 9 , including:
第一展示模块901,被配置为响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;The first display module 901 is configured to play the short video in the short video playback area of the display page in response to the text viewing operation on the short video playback page;
第二展示模块902,被配置为在所述展示页面的文本操作区域展示文本内容;The second display module 902 is configured to display text content in the text operation area of the display page;
其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
在一些实施例中,所述文本操作区域中包括短视频播放页面中展示的文本内容详情。In some embodiments, the text operation area includes details of the text content displayed on the short video playback page.
在一些实施例中,所述文本操作区域用于展示针对所述短视频的评论内容,所述第二展示模块还被配置为:In some embodiments, the text operation area is used to display the comment content for the short video, and the second display module is further configured to:
响应于每一次的评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In response to each comment viewing operation, comment content corresponding to the current comment viewing operation is displayed in the text operation area.
在一些实施例中,所述评论查看操作为滑动操作。In some embodiments, the comment viewing operation is a sliding operation.
在一些实施例中,所述文本操作区域中包括用于发表评论的评论编辑控件。In some embodiments, the text manipulation area includes comment editing controls for posting comments.
在一些实施例中,所述第二展示模块,还被配置为:In some embodiments, the second presentation module is further configured to:
响应于在所述文本操作区域展示所述短视频的评论内容,展示所述评论编辑控件。The comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
在一些实施例中,所述第二展示模块还被配置为:In some embodiments, the second presentation module is further configured to:
在所述展示页面展示视频切换控件,所述视频切换控件用于切换到所述短视频的下一短视频,或切换回所述短视频播放页面。A video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
在一些实施例中,所述第二展示模块还被配置为:In some embodiments, the second presentation module is further configured to:
响应于对所述短视频播放区域中返回控件的操作,返回所述短视频播放页面。In response to the operation of the return control in the short video playback area, the short video playback page is returned.
在一些实施例中,所述装置还包括:In some embodiments, the apparatus further includes:
关键信息区域识别模块,用于是根据以下方法确定所述关键信息区域:The key information area identification module is used to determine the key information area according to the following method:
对所述短视频播放页面中的所述短视频进行内容检测得到所述关键信息区域;Perform content detection on the short video in the short video playback page to obtain the key information area;
或者,or,
将所述短视频画面中的指定区域作为所述关键信息区域,所述指定区域为所述短视频画面的全部或部分区域。A designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
在一些实施例中,在所述展示页面的所述短视频播放区域播放所述短视频的情况下,所述短视频顶部设置有状态栏。In some embodiments, when the short video is played in the short video playing area of the display page, a status bar is provided at the top of the short video.
在一些实施例中,所述短视频播放页面中展示有所述短视频的多个标签元素;In some embodiments, the short video playback page displays multiple tag elements of the short video;
所述多个标签元素中的至少一个标签元素在所述文本操作区域中展示。At least one label element among the plurality of label elements is displayed in the text manipulation area.
在介绍了本申请示例性实施方式的界面信息切换方法和装置之后,接下来,介绍根据本申请的另一示例性实施方式的电子设备。After introducing the interface information switching method and apparatus according to the exemplary embodiment of the present application, next, an electronic device according to another exemplary embodiment of the present application is introduced.
所属技术领域的技术人员能够理解,本申请的各个方面可以实现为系统、方法或程序产品。因此,本申请的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。As will be appreciated by one skilled in the art, various aspects of the present application may be implemented as a system, method or program product. Therefore, various aspects of the present application can be embodied in the following forms, namely: a complete hardware implementation, a complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, which may be collectively referred to herein as implementations "circuit", "module" or "system".
在一些可能的实施方式中,根据本申请的电子设备可以至少包括至少一个处理器、以及至少一个存储器。其中,存储器存储有程序代码,当程序代码被处理器执行时,使得处理器执行本说明书上述描述的根据本申请各种示例性实施方式的图像缩放方法中的步骤。例如,处理器可以执行如界面信息切换方法中的步骤。In some possible implementations, the electronic device according to the present application may include at least one processor and at least one memory. The memory stores program codes, which, when executed by the processor, cause the processor to execute the steps in the image scaling method according to various exemplary embodiments of the present application described above in this specification. For example, the processor may perform steps as in the interface information switching method.
下面参照图10来描述根据本申请的这种实施方式的电子设备100。图10显示的电子设备100仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。The electronic device 100 according to this embodiment of the present application is described below with reference to FIG. 10 . The electronic device 100 shown in FIG. 10 is only an example, and should not impose any limitations on the functions and scope of use of the embodiments of the present application.
如图10所示,电子设备100以通用电子设备的形式表现。电子设备100的组件可以包括但不限于:上述至少一个处理器101、上述至少一个存储器102、连接不同系统组件(包括存储器102和处理器101)的总线103。As shown in FIG. 10 , the electronic device 100 is represented in the form of a general electronic device. The components of the electronic device 100 may include, but are not limited to: the above-mentioned at least one processor 101 , the above-mentioned at least one memory 102 , and a bus 103 connecting different system components (including the memory 102 and the processor 101 ).
总线103表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器、外围总线、处理器或者使用多种总线结构中的任意总线结构的局域总线。Bus 103 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, a processor, or a local bus using any of a variety of bus structures.
存储器102可以包括易失性存储器形式的可读介质,例如随机存取存储器(RAM)1021和/或高速缓存存储器1022,还可以进一步包括只读存储器(ROM)1023。 Memory 102 may include readable media in the form of volatile memory, such as random access memory (RAM) 1021 and/or cache memory 1022 , and may further include read only memory (ROM) 1023 .
存储器102还可以包括具有一组(至少一个)程序模块1024的程序/实用工具1025,这样的程序模块1024包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。The memory 102 may also include a program/utility 1025 having a set (at least one) of program modules 1024 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, which An implementation of a network environment may be included in each or some combination of the examples.
电子设备100也可以与一个或多个外部设备104(例如键盘、指向设备等)通信,还可与一个或者多个使得用户能与电子设备100交互的设备通信,和/或与使得该电子设备100能与一个或多个其它电子设备进行通信的任何设备(例如路由器、调制解调器等等)通信。 这种通信可以通过输入/输出(I/O)接口105进行。并且,电子设备100还可以通过网络适配器106与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器106通过总线103与用于电子设备100的其它模块通信。应当理解,尽管图中未示出,可以结合电子设备100使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。The electronic device 100 may also communicate with one or more external devices 104 (eg, keyboards, pointing devices, etc.), may also communicate with one or more devices that enable a user to interact with the electronic device 100, and/or communicate with the electronic device 100 communicates with any device (eg, router, modem, etc.) that is capable of communicating with one or more other electronic devices. Such communication may take place through input/output (I/O) interface 105 . Also, the electronic device 100 may communicate with one or more networks (eg, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet) through a network adapter 106 . As shown, network adapter 106 communicates with other modules for electronic device 100 via bus 103 . It should be understood that, although not shown, other hardware and/or software modules may be used in conjunction with electronic device 100, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives and data backup storage systems.
在一些可能的实施方式中,本申请提供的一种界面信息切换方法的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在计算机设备上运行时,程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的一种界面信息切换方法中的步骤。In some possible implementations, various aspects of an interface information switching method provided by the present application can also be implemented in the form of a program product, which includes program code, and when the program product runs on a computer device, the program code uses The steps in the method for switching interface information according to various exemplary embodiments of the present application described above in this specification are performed by the computer device.
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. Examples (non-exhaustive list) of readable storage media include: electrical connections with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable Read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
本申请的实施方式的用于图像缩放的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在电子设备上运行。然而,本申请的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。The program product for image scaling of the embodiments of the present application may employ a portable compact disk read only memory (CD-ROM) and include program code, and may be executed on an electronic device. However, the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括——但不限于——电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。A readable signal medium may include a propagated data signal in baseband or as part of a carrier wave, carrying readable program code therein. Such propagated data signals may take a variety of forms including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the foregoing. A readable signal medium can also be any readable medium, other than a readable storage medium, that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.
可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于——无线、有线、光缆、RF等等,或者上述的任意合适的组合。Program code embodied on a readable medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户电子设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户电子设备上部分在远程电子设备上执行、或者完全在远程电子设备或服务端上执行。在涉及远程电子设备的情形中,远程电子设备可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户电子设备,或者,可以连接到外部电子设备(例如利用因特网服务提供商来通过因特网连接)。Program code for performing the operations of the present application may be written in any combination of one or more programming languages, including object-oriented programming languages—such as Java, C++, etc., as well as conventional procedural programming Language - such as the "C" language or similar programming language. The program code may execute entirely on the user's electronic device, partly on the user's device, as a stand-alone software package, partly on the user's electronic device and partly on a remote electronic device, or entirely on the remote electronic device or service Execute on the end. In cases involving remote electronic devices, the remote electronic devices may be connected to the user electronic device through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to external electronic devices (eg, using Internet services provider to connect via the Internet).
应当注意,尽管在上文详细描述中提及了装置的若干单元或子单元,但是这种划分仅仅 是示例性的并非强制性的。实际上,根据本申请的实施方式,上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之,上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。It should be noted that although several units or sub-units of the apparatus are mentioned in the above detailed description, this division is merely exemplary and not mandatory. Indeed, according to embodiments of the present application, the features and functions of two or more units described above may be embodied in one unit. Conversely, the features and functions of one unit described above may be further subdivided to be embodied by multiple units.
此外,尽管在附图中以特定顺序描述了本申请方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。Furthermore, although the operations of the methods of the present application are depicted in the figures in a particular order, this does not require or imply that the operations must be performed in the particular order, or that all illustrated operations must be performed to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined to be performed as one step, and/or one step may be decomposed into multiple steps to be performed.
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。As will be appreciated by those skilled in the art, the embodiments of the present application may be provided as a method, a system, or a computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程图像缩放设备的处理器以产生一个机器,使得通过计算机或其他可编程图像缩放设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the present application. It will be understood that each flow and/or block in the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to the processor of a general purpose computer, special purpose computer, embedded processor or other programmable image scaling device to produce a machine such that the instructions executed by the processor of the computer or other programmable image scaling device produce Means for implementing the functions specified in a flow or flow of a flowchart and/or a block or blocks of a block diagram.
这些计算机程序指令也可存储在能引导计算机或其他可编程图像缩放设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。The computer program instructions may also be stored in a computer readable memory capable of directing a computer or other programmable image scaling device to function in a particular manner, such that the instructions stored in the computer readable memory result in an article of manufacture comprising instruction means, the instructions The apparatus implements the functions specified in the flow or flow of the flowcharts and/or the block or blocks of the block diagrams.
这些计算机程序指令也可装载到计算机或其他可编程图像缩放设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded on a computer or other programmable image scaling device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process such that an image executed on the computer or other programmable device The instructions provide steps for implementing the functions specified in the flow or blocks of the flowcharts and/or the block or blocks of the block diagrams.
本公开所有实施例均可以单独被执行,也可以与其他实施例相结合被执行,均视为本公开要求的保护范围。All the embodiments of the present disclosure can be implemented independently or in combination with other embodiments, which are all regarded as the protection scope required by the present disclosure.

Claims (25)

  1. 一种界面信息切换方法,包括:A method for switching interface information, comprising:
    响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;In response to the text viewing operation on the short video playback page, play the short video in the short video playback area of the display page;
    在所述展示页面的文本操作区域展示文本内容;Display text content in the text operation area of the display page;
    其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  2. 根据权利要求1所述的方法,其中,所述文本操作区域中包括短视频播放页面中展示的文本内容详情。The method according to claim 1, wherein the text operation area includes details of the text content displayed on the short video playback page.
  3. 根据权利要求1或2所述的方法,其中,所述文本操作区域用于展示针对所述短视频的评论内容,所述方法还包括:The method according to claim 1 or 2, wherein the text operation area is used to display the comment content for the short video, and the method further comprises:
    响应于评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In response to the comment viewing operation, the comment content corresponding to the current comment viewing operation is displayed in the text operation area.
  4. 根据权利要求3所述的方法,其中,所述评论查看操作为滑动操作。The method of claim 3, wherein the comment viewing operation is a sliding operation.
  5. 根据权利要求1所述的方法,其中,所述文本操作区域中包括用于发表评论的评论编辑控件。The method of claim 1, wherein the text manipulation area includes a comment editing control for posting comments.
  6. 根据权利要求5所述的方法,其中,所述方法还包括:The method of claim 5, wherein the method further comprises:
    响应于在所述文本操作区域展示所述短视频的评论内容,展示所述评论编辑控件。The comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
  7. 根据权利要求1-2、4-6中任一所述的方法,其中,所述方法还包括:The method according to any one of claims 1-2 and 4-6, wherein the method further comprises:
    在所述展示页面展示视频切换控件,所述视频切换控件用于切换到所述短视频的下一短视频,或切换回所述短视频播放页面。A video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
  8. 根据权利要求1-2、4-6中任一所述的方法,其中,所述方法还包括:The method according to any one of claims 1-2 and 4-6, wherein the method further comprises:
    响应于对所述短视频播放区域中返回控件的操作,返回所述短视频播放页面。In response to the operation of the return control in the short video playback area, the short video playback page is returned.
  9. 根据权利要求1所述的方法,其中,所述关键信息区域是根据以下方法确定的:The method of claim 1, wherein the key information area is determined according to:
    对所述短视频播放页面中的所述短视频进行内容检测得到所述关键信息区域;Perform content detection on the short video in the short video playback page to obtain the key information area;
    或者,or,
    将所述短视频画面中的指定区域作为所述关键信息区域,所述指定区域为所述短视频画面的全部或部分区域。A designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
  10. 根据权利要求1或4所述的方法,其中,在所述展示页面的所述短视频播放区域播放所述短视频的情况下,所述短视频顶部设置有状态栏。The method according to claim 1 or 4, wherein when the short video is played in the short video playing area of the display page, a status bar is provided at the top of the short video.
  11. 根据权利要求1所述的方法,其中,所述短视频播放页面中展示有所述短视频的多个标签元素;The method according to claim 1, wherein a plurality of tag elements of the short video are displayed on the short video playback page;
    所述多个标签元素中的至少一个标签元素在所述文本操作区域中展示。At least one label element among the plurality of label elements is displayed in the text manipulation area.
  12. 一种界面信息切换装置,包括:An interface information switching device, comprising:
    第一展示模块,被配置为响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;The first display module is configured to play the short video in the short video playback area of the display page in response to the text viewing operation on the short video playback page;
    第二展示模块,被配置为在所述展示页面的文本操作区域展示文本内容;a second display module, configured to display text content in the text operation area of the display page;
    其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  13. 根据权利要求12所述的装置,其中,所述文本操作区域中包括短视频播放页面中展示的文本内容详情。The apparatus according to claim 12, wherein the text operation area includes details of the text content displayed in the short video playback page.
  14. 根据权利要求12或13所述的装置,其中,所述文本操作区域用于展示针对所述短视频的评论内容,所述第二展示模块还被配置为:The apparatus according to claim 12 or 13, wherein the text operation area is used to display comment content for the short video, and the second display module is further configured to:
    响应于评论查看操作,在所述文本操作区域展示与当前的评论查看操作对应的评论内容。In response to the comment viewing operation, the comment content corresponding to the current comment viewing operation is displayed in the text operation area.
  15. 根据权利要求14所述的装置,其中,所述评论查看操作为滑动操作。The apparatus of claim 14, wherein the comment viewing operation is a sliding operation.
  16. 根据权利要求12所述的装置,其中,所述文本操作区域中包括用于发表评论的评论编辑控件。13. The apparatus of claim 12, wherein the text manipulation area includes a comment editing control for posting comments.
  17. 根据权利要求16所述的装置,其中,所述第二展示模块还被配置为:The apparatus of claim 16, wherein the second presentation module is further configured to:
    响应于在所述文本操作区域展示所述短视频的评论内容,展示所述评论编辑控件。The comment editing control is displayed in response to displaying the comment content of the short video in the text operation area.
  18. 根据权利要求12-13、15-17中任一所述的装置,其中,所述第二展示模块还被配置为:The apparatus of any of claims 12-13, 15-17, wherein the second presentation module is further configured to:
    在所述展示页面展示视频切换控件,所述视频切换控件用于切换到所述短视频的下一短视频,或切换回所述短视频播放页面。A video switching control is displayed on the display page, and the video switching control is used to switch to the next short video of the short video, or switch back to the short video playback page.
  19. 根据权利要求12-13、15-17中任一所述的装置,其中,所述第二展示模块还被配置为:The apparatus of any of claims 12-13, 15-17, wherein the second presentation module is further configured to:
    响应于对所述短视频播放区域中返回控件的操作,返回所述短视频播放页面。In response to the operation of the return control in the short video playback area, the short video playback page is returned.
  20. 根据权利要求12所述的装置,还包括:The apparatus of claim 12, further comprising:
    关键信息区域识别模块,用于是根据以下方法确定所述关键信息区域:The key information area identification module is used to determine the key information area according to the following method:
    对所述短视频播放页面中的所述短视频进行内容检测得到所述关键信息区域;Perform content detection on the short video in the short video playback page to obtain the key information area;
    或者,or,
    将所述短视频画面中的指定区域作为所述关键信息区域,所述指定区域为所述短视频画面的全部或部分区域。A designated area in the short video frame is used as the key information area, and the designated area is all or part of the short video frame.
  21. 根据权利要求12或15所述的装置,其中,在所述展示页面的所述短视频播放区域播放所述短视频的情况下,所述短视频顶部设置有状态栏。The apparatus according to claim 12 or 15, wherein, when the short video is played in the short video playing area of the display page, a status bar is provided at the top of the short video.
  22. 根据权利要求12所述的装置,其中,所述短视频播放页面中展示有所述短视频的多个标签元素;The apparatus according to claim 12, wherein a plurality of tag elements of the short video are displayed on the short video playback page;
    所述多个标签元素中的至少一个标签元素在所述文本操作区域中展示。At least one label element among the plurality of label elements is displayed in the text manipulation area.
  23. 一种电子设备,包括至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行以下步骤:An electronic 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, the instructions being executed by the at least one processor A processor executes to enable the at least one processor to perform the following steps:
    响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视 频;In response to the text viewing operation on the short video playback page, the short video is played in the short video playback area of the display page;
    在所述展示页面的文本操作区域展示文本内容;Display text content in the text operation area of the display page;
    其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  24. 一种计算机存储介质,其中,所述计算机存储介质存储有计算机程序,所述计算机程序用于使计算机执行以下步骤:A computer storage medium, wherein the computer storage medium stores a computer program, and the computer program is used to cause a computer to perform the following steps:
    响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;In response to the text viewing operation on the short video playback page, play the short video in the short video playback area of the display page;
    在所述展示页面的文本操作区域展示文本内容;Display text content in the text operation area of the display page;
    其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
  25. 一种计算机程序产品,其中,包括程序代码,当所述计算机程序产品在所述电子设备运行时,使得所述电子设备执行以下步骤:A computer program product, comprising program code, when the computer program product is run on the electronic device, the electronic device executes the following steps:
    响应于对短视频播放页面的文本查看操作,在展示页面的短视频播放区域播放短视频;In response to the text viewing operation on the short video playback page, play the short video in the short video playback area of the display page;
    在所述展示页面的文本操作区域展示文本内容;Display text content in the text operation area of the display page;
    其中,相对于所述短视频播放页面,所述文本操作区域支持展示更多的文本内容,且所述文本操作区域与所述短视频的关键信息区域不交叠。Wherein, compared with the short video playback page, the text operation area supports displaying more text content, and the text operation area does not overlap with the key information area of the short video.
PCT/CN2021/119713 2021-03-18 2021-09-22 Interface information switching method and apparatus WO2022193597A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110293048.6 2021-03-18
CN202110293048.6A CN113115096A (en) 2021-03-18 2021-03-18 Interface information switching method and device, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
WO2022193597A1 true WO2022193597A1 (en) 2022-09-22

Family

ID=76711731

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/119713 WO2022193597A1 (en) 2021-03-18 2021-09-22 Interface information switching method and apparatus

Country Status (2)

Country Link
CN (1) CN113115096A (en)
WO (1) WO2022193597A1 (en)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113115096A (en) * 2021-03-18 2021-07-13 北京达佳互联信息技术有限公司 Interface information switching method and device, electronic equipment and storage medium
CN113656130B (en) * 2021-08-16 2024-05-17 北京百度网讯科技有限公司 Data display method, device, equipment and storage medium
CN113655930B (en) * 2021-08-30 2023-01-10 北京字跳网络技术有限公司 Information publishing method, information display method and device, electronic equipment and medium
CN113703643B (en) * 2021-09-10 2023-03-10 北京字跳网络技术有限公司 Content display method, device, equipment and medium
CN113918073A (en) * 2021-10-29 2022-01-11 北京达佳互联信息技术有限公司 Interface processing method and device, electronic equipment and computer readable storage medium
CN114546545B (en) * 2021-11-09 2023-11-21 北京达佳互联信息技术有限公司 Image-text display method, device, terminal and storage medium
CN114519154A (en) * 2022-02-21 2022-05-20 北京字节跳动网络技术有限公司 Page content display method and device
CN114860139A (en) * 2022-05-12 2022-08-05 北京字跳网络技术有限公司 Video playing method, video playing device, electronic equipment, storage medium and program product
CN115562528A (en) * 2022-09-27 2023-01-03 北京字跳网络技术有限公司 Information display method and device

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080046925A1 (en) * 2006-08-17 2008-02-21 Microsoft Corporation Temporal and spatial in-video marking, indexing, and searching
CN107357494A (en) * 2017-07-05 2017-11-17 广州阿里巴巴文学信息技术有限公司 Data processing method, device and terminal device
CN107562680A (en) * 2017-08-29 2018-01-09 广州阿里巴巴文学信息技术有限公司 Data processing method, device and terminal device
CN108984059A (en) * 2018-05-22 2018-12-11 维沃移动通信有限公司 A kind of information display method and mobile terminal
CN109408174A (en) * 2018-09-27 2019-03-01 上海哔哩哔哩科技有限公司 Split screen method, apparatus and storage medium for the application of plate end
CN111221456A (en) * 2020-01-03 2020-06-02 腾讯科技(深圳)有限公司 Interactive panel display method, device, equipment and storage medium thereof
CN111601139A (en) * 2020-04-27 2020-08-28 维沃移动通信有限公司 Information display method, electronic device, and storage medium
CN112752158A (en) * 2020-12-29 2021-05-04 北京达佳互联信息技术有限公司 Video display method and device, electronic equipment and storage medium
CN113115096A (en) * 2021-03-18 2021-07-13 北京达佳互联信息技术有限公司 Interface information switching method and device, electronic equipment and storage medium

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10120529B2 (en) * 2014-07-08 2018-11-06 Verizon Patent And Licensing Inc. Touch-activated and expandable visual navigation of a mobile device via a graphic selection element
CN109982129B (en) * 2019-03-26 2021-07-16 北京达佳互联信息技术有限公司 Short video playing control method and device and storage medium
CN112256166A (en) * 2020-09-23 2021-01-22 北京达佳互联信息技术有限公司 Comment information display method and device and electronic equipment

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080046925A1 (en) * 2006-08-17 2008-02-21 Microsoft Corporation Temporal and spatial in-video marking, indexing, and searching
CN107357494A (en) * 2017-07-05 2017-11-17 广州阿里巴巴文学信息技术有限公司 Data processing method, device and terminal device
CN107562680A (en) * 2017-08-29 2018-01-09 广州阿里巴巴文学信息技术有限公司 Data processing method, device and terminal device
CN108984059A (en) * 2018-05-22 2018-12-11 维沃移动通信有限公司 A kind of information display method and mobile terminal
CN109408174A (en) * 2018-09-27 2019-03-01 上海哔哩哔哩科技有限公司 Split screen method, apparatus and storage medium for the application of plate end
CN111221456A (en) * 2020-01-03 2020-06-02 腾讯科技(深圳)有限公司 Interactive panel display method, device, equipment and storage medium thereof
CN111601139A (en) * 2020-04-27 2020-08-28 维沃移动通信有限公司 Information display method, electronic device, and storage medium
CN112752158A (en) * 2020-12-29 2021-05-04 北京达佳互联信息技术有限公司 Video display method and device, electronic equipment and storage medium
CN113115096A (en) * 2021-03-18 2021-07-13 北京达佳互联信息技术有限公司 Interface information switching method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN113115096A (en) 2021-07-13

Similar Documents

Publication Publication Date Title
WO2022193597A1 (en) Interface information switching method and apparatus
US11941708B2 (en) Method, apparatus, device and medium for posting a video or image
US10007402B2 (en) System and method for displaying content
US8959438B2 (en) Media control pane in browser
US10346523B1 (en) Content synchronization across devices
US20130268826A1 (en) Synchronizing progress in audio and text versions of electronic books
CN103403706A (en) Multi-mode web browsing
US11829579B2 (en) Immersive, multi-state Uni-Card
CN109408752A (en) Online document methods of exhibiting, device and electronic equipment
WO2022218034A1 (en) Interaction method and apparatus, and electronic device
US20180275838A1 (en) Method, device and browser for presenting recommended news, and electronic device
CN105718189A (en) Electronic device and method for displaying webpage using the same
US11831738B2 (en) System and method for selecting and providing available actions from one or more computer applications to a user
CN111859856A (en) Information display method and device, electronic equipment and storage medium
CN112083866A (en) Expression image generation method and device
US20230244363A1 (en) Screen capture method and apparatus, and electronic device
CN109446503A (en) Document content deriving method and device
KR20140090114A (en) Keyword search method and apparatus
CN113553466A (en) Page display method, device, medium and computing equipment
US11921812B2 (en) Content creative web browser
CN111399711A (en) Interface editing method, device, equipment and storage medium
US20190339936A1 (en) Smart mirror
CN113392260B (en) Interface display control method, device, medium and electronic equipment
CN115269886A (en) Media content processing method, device, equipment and storage medium
CN112114735B (en) Method and device for managing tasks

Legal Events

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

Ref document number: 21931172

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21931172

Country of ref document: EP

Kind code of ref document: A1