CN111464858A - Video playing method and device - Google Patents
Video playing method and device Download PDFInfo
- Publication number
- CN111464858A CN111464858A CN202010158250.3A CN202010158250A CN111464858A CN 111464858 A CN111464858 A CN 111464858A CN 202010158250 A CN202010158250 A CN 202010158250A CN 111464858 A CN111464858 A CN 111464858A
- Authority
- CN
- China
- Prior art keywords
- video
- information
- display area
- playing
- list
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing 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/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
- H04N21/44213—Monitoring of end-user related data
- H04N21/44222—Analytics of user selections, e.g. selection of programs or purchase activity
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
- H04N21/4825—End-user interface for program selection using a list of items to be played back in a given order, e.g. playlists
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Social Psychology (AREA)
- Computer Networks & Wireless Communication (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention provides a video playing method and device, which are applied to an application program, wherein the video playing component in the application program is used for acquiring the initial element information and the sequencing information of the element information, so that a mixed list of the initial element information is generated, then the sliding of the mixed list can be monitored, the current display area is identified, and if the element information in the display area comprises video information and the visual percentage of the video information meets a preset threshold value, the video information is automatically played. The video playing component can be a Flutter platform, so that when an application program runs on an Android or IOS operating platform, a mixed list can be generated through the Flutter platform in the application program, video rolling playing is achieved, the problem that the mixed list needs to be developed for different operating systems is solved, development efficiency is improved, user operating events aiming at the mixed list can be monitored, user operation is fully sensed, service response is facilitated, and user experience is guaranteed.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a video playing method and a video playing apparatus.
Background
With the popularization of mobile terminals, application software is more and more abundant. The application interfaces of many applications include a mixing list, and the mixing list may include graphics and text information, video information, audio information, and the like. The video mixing list realized based on the Android and IOS native technology can realize video sliding playing. However, different operating systems use different programming languages, and on one hand, different operating systems need to be developed, development efficiency is low, and the display effect of the mixed list developed for the two operating systems is different. On the other hand, although the hybrid list developed by the bridge mode based on the native operating system can be developed by the bridge mode, the business operation of the hybrid list is limited to a certain extent and operation obstacles are essentially the whole list.
Disclosure of Invention
The embodiment of the invention provides a video playing method, and aims to solve the problems that in the prior art, a mixed list needs to be developed aiming at different operating systems, the development efficiency is low, and certain use limitation and operation obstacle exist.
Correspondingly, the embodiment of the invention also provides a video playing device, which is used for ensuring the realization and the application of the method.
In order to solve the above problem, an embodiment of the present invention discloses a video playing method, which is applied to an application program, where the application program includes a video playing component, and the method includes:
acquiring initial element information and sequencing information of the initial element information through the video playing component;
generating a mixing list aiming at the initial element information according to the sequencing information through the video playing component;
determining, by the video playback component, a first display area of the blended list in response to an end of a first swipe operation against the blended list, the first display area including a number of current element information;
when the current element information in the first display area comprises first video information, determining a first visual percentage of the first video information through the video playing component;
and when the first visual percentage of the first video information meets a preset threshold value, playing the first video information through the video playing component.
Optionally, the method further comprises:
determining, by the video playback component, a second display area of the blended list in response to an end of a second swipe operation against the blended list;
when the current element information in the second display area comprises the first video information and the second video information, determining a second visual percentage of the second video information through the video playing component;
and when the second visual percentage of the second video information meets the preset threshold value, pausing the playing of the first video information through the video playing component and playing the second video information.
Optionally, the method further comprises:
and when the first visual percentage of the first video information is smaller than the preset threshold value, pausing the playing of the first video information through the video playing component.
Optionally, the method further comprises:
and when the first video information slides out of the display area, the first video information is paused to be played through the video playing component.
Optionally, the determining, by the video playing component, a first display area of the mixed list in response to the end of the first sliding operation with respect to the mixed list includes:
and responding to the end of the first sliding operation aiming at the mixed list through the video playing component, traversing the mixed list from top to bottom according to a preset step length, and acquiring a first display area.
Optionally, the video information includes a video identifier, and when the current element information in the first display area includes first video information, determining, by the video playing component, a first visible percentage of the first video information includes:
when the video identifier is detected in the first display area, determining, by the video playing component, a first visual percentage of first video information corresponding to the video identifier.
Optionally, the initial element information further includes at least one of text information, image information, and audio information.
The embodiment of the invention also discloses a video playing device, which is applied to an application program, wherein the application program comprises a video playing component, and the device comprises:
the information acquisition module is positioned on the video playing component and used for acquiring initial element information and sequencing information of the initial element information;
a mixed list generating module located in the video playing component, configured to generate a mixed list for the initial element information according to the sorting information;
a first display area determination module at the video playback component for determining a first display area of the blended list in response to an end of a first swipe operation on the blended list, the first display area including a number of current element information;
a first visual percentage determination module located in the video playing component, configured to determine a first visual percentage of the first video information when the current element information in the first display area includes the first video information;
and the first video information playing module is positioned on the video playing component and used for playing the first video information when the first visual percentage of the first video information meets a preset threshold value.
Optionally, the method further comprises:
a second display area determination module at the video playback component for determining a second display area of the blended list in response to an end of a second swipe operation on the blended list;
a second visual percentage determination module located in the video playing component, configured to determine a second visual percentage of the second video information when the current element information in the second display area includes the first video information and the second video information;
and the second video information playing module is positioned in the video playing component and used for pausing the playing of the first video information and playing the second video information when the second visual percentage of the second video information meets the preset threshold value.
Optionally, the method further comprises:
and the first video information pause playing module is positioned on the video playing component and used for pausing the playing of the first video information when the first visual percentage of the first video information is smaller than the preset threshold value.
Optionally, the method further comprises:
and the second video information pause playing module is positioned in the video playing component and used for pausing the playing of the first video information when the first video information slides out of the display area.
Optionally, the first display area determining module is specifically configured to:
and responding to the end of the first sliding operation aiming at the mixed list, traversing the mixed list from top to bottom according to a preset step length, and acquiring a first display area.
Optionally, the video information includes a video identifier, and the first visibility percentage determining module is specifically configured to:
when the video identifier is detected in the first display area, a first visual percentage of first video information corresponding to the video identifier is determined.
Optionally, the initial element information further includes at least one of text information, image information, and audio information.
The embodiment of the invention also discloses an electronic device, which comprises:
one or more processors; and
one or more machine readable media having instructions stored thereon that, when executed by the one or more processors, cause the electronic device to perform one or more methods as described above.
Embodiments of the invention also disclose one or more machine-readable media having instructions stored thereon, which when executed by one or more processors, cause the processors to perform one or more of the methods described above.
The embodiment of the invention has the following advantages:
in the embodiment of the invention, the method is applied to an application program, the video playing component in the application program is used for acquiring the sequencing information of the initial element information and the element information, so as to generate a mixed list of the initial element information, then the sliding of the mixed list can be monitored, the current display area is identified, and if the element information in the display area comprises the video information and the visual percentage of the video information meets the preset threshold value, the video information is automatically played. The video playing component can be a Flutter platform, so that when an application program runs on an Android or IOS operating platform, a mixed list can be generated through the Flutter platform in the application program, video rolling playing is achieved, the problem that the mixed list needs to be developed for different operating systems is solved, development efficiency is improved, user operating events aiming at the mixed list can be monitored, user operation is fully sensed, service response is facilitated, and user experience is guaranteed.
Drawings
FIG. 1 is a flowchart illustrating a first embodiment of a video playing method according to the present invention;
FIG. 2 is a first diagram of a mixing list in an embodiment of the present invention;
FIG. 3 is a second diagram of a mixing list in an embodiment of the present invention;
FIG. 4 is a flowchart illustrating steps of a second embodiment of a video playing method according to the present invention;
fig. 5 is a block diagram of a video playback device according to an embodiment of the present invention.
Detailed Description
In order to make the aforementioned objects, features and advantages of the present invention comprehensible, embodiments accompanied with figures are described in further detail below.
Among the applications of the mobile terminal, there are many applications having a mixed list, and an application display interface of the applications includes a variety of element information, which may include picture information, text information, graphic information, video information, audio information, and so on. However, it is necessary to develop a separate operating system or a mixed list in a bridge mode. However, in this development mode, on one hand, development is performed for different operating systems, development efficiency is low, and display effects of different operating systems are different, and on the other hand, for all the element information finally displayed on one mixed list, a mounting relationship between each element information and the mixed list needs to be established, so that in the process of displaying the mixed list, a rendering display is performed on a position of each element corresponding to the mixed list according to the corresponding relationship.
Therefore, one of the core invention points of the embodiment of the present invention is to develop a mixed list through a Flutter platform, and automatically play video information in the list by monitoring sliding information of the list, thereby solving the problem that the mixed list needs to be developed for different operating systems, improving development efficiency, monitoring user operation events for the mixed list, fully sensing user operation, facilitating service response, and ensuring user experience.
Specifically, referring to fig. 1, a flowchart illustrating a first step of a video playing method according to an embodiment of the present invention is shown, which may specifically include the following steps:
as an example, the video playing component may be a Flutter platform, and the Flutter platform may be integrated in an application program, so that the Flutter is operated as a module on platforms such as Android, IOS, or web, and when the terminal operating the Android, IOS, or web operates the application program, the application program may generate a mixed list through the Flutter, and respond to a user operation to implement video scrolling playing.
The element information includes text information, graphics and text information, picture information, video information, audio information, and the like, and the sorting information may be an arrangement order between the respective element information.
102, generating a mixed list aiming at the initial element information according to the sequencing information through a video playing component;
in specific implementation, a component that can be applied to platforms such as Android, IOS, and Web at the same time, for example, a composite control (mixed list) that shows content on an application program, may be developed in advance in a Flutter-based technical framework, and then Flutter including the component is integrated in the application program, so that it is only necessary to develop once, and the component can be run and validated on operating systems such as Android, IOS, and Web at the same time.
Specifically, in the process of developing the hybrid list, for the element information finally displayed on one hybrid list, only the element information needs to be represented in the build method, and the mounting relationship between the hybrid list and the element information does not need to be established. In the running process of the application program, the hybrid list can be rendered in the image user interface of the terminal through the Flutter according to the sequencing order of the initial element information.
For example, as shown in fig. 2, which shows a schematic diagram one of a mixed list in an embodiment of the present invention, the ordering information between the initial element information may be: text information-image-text information and the like, and a mixed list corresponding to the initial element information can be generated according to the sequencing information, so that the problem that the Fluter is integrated in an application program is solved, the mixed list can be generated by the Fluter when the application program is operated, the problem that the mixed list needs to be developed aiming at different operating systems is solved, and the development efficiency is improved.
103, responding to the end of a first sliding operation aiming at the mixed list through a video playing component, and determining a first display area of the mixed list, wherein the first display area comprises a plurality of current element information;
after the hybrid list is generated by Flutter, operation events on the hybrid list, such as click events, slide events, and the like, can be monitored. When the end of the first sliding operation for the mixed list is detected, a current first display area of the mixed list may be determined and current element information in the display area may be acquired.
104, when the current element information in the first display area comprises first video information, determining a first visual percentage of the first video information through a video playing component;
in an example, as shown in fig. 3, which illustrates a schematic diagram two of the mixing list in the embodiment of the present invention, when a user slides the mixing list, after the sliding operation is finished, Flutter may determine, according to the sliding operation, a first display area of the current mixing list, and obtain current element information in the display area, and when the current element information in the first display area includes first video information, determine a first visual percentage of the first video information. Specifically, the entire visible area of the video information may be obtained, and then the visible percentage may be calculated according to the visible area of the video information in the current first display region.
And 105, when the first visual percentage of the first video information meets a preset threshold value, playing the first video information through a video playing component.
In a specific implementation, when the first visual percentage of the first video information satisfies a preset threshold, the first video information may be automatically played. For example, when the first visual percentage of the first video information is greater than or equal to 80%, the first video information is played, so that a mixed list can be generated by Flutter during the running process of the application program, and the video is played in a scrolling manner in response to the sliding operation of the user.
In the embodiment of the invention, the method is applied to an application program, the video playing component in the application program is used for acquiring the sequencing information of the initial element information and the element information, so as to generate a mixed list of the initial element information, then the sliding of the mixed list can be monitored, the current display area is identified, and if the element information in the display area comprises the video information and the visual percentage of the video information meets the preset threshold value, the video information is automatically played. The video playing component can be a Flutter platform, so that when an application program runs on an Android or IOS operating platform, a mixed list can be generated through the Flutter platform in the application program, video rolling playing is achieved, the problem that the mixed list needs to be developed for different operating systems is solved, development efficiency is improved, user operating events aiming at the mixed list can be monitored, user operation is fully sensed, service response is facilitated, and user experience is guaranteed.
Referring to fig. 4, a flowchart illustrating steps of a second embodiment of a video playing method according to the present invention is shown, and is applied to an application program, where the application program includes a video playing component, and the method specifically includes the following steps:
in an example, the operating system of the user terminal may be an Android or IOS system, and when the user terminal runs an application program, the application program may obtain initial element information that needs to be displayed and sequencing information of each element information through Flutter, so as to represent the initial element information and the sequencing information by a build method.
specifically, in the process of developing the hybrid list by the Flutter platform, for the finally displayed element information on one hybrid list, only the information needs to be represented in the build method, and the mounting relation between the hybrid list and the element information does not need to be established. Therefore, in the running process of the application program, the initial element information can be obtained through the Flutter, and the mixed list is rendered in the image user interface of the terminal according to the sequencing order of the initial element information.
in a specific implementation, the mixed list can be displayed through a terminal, and a user can click, slide and the like in the mixed list. When the end of the first sliding operation of the user is monitored, the current first display area can be determined by traversing the whole view tree, and then the element information in the display area is determined.
In an example of the present invention, a coordinate system may be established, where a longitudinal direction of the terminal display screen is a Y-axis, a transverse direction is an X-axis, and a resolution of the terminal display screen is a coordinate value of the X-axis and the Y-axis, for example, the coordinate value may be a pixel value. And traversing the display area of the terminal display screen from top to bottom by setting a traversal step length (for example, traversing every 10px, traversing every 5px and the like), so as to obtain the current display area of the mixed list when the sliding operation is finished, and identifying all element information in the display area. Specifically, each piece of element information may correspond to an element identifier, for example, the video information corresponds to a unique video identifier, the text information corresponds to a text identifier, the picture information corresponds to a picture identifier, and the like.
For example, after the user sliding operation is finished, when the display area of the mixed list is changed from fig. 2 to fig. 3, traversal may be performed from top to bottom according to a preset step length, and according to the element identifier, obtaining element information in the current display area of the mixed list includes: the first image-text information, the first text information, the second image-text information, the second text information and the first video information.
in a specific implementation, whether the element information in the display area includes video information may be determined according to the element identifier. When the video identification is detected in the first display area, a first visual percentage of first video information corresponding to the video identification is determined, so that when the visual percentage is larger than or equal to a preset threshold value, the first video information is automatically played.
In a specific implementation, if the first visual percentage of the first video information is smaller than the preset threshold, the user cannot see the video information completely because the visual proportion of the first video information in the display area is low, and the video information is not played or is paused.
In one example, when the user continues to slide the mixing list such that the first visual percentage of the first video information is less than a preset threshold, then the playing of the first video information is paused.
In another example, when the user continues to slide the mixing list such that the first video information slides out of the display area, the playing of the first video information is paused.
In an alternative embodiment of the present invention, when the user continues to slide the mixed list, a second display area of the mixed list may be determined in response to the end of the second slide operation with respect to the mixed list; when the current element information in the second display area comprises the first video information and the second video information, determining a second visual percentage of the second video information; and when the second visual percentage of the second video information meets the preset threshold value, pausing the playing of the first video information and playing the second video information.
In a specific implementation, along with the sliding of the user on the mixed list, the display area of the mixed list may include a plurality of video information, so that the video information may be played according to the visual percentage of the video information on the one hand, and the video information may also be played according to the sequence of the video information on the other hand.
For example, suppose that the display area of the mixing list includes the first video information and the second video information, the first video information is preferentially shown in the second video information, and the first video information is currently playing. When the first video information slides out of the display area and the visible percentage of the second video information is larger than or equal to a preset threshold value, pausing playing the first video information and playing the second video information; when the first video information does not slide out of the display area (the visible percentage is greater than or equal to a preset threshold value) and the visible percentage of the second video information is greater than or equal to the preset threshold value, pausing playing the first video information and playing the second video information; when the visual percentage of the first video information is smaller than the preset threshold value and the visual percentage of the second video information is larger than or equal to the preset threshold value, the playing of the first video information is paused, and the second video information is played, so that a mixed list can be generated by the Flutter in the running process of the application program, and the video is played in a rolling mode in response to the sliding operation of a user.
It should be noted that the embodiment of the present invention includes but is not limited to the above examples, and it is understood that, under the guidance of the idea of the embodiment of the present invention, a person skilled in the art may also set a preset threshold value according to an actual situation, and the present invention is not limited to this.
In the embodiment of the invention, the method is applied to an application program, the video playing component in the application program is used for acquiring the sequencing information of the initial element information and the element information, so as to generate a mixed list of the initial element information, then the sliding of the mixed list can be monitored, the current display area is identified, and if the element information in the display area comprises the video information and the visual percentage of the video information meets the preset threshold value, the video information is automatically played. The video playing component can be a Flutter platform, so that when an application program runs on an Android or IOS operating platform, a mixed list can be generated through the Flutter platform in the application program, video rolling playing is achieved, the problem that the mixed list needs to be developed for different operating systems is solved, development efficiency is improved, user operating events aiming at the mixed list can be monitored, user operation is fully sensed, service response is facilitated, and user experience is guaranteed.
It should be noted that, for simplicity of description, the method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present invention is not limited by the illustrated order of acts, as some steps may occur in other orders or concurrently in accordance with the embodiments of the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no particular act is required to implement the invention.
Referring to fig. 5, a block diagram of a video playing apparatus according to an embodiment of the present invention is shown, and is applied to an application program, where the application program includes a video playing component, and specifically may include the following modules:
an information obtaining module 501 located in the video playing component, configured to obtain initial element information and ordering information of the initial element information;
a mixed list generating module 502 of the video playing component, configured to generate a mixed list for the initial element information according to the sorting information;
a first display area determining module 503 located in the video playing component, configured to determine a first display area of the mixing list in response to an end of a first sliding operation for the mixing list, where the first display area includes a number of current element information;
a first visual percentage determination module 504 at the video playback component for determining a first visual percentage of the first video information when the current element information in the first display area includes the first video information;
a first video information playing module 505 located in the video playing component, configured to play the first video information when a first visual percentage of the first video information meets a preset threshold.
In an optional embodiment of the present invention, further comprising:
a second display area determination module at the video playback component for determining a second display area of the blended list in response to an end of a second swipe operation on the blended list;
a second visual percentage determination module located in the video playing component, configured to determine a second visual percentage of the second video information when the current element information in the second display area includes the first video information and the second video information;
and the second video information playing module is positioned in the video playing component and used for pausing the playing of the first video information and playing the second video information when the second visual percentage of the second video information meets the preset threshold value.
In an optional embodiment of the present invention, further comprising:
and the first video information pause playing module is positioned on the video playing component and used for pausing the playing of the first video information when the first visual percentage of the first video information is smaller than the preset threshold value.
In an optional embodiment of the present invention, further comprising:
and the second video information pause playing module is positioned in the video playing component and used for pausing the playing of the first video information when the first video information slides out of the display area.
In an optional embodiment of the present invention, the first display area determining module 503 is specifically configured to:
and responding to the end of the first sliding operation aiming at the mixed list, traversing the mixed list from top to bottom according to a preset step length, and acquiring a first display area.
In an optional embodiment of the present invention, the video information includes a video identifier, and the first visibility percentage determining module 504 is specifically configured to:
when the video identifier is detected in the first display area, a first visual percentage of first video information corresponding to the video identifier is determined.
In an optional embodiment of the present invention, the initial element information further comprises at least one of text information, image information, and audio information.
For the device embodiment, since it is basically similar to the method embodiment, the description is simple, and for the relevant points, refer to the partial description of the method embodiment.
An embodiment of the present invention further provides an electronic device, including:
one or more processors; and
one or more machine-readable media having instructions stored thereon, which when executed by the one or more processors, cause the electronic device to perform methods as described in embodiments of the invention.
Embodiments of the invention also provide one or more machine-readable media having instructions stored thereon, which when executed by one or more processors, cause the processors to perform the methods described in embodiments of the invention.
The embodiments in the present specification are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, embodiments of the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, embodiments of the present invention 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, and the like) having computer-usable program code embodied therein.
Embodiments of the present invention are described with reference to flowchart illustrations and/or block diagrams of methods, terminal devices (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing terminal to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing terminal, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing terminal to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing terminal to cause a series of operational steps to be performed on the computer or other programmable terminal to produce a computer implemented process such that the instructions which execute on the computer or other programmable terminal provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
While preferred embodiments of the present invention have been described, additional variations and modifications of these embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all such alterations and modifications as fall within the scope of the embodiments of the invention.
Finally, it should also be noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or terminal that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or terminal. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or terminal that comprises the element.
The video playing method and the video playing apparatus provided by the present invention are described in detail above, and the principle and the implementation of the present invention are explained in detail herein by applying specific examples, and the description of the above examples is only used to help understanding the method and the core idea of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (10)
1. A video playback method applied to an application program including a video playback component, the method comprising:
acquiring initial element information and sequencing information of the initial element information through the video playing component;
generating a mixing list aiming at the initial element information according to the sequencing information through the video playing component;
determining, by the video playback component, a first display area of the blended list in response to an end of a first swipe operation against the blended list, the first display area including a number of current element information;
when the current element information in the first display area comprises first video information, determining a first visual percentage of the first video information through the video playing component;
and when the first visual percentage of the first video information meets a preset threshold value, playing the first video information through the video playing component.
2. The method of claim 1, further comprising:
determining, by the video playback component, a second display area of the blended list in response to an end of a second swipe operation against the blended list;
when the current element information in the second display area comprises the first video information and the second video information, determining a second visual percentage of the second video information through the video playing component;
and when the second visual percentage of the second video information meets the preset threshold value, pausing the playing of the first video information through the video playing component and playing the second video information.
3. The method of claim 1, further comprising:
and when the first visual percentage of the first video information is smaller than the preset threshold value, pausing the playing of the first video information through the video playing component.
4. The method of claim 1, further comprising:
and when the first video information slides out of the display area, the first video information is paused to be played through the video playing component.
5. The method of claim 1, wherein determining, by the video playback component in response to the end of the first swipe operation on the blended list, the first display region of the blended list comprises:
and responding to the end of the first sliding operation aiming at the mixed list through the video playing component, traversing the mixed list from top to bottom according to a preset step length, and acquiring a first display area.
6. The method of claim 1, wherein video information comprises a video identifier, and wherein determining, by the video playback component, a first visual percentage of the first video information when the current element information in the first display area comprises the first video information comprises:
when the video identifier is detected in the first display area, determining, by the video playing component, a first visual percentage of first video information corresponding to the video identifier.
7. The method of claim 1, wherein the initial element information further comprises at least one of text information, image information, and audio information.
8. A video playback apparatus, applied to an application program including a video playback component, the apparatus comprising:
the information acquisition module is positioned on the video playing component and used for acquiring initial element information and sequencing information of the initial element information;
a mixed list generating module located in the video playing component, configured to generate a mixed list for the initial element information according to the sorting information;
a first display area determination module at the video playback component for determining a first display area of the blended list in response to an end of a first swipe operation on the blended list, the first display area including a number of current element information;
a first visual percentage determination module located in the video playing component, configured to determine a first visual percentage of the first video information when the current element information in the first display area includes the first video information;
and the first video information playing module is positioned on the video playing component and used for playing the first video information when the first visual percentage of the first video information meets a preset threshold value.
9. An electronic device, comprising:
one or more processors; and
one or more machine-readable media having instructions stored thereon that, when executed by the one or more processors, cause the electronic device to perform the method of one or more of claims 1-7.
10. One or more machine readable media having instructions stored thereon that, when executed by one or more processors, cause the processors to perform the method of one or more of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010158250.3A CN111464858A (en) | 2020-03-09 | 2020-03-09 | Video playing method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010158250.3A CN111464858A (en) | 2020-03-09 | 2020-03-09 | Video playing method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111464858A true CN111464858A (en) | 2020-07-28 |
Family
ID=71680010
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010158250.3A Pending CN111464858A (en) | 2020-03-09 | 2020-03-09 | Video playing method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111464858A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112035112A (en) * | 2020-09-02 | 2020-12-04 | 北京思明启创科技有限公司 | Application program development method, system, medium and electronic device |
| CN112486802A (en) * | 2020-11-11 | 2021-03-12 | 贝壳技术有限公司 | Flutter test auxiliary method and device |
| CN112637649A (en) * | 2020-12-14 | 2021-04-09 | 北京首汽智行科技有限公司 | Video file processing method |
| CN113676767A (en) * | 2021-10-20 | 2021-11-19 | 北京搜狐新动力信息技术有限公司 | Video playing method and system |
| CN117119245A (en) * | 2023-10-18 | 2023-11-24 | 山东为农信息科技有限公司 | Picture and video mixed playing method, system, equipment and medium based on Flutter |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104113790A (en) * | 2013-04-16 | 2014-10-22 | 优视科技有限公司 | Video playing method based on Android operating system, and video playing device based on Android operating system |
| CN105791947A (en) * | 2016-04-21 | 2016-07-20 | 腾讯科技（深圳）有限公司 | Method and device for playing video |
| CN108737897A (en) * | 2018-05-22 | 2018-11-02 | 腾讯科技（深圳）有限公司 | Video broadcasting method, device, equipment and storage medium |
| CN109947426A (en) * | 2019-03-12 | 2019-06-28 | 天津字节跳动科技有限公司 | Generation method, device and the electronic equipment of application program |
| CN110072145A (en) * | 2019-04-03 | 2019-07-30 | 北京字节跳动网络技术有限公司 | Information broadcasting method, device and terminal device for terminal device |
| CN110688173A (en) * | 2019-09-29 | 2020-01-14 | 北京金山安全软件有限公司 | Positioning method and device of components in cross-platform interface framework and electronic equipment |
-
2020
- 2020-03-09 CN CN202010158250.3A patent/CN111464858A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104113790A (en) * | 2013-04-16 | 2014-10-22 | 优视科技有限公司 | Video playing method based on Android operating system, and video playing device based on Android operating system |
| CN105791947A (en) * | 2016-04-21 | 2016-07-20 | 腾讯科技（深圳）有限公司 | Method and device for playing video |
| CN108737897A (en) * | 2018-05-22 | 2018-11-02 | 腾讯科技（深圳）有限公司 | Video broadcasting method, device, equipment and storage medium |
| CN109947426A (en) * | 2019-03-12 | 2019-06-28 | 天津字节跳动科技有限公司 | Generation method, device and the electronic equipment of application program |
| CN110072145A (en) * | 2019-04-03 | 2019-07-30 | 北京字节跳动网络技术有限公司 | Information broadcasting method, device and terminal device for terminal device |
| CN110688173A (en) * | 2019-09-29 | 2020-01-14 | 北京金山安全软件有限公司 | Positioning method and device of components in cross-platform interface framework and electronic equipment |
Non-Patent Citations (1)
| Title |
|---|
| 阿尔法789: "Flutter视频滚动播放怎么解决？看这个方案，神了！", 《HTTPS://BLOG.CSDN.NET/AERFA789/ARTICLE/DETAILS/103907492》 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112035112A (en) * | 2020-09-02 | 2020-12-04 | 北京思明启创科技有限公司 | Application program development method, system, medium and electronic device |
| CN112035112B (en) * | 2020-09-02 | 2024-04-05 | 北京思明启创科技有限公司 | Application program development method, system, medium and electronic equipment |
| CN112486802A (en) * | 2020-11-11 | 2021-03-12 | 贝壳技术有限公司 | Flutter test auxiliary method and device |
| CN112637649A (en) * | 2020-12-14 | 2021-04-09 | 北京首汽智行科技有限公司 | Video file processing method |
| CN113676767A (en) * | 2021-10-20 | 2021-11-19 | 北京搜狐新动力信息技术有限公司 | Video playing method and system |
| CN117119245A (en) * | 2023-10-18 | 2023-11-24 | 山东为农信息科技有限公司 | Picture and video mixed playing method, system, equipment and medium based on Flutter |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111464858A (en) | Video playing method and device | |
| CN107885645B (en) | Method and device for calculating rendering duration of first screen of page and electronic equipment | |
| KR20140091555A (en) | Measuring web page rendering time | |
| CN110177295B (en) | Subtitle out-of-range processing method and device and electronic equipment | |
| US20140304730A1 (en) | Methods and apparatus for mandatory video viewing | |
| CN111031293B (en) | Panoramic monitoring display method, device and system and computer readable storage medium | |
| CN104574454A (en) | Image processing method and device | |
| CN112068754B (en) | House resource display method and device | |
| US20210352343A1 (en) | Information insertion method, apparatus, and device, and computer storage medium | |
| JP5211070B2 (en) | Method for visualizing changes caused by scrolling in the scroll direction of a section of text and / or graphics displayed on an optical display means | |
| CN114185466A (en) | Service processing method and device, electronic equipment and storage medium | |
| CN107491289B (en) | Window rendering method and device | |
| CN110837368B (en) | Data processing method and device and electronic equipment | |
| CN110597432B (en) | Interface control method, device, computer readable medium and electronic equipment | |
| CN112492399B (en) | Information display method and device and electronic equipment | |
| CN109871465B (en) | Time axis calculation method and device, electronic equipment and storage medium | |
| US20170185228A1 (en) | System, Method, and Apparatus for an Interactive Container | |
| CN112385199B (en) | Display control method and related product | |
| CN110708591B (en) | Image processing method and device and electronic equipment | |
| CN114053705A (en) | Game interaction method and device, electronic equipment and storage medium | |
| CN114443022A (en) | Method for generating page building block and electronic equipment | |
| CN102999272A (en) | Realization method, realization system and manufacturing method for electronic area sand table | |
| CN114417452A (en) | Method for processing building information model and related device | |
| CN112835502A (en) | Page display method, electronic equipment and storage medium | |
| CN102999244A (en) | Realization method, realization system and manufacturing method for exhibition of electronic house type |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200728 |