VIDEO PLAYBACK METHOD, APPARATUS, ELECTRONIC DEVICE, STORAGE MEDIUM AND PROGRAM PRODUCT

Abstract

The embodiments of the present disclosure provide a video playback method, an apparatus, an electronic device, a storage medium and a program product, which include: displaying a detail page of a target video, where the detail page includes a video playback area and an information presentation area; receiving a page switching operation, where the page switching operation includes a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; and in response to the page switching operation, switching a current page from the detail page to a first video playback page, and performing video playback based on a video stream of the first video playback page, where the video stream includes the target video or a related video of the target video.

Description

[Technical field]

[0001] This application claims priority to a Chinese patent application bearing application number 202210519456.3, filed with the State Intellectual Property Office of China on May 12, 2022, the entire contents of which are incorporated by reference into this application.

[0002] TECHNICAL FIELD The embodiments of the present disclosure relate to the field of computer technology, such as video playback methods, apparatus, electronic devices, storage media and program products. [Background technology]

[0003] The user can view video information for this video on the video's detail page, or browse different videos on the video playback page.

[0004] In the related art, the switching method from the video detail page to the video playback page is single, which cannot meet the needs of users. Summary of the Invention [Problem to be solved by the invention]

[0005] The embodiments of the present disclosure provide a video playing method, apparatus, electronic device, storage medium and program product to enrich the switching manner of switching from a detail page to a video playing page. [Means for solving the problem]

[0006] An embodiment of the present disclosure provides a video playback method, comprising: a step of displaying a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; a step of receiving a page switching operation including a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; and a step of switching a current page from the detail page to a first video playback page in response to the page switching operation, and performing video playback based on a video stream of the first video playback page, the video stream including the target video or a video related to the target video.

[0007] An embodiment of the present disclosure further provides a video playback device, including: a page display module configured to display a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; an operation receiving module configured to receive a page switching operation including a first slide operation acted on the detail page, a second slide operation acted on the video playback area, or a click operation acted on the video playback area; and a page switching module configured to switch a current page from the detail page to a first video playback page in response to the page switching operation, and to perform video playback based on a video stream of the first video playback page, wherein the video stream includes the target video or a related video of the target video.

[0008] An embodiment of the present disclosure further provides an electronic device including at least one processor and a memory communicatively connected to the at least one processor, the memory storing a computer program executable by the at least one processor, the computer program being capable of causing the at least one processor to execute a video playback method described in an embodiment of the present disclosure when executed by the at least one processor.

[0009] An embodiment of the present disclosure further provides a computer-readable storage medium having computer instructions stored therein, the computer instructions, when executed by a processor, realizing a video playback method according to an embodiment of the present disclosure.

[0010] An embodiment of the present disclosure further provides a computer program product, comprising a computer program, which, when executed by a processor, implements the video playback method according to the embodiment of the present disclosure. [Brief description of the drawings]

[0011] [Figure 1] FIG. 1 is a schematic flowchart of a video playback method according to an embodiment of the present disclosure. [Diagram 2] FIG. 2 is a schematic diagram of a display of a detail page of a target video according to an embodiment of the present disclosure. [Diagram 3] FIG. 3 is a schematic diagram of a display of a second video playback method page according to an embodiment of the present disclosure. [Figure 4] FIG. 4 is a schematic flowchart of another video playing method according to an embodiment of the present disclosure. [Diagram 5] FIG. 5 is a structural block diagram of a video playback device according to an embodiment of the present disclosure. [Figure 6] FIG. 6 is a structural schematic diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0012] Hereinafter, the embodiments of the present disclosure will be described with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, it is understood that the present disclosure can be realized in a variety of forms and should not be construed as being limited to the embodiments described herein, but rather, these embodiments are provided to allow a more thorough and complete understanding of the present disclosure. It is understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and do not limit the scope of protection of the present disclosure.

[0013] As will be understood, steps illustrated in the method embodiments of the present disclosure may be performed in different orders and / or in parallel, and method embodiments may include additional steps and / or omit performance of illustrated steps, and the scope of the present disclosure is not limited in this respect.

[0014] As used herein, the term "comprises" and variations thereof are open inclusions, including but not limited to. The term "based on" is "based at least in part on." The term "in one embodiment" refers to "at least one embodiment," the term "in another embodiment" refers to "at least one other embodiment," and the term "in some embodiments" refers to "at least some embodiments." Relevant definitions of other terms are provided in the description below.

[0015] It should be noted that concepts such as "first", "second" and the like referred to in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order or interdependence of functions performed by these devices, modules or units.

[0016] It should be noted that the modifications "a" and "a plurality" referred to in this disclosure are exemplary and not limiting, and should be understood by one of ordinary skill in the art as "one or more," unless the context clearly dictates otherwise.

[0017] The names of messages or information interacted between multiple devices in the embodiments of the present disclosure are for illustrative purposes only and are not used to limit the scope of these messages or information.

[0018] FIG. 1 is a schematic flowchart of a video playback method according to an embodiment of the present disclosure. The method may be performed by a video playback device, which may be implemented by software and / or hardware, and may be located in an electronic device, such as a mobile phone or a tablet computer. The video playback method according to an embodiment of the present disclosure is applied to a scenario of switching from a video detail page to a playback page of a video stream. As shown in FIG. 1, the video playback method according to the embodiment may include the following steps:

[0019] S101: a step of displaying a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used for playing the target video, and the information presentation area being used for presenting video information of the target video.

[0020] The target video may be a video corresponding to the currently displayed detail page, i.e., a video being played in the video playback area of ​​the detail page, i.e., a video corresponding to the video information presented in the information presentation area of ​​the detail page.

[0021] The video detail page may be a video information page for presenting the corresponding video, and the detail page of a different video may be used to present the video information of a different video. As shown in FIG. 2, the detail page of the target video may have a video playing area 20 and an information presenting area 21 located outside the video playing area 20, the video playing area 20 may be used to play the target video, and the information presenting area 21 may be used to present the video information of the target video. The video information of the target video may include, for example, interaction information of the target video, such as received comment information of the target video, and may further include author information of the target video and / or description information of the target video.

[0022] A detail page of the target video is displayed, the target video is played in a video playback area 20 of the detail page, and video information of the target video is presented in an information presentation area 21 of the detail page, for example, received comment information of the target video, poster information of the target video (e.g., the icon and username of the poster of the target video), descriptive information of the target video and / or the posting time of the target video can be presented in the information presentation area 21 of the detail page.

[0023] Further, still referring to FIG. 2 , the detail page may further include an interaction area 22, which may be located outside the video playback area 20 and the information presentation area 21 of the detail page. The interaction area 22 may display an input box, a like control, a favorite control, and / or a share control, etc., corresponding to the target video, so that the user can comment on and / or send a barrage to the target video through the input box, like the target video by triggering the like control, favorite the target video by triggering the favorite control, or share the target video by triggering the share control.

[0024] In this embodiment, a detail page of the target video is displayed based on a user's trigger operation, for example, the user can switch from another page to enter the detail page of the target video based on the user's trigger operation, and the other page may be, for example, a video list page where video options (e.g., video name or video cover) of different videos (including the target video) are presented, or a video playback page for playing at least one video including the target video, and the embodiment is not limited thereto.

[0025] In one embodiment, the step of displaying the detail page of the target video includes a step of switching the current page from the second video playback page to the detail page of the target video in response to a video detail viewing operation performed in the second video playback page when the target video is played in a main display area of ​​the second video playback page.

[0026] The second video playback page may be any one of video playback pages for playing the target video, such as a video playback page used only for playing the target video, or a video browsing page for sequentially playing at least two videos including the target video based on a user's video switching operation, etc. The video detail browsing operation may be a trigger operation for browsing the detail page of the target video, such as an operation for triggering a video summary of the target video and / or a comment control corresponding to the target video displayed on the second video playback page.

[0027] In the above embodiment, when a user watches a target video, the user can switch to enter the detail page of the target video to view the video information of the target video.

[0028] Illustratively, as shown in Fig. 3, the electronic device plays the video on a video playback page of the video, or plays the video in the video stream on a video browsing page based on the video stream of the video browsing page, and displays a video summary 30 of the currently played video and / or an interaction control (e.g., a comment control 31) corresponding to the currently played video on top of the video screen for switching and entering a detail page of the video, so that when a user wants to view video information of the currently played video, he or she can perform a video detail viewing operation, for example, triggering the video summary 30 or the interaction control. Accordingly, as shown in FIG. 2, when the electronic device detects that a user triggers the video summary 30 or interaction control of a currently played video, it can determine that a video detail viewing operation for the target video has been received, with the currently played video as the target video, and in response to the video detail viewing operation, switch the current page to a video detail page of the target video, continue playing the target video in the video playback area 20 of the video detail page, and present video information of the target video in the information presentation area 21 of the video detail page.

[0029] S102, receiving a page switching operation, including a first slide operation performed in the detail page, a second slide operation performed in the video playing area, or a click operation performed in the video playing area.

[0030] The page switching operation is understood as a trigger operation for instructing to switch the current page from the detail page of the target video to the video playback page, such as a first slide operation acting in the video playback page, a second slide operation acting in the video playback area, or a click operation acting in the video playback area of ​​the target video. The first slide operation may be a slide operation acting along a set direction in the detail page, such as an operation of sliding right to the detail page. The second slide operation may be a slide operation acting in the video playback area of ​​the detail page and along another set direction, such as an operation of vertical sliding (e.g., downward sliding) acting on the video playback area of ​​the detail page. The click operation acting in the video playback area may be understood as a click operation acting on a blank position of the video playback area, and the blank position may not be a position where any content (e.g., a video screen) is not displayed, but may be a position where the trigger control is not displayed.

[0031] When a user wants to switch from the video detail page of the target video to enter the first video playback page, the user may perform a page switching operation, such as sliding right into the detail page, sliding down into the video playback area of ​​the detail page, or clicking on a blank position in the video playback area, such that the electronic device may determine that it has received a page switching operation when it detects the user sliding right in the detail page, sliding down into the video playback area of ​​the detail page, or clicking on a blank position in the video playback area.

[0032] As can be understood, the details page of the target video may further display a trigger control for triggering the execution of the above-mentioned page switching operation, whereby a user can perform the page switching operation by triggering the trigger control, where the page switching operation may further include a trigger operation acting on the trigger control displayed on the details page.

[0033] S103: in response to the page switching operation, switching the current page from the details page to a first video playback page, and performing video playback based on the video stream of the first video playback page, where the video stream includes the target video or a related video of the target video.

[0034] The first video playback page may be a video browsing page, and when the second video playback page is a video browsing page, the first video playback page and the second video playback page may be the same page or different pages, for example, can return to the second video playback page or switch from the current page to a preset video browsing page based on the user's page switching operation. The video browsing page may have a corresponding video stream, and the video stream may include a target video or a related video of the target video, and may sequentially play different videos in the video stream and / or related videos of the target video in the video stream based on the user's video switching operation. The related videos of a video may be understood as videos related to this video in one aspect or several aspects, such as videos related to this video in content, etc.

[0035] When receiving a user's page switching operation, the video stream of the first video playback page can be obtained, the current page can be switched from the details page of the target video to the first video playback page, and the video in the corresponding video stream or the related video of the video in the video stream can be played on the first video playback page.

[0036] Thereby, the user can switch the video being played on the first video playback page by performing a video switching operation (e.g., a vertical slide operation or a horizontal slide operation). In one optional embodiment, the user can switch the currently playing video on the video playback page to another video adjacent to the currently playing video in the first video stream or adjacent to a related video of the currently playing video by performing a vertical slide operation, and / or can switch the currently playing video on the video playback page to a related video of the currently playing video by performing a horizontal slide operation (if a related video exists for the currently playing video).

[0037] In this embodiment, when acquiring the video stream of the first video playback page, the video stream of the second video playback page does not need to be taken into consideration, and a video stream including the target video or the related video of the target video is generated directly according to the video stream generation rules of the first video playback page, and the video stream including the target video or the related video of the target video is the video stream of the first video playback page. When acquiring the video stream of the first video playback page, the video stream of the second video playback page may be taken into consideration, and when the first video playback page and the second video playback page are the same page, the video stream of the second video playback page is acquired when switching to enter the detailed page of the target video, and the video stream of the second video playback page is the video stream of the first video playback page. When the first video playback page and the second video playback page are different pages, a video stream including the target video or the related video of the target video is generated according to the video stream generation rules of the first video playback page, and the video stream including the target video or the related video of the target video is the video stream of the first video playback page.

[0038] When switching from the details page to the first video playback page, the video being played on the first video playback page can be set as necessary, for example, continuing to play the target video on the first video playback page, playing a related video of the target video adjacent to the target video on the first video playback page, playing the target video or a related video of the target video in the video stream located on the first video playback page on the first video playback page, or playing a video adjacent to the target video or a video adjacent to the related video of the target video in the video stream on the first video playback page, etc., but this embodiment is not limited to this.

[0039] In this embodiment, the user can switch from the video detail page of a video to enter the video playback page by performing a simple slide operation or a click operation on the video playback area, and watch different videos on the video playback page, thereby enriching the switching manner from the video detail page to the video playback page and improving the user experience.

[0040] In this embodiment, when displaying the video detail page of the target video, the user can switch the video information presented in the information presentation area by the third slide operation, and at this time, the video playback area can be fixedly displayed on the video detail page, that is, the target video can be played at a fixed position on the screen without moving outside the display area of ​​the screen according to the user's third slide operation, so that the user can easily view the target video while browsing the video information of the target video. At this time, optionally, after the step of displaying the detail page of the target video, the method further includes a step of switching the video information presented in the information presentation area in response to the third slide operation acting in the information presentation area, and controlling the position of the video playback area to be constant. The third slide operation may be an operation having an action area different from that of the first slide operation and / or having a slide direction different from that of the first slide operation, for example, the third slide operation may be a vertical slide operation acting in the information presentation area.

[0041] The video playback method according to the present embodiment includes the steps of: displaying a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; receiving a page switching operation, the page switching operation including a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; and in response to the page switching operation, switching a current page from the detail page of the target video to a first video playback page, and playing a video according to a video stream of the first video playback page, the video stream of the first video playback page including the target video or a video related to the target video. By adopting the above-mentioned aspect, the present embodiment can switch from the video detail page to a video playback page according to a user's slide operation or a click operation performed in the video playback area, enriching the switching manner from the video detail page to the video playback page, and enhancing the user's experience.

[0042] 4 is a schematic flowchart of another video playback method according to an embodiment of the present disclosure. The embodiment of this embodiment may be combined with one or more optional embodiments of the above embodiment. Optionally, the step of switching the current page from the second video playback page to the detail page of the target video includes the steps of controlling a video frame of the target video to move from a main display area of ​​the second video playback page to a video playback area of ​​the detail page, and controlling video information of the target video to be presented in the information presentation area.

[0043] Optionally, the step of switching the current page from the second video playback page to the detail page of the target video includes a step of switching a video frame of the target video from an original video frame having a first size to a target video frame having a second size less than or equal to the first size.

[0044] Optionally, before the step of switching the video frame of the target video from an original video frame having a first size to a target video frame having a second size, the method further includes a step of determining a width value and a height value of the video playback area based on a page width value of the details page and a first preset aspect ratio of the video playback area, and a step of processing the original video frame of the target video based on the width value and the height value of the video playback area to obtain a target video frame.

[0045] As shown in FIG. 4, the video playing method according to this embodiment may include the following steps.

[0046] S201: When playing a target video in a main display area of ​​a second video playback page, in response to a video detail viewing operation performed in the second video playback page, determine a width value and a height value of the video playback area based on a page width value of the details page and a first preset aspect ratio of the video playback area.

[0047] In this embodiment, the aspect ratio of the video playback area on the details page is preset, and when a video detail viewing operation is received, the width and height values ​​of the video playback area on the details page can be determined based on the page width of the details page and this aspect ratio.

[0048] The width value of the detail page is the width value of the video playback area, and the width value of the video playback area is divided by a first preset aspect ratio of the video playback area, and the divided value is used as the height value of the video playback area. The first preset aspect ratio may be understood as the ratio between the width value of the video playback area and the height value of the video playback area, and the first preset aspect ratio may be flexibly set according to needs, for example, the first preset aspect ratio may be set to a value greater than 1 (for example, 16 / 9), and this embodiment does not limit this.

[0049] S202, process the original video frames of the target video according to the width value and the height value of the video playing area to obtain target video frames.

[0050] The original video frame may be understood as a video frame of the target video when it is played on the second video playback page, and the original video frame may have a first size. The target video frame may be understood as a video frame of the target video when it is played on the video playback area of ​​the detail page of the target video, and the target video frame may have a second size, and the second size is equal to or smaller than the first size.

[0051] In this embodiment, the original video frame of the target video can be processed according to the determined width and height values ​​of the video playback area to obtain a target video frame whose size matches the size of the video playback area. Here, the processing manner of the original video frame can be flexibly set, and it is only necessary to ensure that the size of the processed target video frame matches the size of the video playback area. The size of the target video frame matches the size of the video playback area may be understood as the size of the target video frame being equal to or smaller than the size of the video playback area, and the width value of the target video frame is equal to the width value of the video playback area and / or the height value of the target video frame is equal to the height value of the video playback area.

[0052] For example, the width and height of the original video frame of the target video may be reduced while maintaining the aspect ratio until the size of the original video frame of the target video matches the size of the video playback area, or the original video frame of the target video may be directly cropped based on the width and height values ​​of the video playback area to obtain a target video frame whose width value is equal to the width value of the video playback area and whose height value is equal to the height value of the video playback area.

[0053] In this embodiment, in order to allow the user to view a more complete and clear video screen, optionally, the original video frame is first reduced according to the width value or height value of the video playback area, and when the reduced video frame cannot be completely presented in the video playback area, the reduced video frame is trimmed to obtain the target video frame.

[0054] In one embodiment, the step of processing an original video frame of a target video based on a width value and a height value of the video playback area to obtain a target video frame includes the steps of: when an aspect ratio of an original video frame of the target video is greater than 1, scaling the original video frame based on a height value of the video playback area to obtain a first video frame whose height value is the height value of the video playback area; when a width value of the first video frame is greater than the width value of the video playback area, cropping the first video frame according to the width value of the video playback area to obtain a target video frame; and when a width value of the first video frame is less than or equal to the width value of the video playback area, setting the first video frame as the target video frame.

[0055] For example, when the target video is a landscape video, i.e., when the width value of the original video frame in the target video is greater than the height value of the original video frame in the target video, the width and height of the original video frame are first scaled while maintaining the aspect ratio according to the height value of the video playback area to obtain a video frame (i.e., a first video frame) whose height value is equal to the height value of the video playback area, and then it is determined whether the width value of the first video frame is greater than the width value of the video playback area, and if the width value of the first video frame is greater than the width value of the video playback area, the first video frame is trimmed according to the width value of the video playback area to obtain a target video frame whose width value is equal to the width value of the video playback area, and if the width value of the first video frame is equal to or less than the width value of the video playback area, the obtained first video frame is taken as the target video frame.

[0056] In one embodiment, the step of processing an original video frame of a target video based on a width value and a height value of the video playback area to obtain a target video frame includes a step of scaling the original video frame based on a height value of the video playback area to obtain a target video frame when an aspect ratio of the original video frame of the target video is greater than a second preset aspect ratio and less than or equal to 1.

[0057] The second preset aspect ratio may be smaller than 1 and may be flexibly set as required, for example, the preset aspect ratio coefficient may be set to 9 / 16, 10 / 16, 3 / 4, etc., and is not limited thereto in this embodiment. Optionally, the second preset aspect ratio may be set to the inverse of the first preset aspect ratio.

[0058] In the above embodiment, when the target video is a portrait video and the aspect ratio of the original video frame of the target video is larger than the second preset aspect ratio, the width and height of the original video frame are directly enlarged or reduced according to the height value of the video playback area while maintaining the aspect ratio, so as to obtain a target video frame whose height value is equal to the height value of the video playback area and whose width value is less than or equal to the width value of the video playback area.

[0059] In one embodiment, the step of processing original video frames of a target video based on the width and height values ​​of the video playback area to obtain a target video frame includes the steps of: when the target video is a portrait video, determining a width value of the target video frame based on the height value of the video playback area; scaling the original video frame based on the width value of the target video frame to obtain a second video frame having a width value equal to the width value of the target video frame; when the height value of the second video frame is greater than the height value of the video playback area, trimming the second video frame according to the height value of the video playback area to obtain a target video frame; and when the height value of the second video frame is less than or equal to the height value of the video playback area, setting the second video frame as the target video frame.

[0060] For example, when the target video is a portrait video and the width value of the original video frame of the target video is equal to or less than the second preset aspect ratio, the width value of the target video frame is first determined based on the height value of the video playback area, for example, the multiplication product of the video playback area and the second preset aspect ratio is determined as the width value of the target video frame. Then, based on the determined width value of the target video frame, the width and height of the original video frame are enlarged or reduced while maintaining the aspect ratio, to obtain a video frame (i.e., a second video frame) whose width value is equal to the width value of the determined target video frame. Then, it is determined whether the height value of the second video frame is greater than the height value of the video playback area, and if the height value of the second video frame is greater than the height value of the video playback area, the second video frame is trimmed according to the height value of the video playback area to obtain a target video frame whose height value is equal to the height value of the video playback area, and if the height value of the second video frame is equal to or less than the height value of the video playback area, the obtained second video frame is the target video frame.

[0061] S203: control the video frame of the target video to be moved from the main display area of ​​the second video playback page to the video playback area of ​​the details page, control the video information of the target video to be presented in the information presentation area of ​​the details page, and switch the video frame of the target video from an original video frame having a first size to a target video frame having a second size less than or equal to the first size.

[0062] For example, in the process of switching the current page from the second video playback page to the detail page of the target video, the playback of the target video is continued, and the video frame of the controlled target video is controlled to move from its original position when the video frame is displayed in the main display area of ​​the second video playback page to a target position when the video frame is displayed in the video playback area of ​​the detail page of the target video, and according to the relative positional relationship between the video playback area and the information presentation area in the detail page, the video information of the target video is controlled to be entered into the information presentation area from the corresponding side of the video frame of the target video together with the movement of the target video frame, for example, when the video playback area is located above the information presentation area, the video information of the target video can be controlled to move together with the lower edge of the video frame of the target video, thereby realizing a smooth transition of the content displayed on the page and avoiding an unnatural page switching situation.

[0063] In this embodiment, in the process of page switching, the video frame of the target video may further be reduced from a first size to a second size, that is, the video frame of the played target video may be switched from an original video frame having a first size (shown in FIG. 3) to a target video frame having a second size (shown in FIG. 2), and the target video frame may be presented in the video playback area. The trigger for switching the video frame of the target video from the original video frame to the target video frame may be flexibly set, for example, before controlling the video frame of the target video to move from the main display area of ​​the second video playback page to the video playback area of ​​the detail page, after controlling the video frame of the target video to move from the main display area of ​​the second video playback page to the video playback area of ​​the detail page, or in the process of controlling the video frame of the target video to move from the main display area of ​​the second video playback page to the video playback area of ​​the detail page, the video frame of the target video may be switched from the original video frame to the target video frame, and this embodiment is not limited thereto.

[0064] S204, receiving a page switching operation, including a first slide operation performed in the detail page, a second slide operation performed in the video playing area, or a click operation performed in the video playing area.

[0065] S205: in response to the page switching operation, switching the current page from the details page to a first video playback page, and performing video playback based on the video stream of the first video playback page, where the video stream includes the target video or a related video of the target video.

[0066] Exemplarily, when the current page is switched from the details page to the first video playback page and the playback of the target video continues on the first video playback page, the video frame of the target video can be controlled to move from the video playback area of ​​the details page to the main display area of ​​the first video playback page, the video information of the target video can be controlled to move out of the information presentation area of ​​the details page, and the video frame of the target video can be adjusted from the second size to a third size matching the main display area of ​​the first video playback page, and the first size is less than or equal to the third size.

[0067] The video playback method according to this embodiment ensures that the video screen displayed in the video playback area can be clearly presented, and presents the complete video screen to the user, and avoids the page content changing too unnaturally when switching from the video playback page to the target video details page, thereby improving the user experience.

[0068] 5 is a structural block diagram of a video playback device according to an embodiment of the present disclosure, which may be implemented by software and / or hardware and may be disposed in an electronic device, such as a mobile phone or a tablet computer, and may execute a video playback method to switch from a video detail page to a video stream playback page for video playback. As shown in FIG. 5, the video playback device according to this embodiment may include: a page display module 501 configured to display a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; an operation receiving module 502 configured to receive a page switching operation including a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; and a page switching module 503 configured to switch a current page from the detail page to a first video playback page in response to the page switching operation, and to perform video playback based on the video stream of the first video playback page, the video stream including the target video or a video related to the target video.

[0069] In the video playback device according to the present embodiment, the page display module displays a detail page of the target video, the detail page includes a video playback area and an information presentation area, the video playback area is used to play the target video, and the information presentation area is used to present the video information of the target video; the operation receiving module receives a page switching operation, the page switching operation includes a first slide operation acting on the detail page, a second slide operation acting on the video playback area, or a click operation acting on the video playback area; the page switching module switches the current page from the detail page of the target video to a first video playback page in response to the page switching operation, and performs video playback according to the video stream of the first video playback page, and the video stream of the first video playback page includes the target video or the related video of the target video. In this embodiment, by adopting the above-mentioned aspect, the video detail page can be switched to a video playback page based on the user's slide operation or the click operation acting on the video playback area, enriching the switching manner from the video detail page to the video playback page, and improving the user's experience.

[0070] In the above aspect, the page display module 501 may be configured to switch the current page from the second video playback page to a detail page of the target video in response to a video detail viewing operation performed within the second video playback page when playing the target video in the main display area of ​​the second video playback page.

[0071] In the above aspect, the page display module 501 may be configured to control the moving of a video frame of the target video from the main display area of ​​the second video playback page to the video playback area of ​​the details page, and to control the moving of video information of the target video into the information presentation area of ​​the details page to be presented.

[0072] In the above aspect, the page display module 501 may be configured to switch a video frame of the target video from an original video frame having a first size to a target video frame having a second size less than or equal to the first size.

[0073] The video playback device according to this embodiment may further include an area determination module configured to determine width and height values ​​of the video playback area based on a page width value of the details page and a first preset aspect ratio of the video playback area before switching the video frame of the target video from an original video frame having a first size to a target video frame having a second size, and a video frame processing module configured to process the original video frame of the target video based on the width and height values ​​of the video playback area to obtain a target video frame.

[0074] In the above aspect, the video frame processing module may be configured to, when an aspect ratio of an original video frame of the target video is greater than 1, scale the original video frame based on a height value of the video playback area to obtain a first video frame whose height value is the height value of the video playback area, when a width value of the first video frame is greater than the width value of the video playback area, crop the first video frame according to the width value of the video playback area to obtain a target video frame, and when a width value of the first video frame is less than or equal to the width value of the video playback area, configure the first video frame as the target video frame.

[0075] In the above aspect, the video frame processing module may be configured to, when an aspect ratio of the original video frame of the target video is greater than a second preset aspect ratio and less than or equal to 1, scale the original video frame based on a height value of the video playback area to obtain a target video frame.

[0076] In the above aspect, the video frame processing module may be configured to: determine a width value of the target video frame based on a height value of the video playback area when an aspect ratio of an original video frame of the target video is equal to or less than a second preset aspect ratio; scale the original video frame based on the width value of the target video frame to obtain a second video frame having a width value equal to the width value of the target video frame; crop the second video frame according to the height value of the video playback area when the height value of the second video frame is greater than the height value of the video playback area to obtain a target video frame; and set the second video frame as the target video frame when the height value of the second video frame is equal to or less than the height value of the video playback area.

[0077] The video playback device according to this embodiment may further include an information switching module configured to switch the video information of the target video presented in the information presentation area in response to a third slide operation performed within the details page after displaying the details page of the target video, and to control the position of the video playback area to be kept constant.

[0078] The video playback device according to the embodiment of the present disclosure may execute the video playback method according to any embodiment of the present disclosure, and may include a functional module corresponding to the execution of the video playback method. For technical details not described in detail in this embodiment, please refer to the video playback method according to any embodiment of the present disclosure.

[0079] Referring to FIG. 6 below, FIG. 6 shows a structural schematic diagram of an electronic device (e.g., a terminal device) 600 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure includes, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDA), tablet computers (Portable Android Devices, PAD), portable multimedia players (Portable Media Players, PMP), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions (TV) and desktop computers. The electronic device 600 shown in FIG. 6 is merely an example and does not limit the functions and scope of use of the embodiments of the present disclosure.

[0080] 6, the electronic device 600 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 601, which may perform a number of appropriate operations and processes based on a program stored in a read-only memory (ROM) 602 or a program loaded from a storage device 608 into a random access memory (RAM) 603. The RAM 603 also stores various programs and data required for the operation of the electronic device 600. The processing unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0081] Typically, the following devices may be connected to the I / O interface 605: input devices 606, such as a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607, such as a Liquid Crystal Display (LCD), speaker, vibrator, etc.; storage devices 608, such as a magnetic tape or hard disk, etc.; and communication devices 609. The communication devices 609 may enable the electronic device 600 to communicate and exchange data with other devices, wirelessly or wired. Although FIG. 6 shows the electronic device 600 with various devices, it is understood that the electronic device 600 need not embody or include all of the devices shown. Instead, more or fewer devices may be embody or include.

[0082] According to an embodiment of the present disclosure, the process described above with reference to the flowcharts may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product including a computer program embodied in a non-transitory computer readable medium, the computer program including program code for performing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 609, or may be installed from the storage device 608 or from the ROM 602. When the computer program is executed by the processing device 601, it performs the above-mentioned functions defined in the method of the embodiment of the present disclosure.

[0083] It should be noted that the computer readable medium mentioned above in this disclosure may be a computer readable signal medium, a computer readable storage medium, or any combination of the two. The computer readable storage medium may be, for example, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer readable storage media include, but are not limited to, an electrical connection with one or more wires, a portable computer disk, a hard drive, a RAM, a ROM, an Erasable Programmable Read-Only Memory (EPROM) or Flash memory, an optical fiber, a portable Compact Disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this disclosure, the computer readable medium may be any tangible medium that contains or stores a program, which can be used by an instruction execution system, apparatus, or device, or any combination thereof. In this disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave and having computer-readable program code embodied therein. Such a propagated data signal may take many forms, including, but not limited to, an electromagnetic signal, an optical signal, or any suitable combination of the above. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transmit a program for use by an instruction execution system, apparatus, or device, or any combination thereof. The program code embodied on a computer-readable medium may be transmitted using any suitable medium, including, but not limited to, wire, optical cable, radio frequency (Radio Frequency, RF), or the like, or any suitable combination thereof.

[0084] In some embodiments, the clients and servers may communicate using any network protocol now known or later developed, such as HyperText Transfer Protocol (HTTP), and may interconnect any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include local area networks (LANs), wide area networks (WANs), networks connected between wide area networks (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), and any other networks now known or later developed.

[0085] The computer-readable medium may be included in the electronic device, or may exist independently and not integrated into the electronic device.

[0086] The computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device performs the following steps: displaying a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; receiving a page switching operation including a first slide operation acted on the detail page, a second slide operation acted on the video playback area, or a click operation acted on the video playback area; and in response to the page switching operation, switching the current page from the detail page to a first video playback page, and performing video playback based on the video stream of the first video playback page, the video stream including the target video or a video related to the target video.

[0087] Computer program code for carrying out the operations of the present disclosure can be written in one or more programming languages, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code can run completely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or completely on a remote computer or server. In cases where a remote computer is involved, the remote computer can be connected to the user's computer or to an external computer (e.g., an Internet connection via an Internet Service Provider) via any type of network, including a LAN or WAN.

[0088] The flowcharts and block diagrams in the drawings illustrate possible architectures, functionality, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or part of code that includes one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions shown in the blocks may be executed in a different order than that shown in the figures. For example, two blocks shown one after the other may in fact be executed substantially in parallel or may be executed in the reverse order depending on the functionality involved. Each block of the block diagrams and / or flowchart diagrams, and combinations of blocks in the block diagrams and / or flowchart diagrams, may be implemented by a dedicated hardware-based system that performs the specified functions or operations, or may be implemented using a combination of specialized hardware and computer instructions.

[0089] The units according to the embodiments of the present disclosure may be realized in software or hardware. The names of the modules do not limit the modules themselves in some cases.

[0090] The functionality described herein may be performed, at least in part, by one or more hardware logic components. For example, but not limited to, typical types of hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0091] In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain or store a program used by an instruction execution system, apparatus, or device, or a combination thereof. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination thereof. More specific examples of machine-readable storage media include one or more wire-based electrical connections, portable computer disks, hard drives, RAM, ROM, EPROM or flash memory, optical fibers, CD-ROMs, optical storage devices, magnetic storage devices, or any suitable combination of the above.

[0092] According to one or more embodiments of the present disclosure, Example 1 provides a video playback method, which includes the steps of: displaying a detail page of a target video, where the detail page includes a video playback area and an information presentation area, where the video playback area is used to play the target video, and the information presentation area is used to present video information of the target video; receiving a page switching operation including a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; and in response to the page switching operation, switching a current page from the detail page to a first video playback page, and performing video playback based on a video stream of the first video playback page, where the video stream includes the target video or a related video of the target video.

[0093] According to one or more embodiments of the present disclosure, Example 2 is based on the method described in Example 1, and the step of displaying a detail page of the target video includes a step of switching a current page from the second video playback page to the detail page of the target video in response to a video detail viewing operation performed in the second video playback page when the target video is played in a main display area of ​​the second video playback page.

[0094] According to one or more embodiments of the present disclosure, Example 3 is based on the method described in Example 2, and the step of switching the current page from the second video playback page to the detail page of the target video includes the steps of controlling a video frame of the target video to be moved from a main display area of ​​the second video playback page to a video playback area of ​​the detail page, and controlling video information of the target video to be presented in an information presentation area of ​​the detail page.

[0095] According to one or more embodiments of the present disclosure, Example 4 is based on the method described in Example 2, and the step of switching the current page from the second video playback page to a detail page of the target video includes switching a video frame of the target video from an original video frame having a first size to a target video frame having a second size less than or equal to the first size.

[0096] According to one or more embodiments of the present disclosure, Example 5 is based on the method described in Example 4, and further includes, before the step of switching the video frame of the target video from an original video frame having a first size to a target video frame having a second size, a step of determining a width value and a height value of the video playback area based on a page width value of the details page and a first preset aspect ratio of the video playback area, and a step of processing the original video frame of the target video based on the width value and the height value of the video playback area to obtain a target video frame.

[0097] According to one or more embodiments of the present disclosure, Example 6 is based on the method of Example 5, and the step of processing an original video frame of a target video based on a width value and a height value of the video playback area to obtain a target video frame includes: when an aspect ratio of an original video frame of the target video is greater than 1, scaling the original video frame based on a height value of the video playback area to obtain a first video frame whose height value is the height value of the video playback area; when a width value of the first video frame is greater than the width value of the video playback area, cropping the first video frame according to the width value of the video playback area to obtain a target video frame; and when a width value of the first video frame is less than or equal to the width value of the video playback area, setting the first video frame as the target video frame.

[0098] According to one or more embodiments of the present disclosure, Example 7 is based on the method described in Example 5, and the step of processing an original video frame of the target video based on a width value and a height value of the video playback area to obtain a target video frame includes a step of scaling the original video frame based on a height value of the video playback area to obtain a target video frame when an aspect ratio of the original video frame of the target video is greater than a second preset aspect ratio and less than or equal to 1.

[0099] According to one or more embodiments of the present disclosure, Example 8 is based on the method of Example 5, and the step of processing original video frames of a target video based on width and height values ​​of the video playback area to obtain a target video frame includes: determining a width value of the target video frame based on a height value of the video playback area when an aspect ratio of the original video frame of the target video is equal to or less than a second preset aspect ratio; scaling the original video frame based on the width value of the target video frame to obtain a second video frame having a width value equal to the width value of the target video frame; cropping the second video frame according to the height value of the video playback area to obtain a target video frame when the height value of the second video frame is greater than the height value of the video playback area; and setting the second video frame as the target video frame when the height value of the second video frame is equal to or less than the height value of the video playback area.

[0100] According to one or more embodiments of the present disclosure, Example 9 is based on the method described in any one of Examples 1-8, and further includes a step of controlling, after the step of displaying a detail page of the target video, to switch the video information presented in the information presentation area and to keep the position of the video playback area constant in response to a third slide operation performed within the detail page.

[0101] According to one or more embodiments of the present disclosure, Example 10 provides a video playback device, the video playback device including: a page display module configured to display a detail page of a target video, the detail page including a video playback area and an information presentation area, the video playback area being used to play the target video, and the information presentation area being used to present video information of the target video; an operation receiving module configured to receive a page switching operation including a first slide operation acted in the detail page, a second slide operation acted in the video playback area, or a click operation acted in the video playback area; and a page switching module configured to switch a current page from the detail page to a first video playback page in response to the page switching operation, and to perform video playback based on a video stream of the first video playback page, the video stream including the target video or a related video of the target video.

[0102] According to one or more embodiments of the present disclosure, Example 11 provides an electronic device including one or more processors and a memory configured to store one or more programs, which, when executed by the one or more processors, cause the one or more processors to realize a video playback method described in any one of Examples 1-9.

[0103] According to one or more embodiments of the present disclosure, Example 12 provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, realizes the video playback method described in any one of Examples 1-9.

[0104] According to one or more embodiments of the present disclosure, Example 13 provides a computer program product, which, when executed by a computer, causes the computer to implement the video playback method described in any one of Examples 1-9.

[0105] The above description is merely a description of the embodiments of the present disclosure and the technical principles applied thereto. As can be understood by those skilled in the art, the disclosure scope of the present disclosure is not limited to the technical means consisting of a specific combination of the above technical features, but should also cover the embodiments consisting of the above technical features, or other technical means formed by any combination of the above technical features or their equivalent features without departing from the concept disclosed above. For example, the above features are replaced with the technical features (but not limited to) disclosed in the present disclosure having similar functions to form a technical means.

[0106] Additionally, although operations are shown in a particular order, this should not be understood as requiring that these operations be performed in the particular order shown, or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although details of multiple implementations are included in the above description, these should not be construed as limiting the scope of the disclosure. Some features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Claims

1. 1. A method for playing video, comprising: displaying a detail page of a target video, the detail page including a video playing area and an information presenting area, the video playing area is used for playing the target video, and the information presenting area is used for presenting video information of the target video; receiving a page switching operation including a first slide operation performed within the detail page, a second slide operation performed within the video playback area, or a click operation performed within the video playback area; A video playback method comprising: in response to the page switching operation, switching a current page from the details page to a first video playback page, and performing video playback based on a video stream of the first video playback page, wherein the video stream includes the target video or a related video of the target video.

2. The step of displaying a detail page of the target video includes: When playing the target video in a main display area of ​​a second video playback page, in response to a video detail browsing operation performed in the second video playback page, the method includes the step of switching a current page from the second video playback page to a detail page of the target video; The method of claim 1.

3. said step of switching the current page from the second video playback page to the detail page of the target video includes: Controlling a video frame of the target video to move from a main display area of ​​the second video playback page to a video playback area of ​​the detail page, and controlling video information of the target video to be presented in an information presentation area of ​​the detail page; The method of claim 2.

4. said step of switching the current page from the second video playback page to the detail page of the target video includes: switching video frames of the target video from original video frames having a first size to target video frames having a second size less than or equal to the first size; The method of claim 2.

5. prior to said step of switching video frames of said target video from original video frames having a first size to target video frames having a second size; determining a width value and a height value of the video play area based on a page width value of the details page and a first preset aspect ratio of the video play area; and processing the original video frames of the target video based on the width and height values ​​of the video playback area to obtain target video frames. The method according to claim 4.

6. said step of processing original video frames of said target video based on width and height values ​​of said video playback area to obtain target video frames includes: if an aspect ratio of an original video frame of the target video is greater than 1, scaling the original video frame according to the height value of the video playback area to obtain a first video frame whose height value is the height value of the video playback area; when the width value of the first video frame is greater than the width value of the video playback area, cropping the first video frame according to the width value of the video playback area to obtain a target video frame; and determining, when a width value of the first video frame is equal to or less than a width value of the video playback area, that the first video frame is a target video frame. The method according to claim 5.

7. said step of processing original video frames of said target video based on width and height values ​​of said video playback area to obtain target video frames includes: when an aspect ratio of the original video frame of the target video is greater than a second preset aspect ratio and less than or equal to 1, scaling the original video frame according to a height value of the video playing area to obtain a target video frame; The method according to claim 5.

8. said step of processing original video frames of said target video based on width and height values ​​of said video playback area to obtain target video frames includes: determining a width value of the target video frame based on a height value of the video playback area when an aspect ratio of the original video frame of the target video is equal to or smaller than a second preset aspect ratio; scaling the original video frame based on a width value of the target video frame to obtain a second video frame having a width value equal to the width value of the target video frame; when the height value of the second video frame is greater than the height value of the video playback area, cropping the second video frame according to the height value of the video playback area to obtain a target video frame; and if a height value of the second video frame is less than or equal to a height value of the video playback area, determining the second video frame as a target video frame. The method according to claim 5.

9. After the step of displaying a detail page of the target video, and further comprising a step of controlling, in response to a third slide operation acting within the information presentation area, to switch the video information of the target video presented in the information presentation area and to keep the position of the video playback area constant. The method according to any one of claims 1 to 8.

10. 1. A video playback device, comprising: a page display module configured to display a detail page of a target video, the detail page including a video playing area and an information presentation area, the video playing area being used for playing the target video, and the information presentation area being used for presenting video information of the target video; and An operation receiving module configured to receive a page switching operation, the page switching operation including a first slide operation performed in the detail page, a second slide operation performed in the video playback area, or a click operation performed in the video playback area; A video playback device comprising: a page switching module configured to switch a current page from the details page to a first video playback page in response to the page switching operation, and to perform video playback based on the video stream of the first video playback page, wherein the video stream includes the target video or a related video of the target video.

11. At least one processor; a memory communicatively coupled to the at least one processor, An electronic device having a computer program stored in the memory that is executable by the at least one processor, and when the computer program is executed by the at least one processor, causing the at least one processor to perform a video playback method described in any one of claims 1 to 9.

12. A computer readable storage medium having stored thereon computer instructions which, when executed by a processor, are used to implement the video playback method of any one of claims 1-9.

13. A computer program product comprising a computer program which, when executed by a processor, implements the video playback method according to any one of claims 1-9.

Images