CN115037991B - Browser video playing method and device, terminal equipment and readable storage medium - Google Patents
Browser video playing method and device, terminal equipment and readable storage mediumDownload PDFInfo
- Publication number
- CN115037991B CN115037991BCN202210641384.XACN202210641384ACN115037991BCN 115037991 BCN115037991 BCN 115037991BCN 202210641384 ACN202210641384 ACN 202210641384ACN 115037991 BCN115037991 BCN 115037991B
- Authority
- CN
- China
- Prior art keywords
- plug
- browser
- sub
- playing
- video
- 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.)
- Active
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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
- 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/41—Structure of client; Structure of client peripherals
- 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/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- 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/45—Management operations performed by the client for facilitating the reception of or the interaction with the content or administrating data related to the end-user or to the client device itself, e.g. learning user preferences for recommending movies, resolving scheduling conflicts
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
Description
Technical Field
The present invention relates to the field of video playing technologies, and in particular, to a method and apparatus for playing a video in a browser, a terminal device, and a computer readable storage medium.
Background
The browser is used as an important tool for retrieving, displaying and transmitting information resources, can present web pages, pictures or videos, and has wide application. If a browser is used to render or play video, it is often necessary to install a video play plug-in. In recent years, however, various kinds of browsers are endless, video playing plug-ins supported by different browsers are different, and the plug-ins are limited by browser types and cannot be compatible. In addition, most video playing plug-ins can only play one format or type of video, then one browser is typically required to install multiple video playing plug-ins, and most video playing plug-ins are typically integrated into certain applications (e.g., certain browsers), are very inconvenient to use, and are tedious to install.
Disclosure of Invention
In view of this, embodiments of the present application provide a method, an apparatus, a terminal device, and a computer readable storage medium for playing a browser video.
In a first aspect, an embodiment of the present application provides a method for playing video in a browser, where the method includes:
establishing webSocket connection between a browser and a video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins;
sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in;
covering and displaying the started sub-play plug-in to the corresponding position of the browser;
and sending a playing instruction to the started sub-playing plug-in through the browser so that the started sub-playing plug-in plays videos.
In a second aspect, an embodiment of the present application provides a browser video playing apparatus, including:
the connection establishment module is used for establishing webSocket connection between the browser and the video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins;
the sub-plug-in starting module is used for sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in;
the sub-plug-in display module is used for covering and displaying the started sub-play plug-in at the corresponding position of the browser;
and the video playing module is used for sending a playing instruction to the started sub-playing plug-in through the browser so as to enable the started sub-playing plug-in to play video.
In a third aspect, an embodiment of the present application provides a terminal device, including: a memory; one or more processors coupled with the memory; one or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the one or more processors, the one or more applications configured to perform the browser video playing method provided in the first aspect.
In a fourth aspect, an embodiment of the present application provides a computer readable storage medium, where a program code is stored, where the program code may be called by a processor to perform the browser video playing method provided in the first aspect.
The embodiment of the application provides a browser video playing method, a device, a terminal device and a computer readable storage medium, wherein the browser video playing method, the device, the terminal device and the computer readable storage medium firstly establish webSocket connection between a browser and a video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins; then sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in; covering the started sub-play plug-in to the corresponding position of the browser and displaying the sub-play plug-in; and sending a playing instruction to the started sub-playing plug-in through the browser so that the started sub-playing plug-in plays the video.
According to the browser video playing method, a plurality of sub-playing plug-ins are installed in advance, and the video playing plug-ins are independent of a browser; when the browser needs to use the video playing plug-in, connection between the browser and the video playing plug-in is established, wherein different kinds of browsers can be simultaneously connected with the video playing plug-in, and then the corresponding sub-playing plug-in is started by sending related instructions through the browser, so that related videos are played. The method can effectively solve the problem of compatibility of the video playing plug-in different browsers, and can play different types or kinds of videos only by installing one video plug-in, so that the method is very convenient to use.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings that are required to be used in the embodiments or the description of the prior art will be briefly described below, and it is obvious that the drawings in the following description are only embodiments of the present application, and that other drawings may be obtained according to the provided drawings without inventive effort to a person skilled in the art.
Fig. 1 is an application scenario schematic diagram of a browser video playing method provided in an embodiment of the present application;
FIG. 2 is a schematic diagram of a video playback plug-in and browser connection structure according to an embodiment of the present application;
fig. 3 is a flowchart of a method for playing video in a browser according to an embodiment of the present application;
fig. 4 is a schematic structural diagram of a video playing device of a browser according to an embodiment of the present application;
fig. 5 is a schematic structural diagram of a terminal device provided in an embodiment of the present application;
fig. 6 is a schematic structural diagram of a computer-readable storage medium provided in one embodiment of the present application.
Detailed Description
The following description of the technical solutions in the embodiments of the present application will be clear and complete, and it is obvious that the described embodiments are only some embodiments of the present application, but not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the present disclosure.
For a more detailed description of the present application, a browser video playing method, apparatus, terminal device and computer readable storage medium provided in the present application are specifically described below with reference to the accompanying drawings.
Referring to fig. 1, fig. 1 is a schematic diagram illustrating an application scenario of a browser video playing method provided in an embodiment of the present application, where the application scenario includes aterminal device 100 provided in an embodiment of the present application, and theterminal device 100 may be various electronic devices (such as a structure diagram of 102, 104, 106, and 108) with a display screen, including, but not limited to, a smart phone and a computer device, where the computer device may be at least one of a desktop computer, a portable computer, a laptop computer, a tablet computer, and the like. The terminal device may be installed and run with a browser and a video playing plug-in, where the browser and the video playing plug-in belong to two completely independent applications. Alternatively, the type or kind of browser may be various, such as an IE browser, google browser, firefox browser, 360 browser, and the like. The video playing plug-in is an application program special for playing streaming media, supports webSocket communication, and can be operated as a service in the background after the installation is completed. Waiting for other applications (e.g., browser) to establish webSocket connection with them, and initiating instructions. The function of the method is to process the play of the media stream, and is not limited to the service functions of directly performing control operation and playback search on the network video recorder (i.e. NVR) and the video camera through the http request, as shown in fig. 2.
Theterminal device 100 may refer broadly to one of a plurality of terminal devices, and the present embodiment is illustrated with theterminal device 100 only. Those skilled in the art will appreciate that the number of terminal devices described above may be greater or lesser. For example, the number of the terminal devices may be only several, or the number of the terminal devices may be tens or hundreds, or more, and the number and types of the terminal devices are not limited in the embodiment of the present application. Theterminal device 100 may be configured to perform a browser video playing method provided in an embodiment of the present application.
In an optional implementation manner, the application scenario may further include a server in addition to theterminal device 100 provided in the embodiment of the present application, where a network is disposed between the server and the terminal device. The network is used as a medium for providing a communication link between the terminal device and the server. The network may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.
It should be understood that the number of terminal devices, networks and servers is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation. For example, the server may be a server cluster formed by a plurality of servers. Wherein the terminal device interacts with the server through the network to receive or send messages and the like. The server may be a server providing various services. The server may be used to execute the steps of a browser video playing method provided in the embodiments of the present application. In addition, when the terminal device executes a browser video playing method provided in the embodiment of the present application, a part of steps may be executed in the terminal device, and a part of steps may be executed in the server, which is not limited herein.
Based on the above, the embodiment of the application provides a browser video playing method. Referring to fig. 3, fig. 3 shows a flowchart of a video playing method of a browser according to an embodiment of the present application, and the method is applied to the terminal device in fig. 1 for illustration, and includes the following steps:
step S110, establishing webSocket connection between the browser and the video playing plug-in.
Wherein the video playing plug-in is pre-installed and independent of the browser; the video playback plug-ins include one or more sub-playback plug-ins.
Specifically, the video playing plug-in is an application for streaming video playing that is pre-installed in a terminal device (e.g., a computer). The video playing plug-in is a browser independent functional component, i.e. not embedded in the browser.
Optionally, the video playing plug-in includes a plurality of sub-playing plug-ins, each representing a different type or function of plug-in, e.g., different sub-playing plug-ins support different types or formats of video playing. In an alternative embodiment, the sub-play plug-in may include, but is not limited to, a single window plug-in, a quad screen plug-in, a plug-in carrying a cradle head control function, and the like.
WebSocket is a protocol that performs full duplex communication over a single TCP connection. The method is characterized in that the server can actively push information to the client, the client can also actively send information to the server, and the method is a real bidirectional equal dialogue, namely mutual communication between two main bodies can be realized through webSocket. At present, all browsers can support webSocket protocol, and when the browser is connected with a video playing plug-in (or a sub-playing plug-in), the browser and the video playing plug-in (or the sub-playing plug-in) can communicate with each other.
Further, the process of establishing webSocket connection between the browser and the video playing plug-in is as follows: and opening an H5 page in the browser, and then inputting related information (such as browser information and video playing plug-in information) in the H5 page, so as to establish webSocket connection between the browser and the video playing plug-in. Wherein, the browser information includes but is not limited to browser name, installation or storage location, access mode or path, etc.; video playback plug-in information includes, but is not limited to, video playback plug-in name, installation or storage location, access mode or path, etc.
The browser can be one or more of google browser, firefox browser, 360 browser or IE browser. When a plurality of browsers exist, the plurality of browsers can establish webSocket connection with the video playing plug-in at the same time.
In addition, after the webSocket connection is established between the browser and the video playing plug-in, the video playing plug-in can return an identification information to the browser through a webSocket protocol, wherein the identification information is usually referred to as uuid of the video playing plug-in, and the uuid is used as an identification of the connection, and is also a signaling address of a command sent by the browser to the video playing plug-in, so that the command can be conveniently sent by the browser to the video playing plug-in.
Step S120, a starting instruction is sent to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in.
After the connection between the browser and the video playing plug-in is successfully established, any one or more sub-playing plug-ins in the video playing plug-ins can be started by sending a starting instruction through the browser. The specific process is as follows: when a video needs to be played in a browser and a certain sub-play plug-in is needed, a starting instruction can be sent out through an H5 page of the browser, the starting instruction is sent to the video play plug-in through a webSocket protocol, and after the video play plug-in receives the starting instruction, the corresponding sub-play plug-in is started according to the starting instruction.
The starting instruction mainly comprises a plug-in type and occupation information. The plug-in type is mainly used for determining the sub-play plug-in to be started, namely determining which sub-play plug-in to be started; the occupation information is mainly used for determining the size and the display position of the sub-play plug-in after the start.
Next, an embodiment of a promoter playing plug-in is given, and the detailed description is as follows:
in one embodiment, the initiation instructions include a plug-in type; starting a corresponding sub-play plug-in, comprising: and starting the corresponding sub-play plug-in according to the plug-in type.
The plug-in types can be multiple, and each type can represent different functions or support different formats of video.
In an alternative embodiment, the plug-in types may include a single window plug-in, a quarter-screen plug-in, a plug-in that carries a cradle head control function, and the like.
After determining the plug-in type, the plug-in type can be searched or indexed in various sub-play plug-ins of the video play plug-in according to the plug-in type, and then the sub-play plug-in corresponding to the plug-in type is started.
And step S130, covering and displaying the started sub-play plug-in to the corresponding position of the browser.
In one embodiment, the startup instruction includes occupancy information; covering the started sub-play plug-in to the corresponding position of the browser, wherein the method comprises the following steps: determining the target size and the target position of the started sub-play plug-in according to the occupation information; and covering the started sub-play plug-in to a target position of the browser according to the target size.
The placeholder information generally refers to placeholder div information, wherein div is a div element in a browser H5 page, and the div is used as a place for replacing a plug-in to camp on when a sub-play plug-in is not started. When a sub-play plug-in is started, the target size (e.g., width and height) and target position (i.e., display position in the browser) of the started sub-play plug-in are determined by the position information and size in the div information.
After receiving the occupation information, the video playing plug-in determines the display position (i.e. the target position) and the display size (i.e. the target size) of the sub-playing plug-in the browser, which need to be started, according to the occupation information, and then covers the started sub-playing plug-in the browser for display according to the target position and the target size.
In addition, after the sub-playing plug-in is started, the sub-playing plug-in can return an identification message to the browser through webSocket protocol, wherein the identification message generally refers to uuid of the started sub-playing plug-in, and the uuid is used as an identification of a sending instruction between the currently started sub-playing plug-in and an H5 page in the browser, and is also a sending address of the sending instruction of the browser to the currently started sub-playing plug-in, so that the browser can conveniently send the instruction to the currently started sub-playing plug-in.
Step S140, sending a playing instruction to the started sub-playing plug-in through the browser so that the started sub-playing plug-in plays the video.
After the sub-playing plug-in is started, a playing instruction can be sent to the sub-playing plug-in through an H5 page of the browser, wherein the playing instruction is related information for executing the sub-playing plug-in to play video, and the related information can include, but is not limited to, a playing video type, a playing video name, a playing video speed, a playing video path and the like.
According to the browser video playing method provided by the embodiment of the application, firstly, webSocket connection between a browser and a video playing plug-in is established; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins; then sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in; covering the started sub-play plug-in to the corresponding position of the browser and displaying the sub-play plug-in; and sending a playing instruction to the started sub-playing plug-in through the browser so that the started sub-playing plug-in plays the video.
According to the browser video playing method, a plurality of sub-playing plug-ins are installed in advance, and the video playing plug-ins are independent of a browser; when the browser needs to use the video playing plug-in, connection between the browser and the video playing plug-in is established, wherein different kinds of browsers can be simultaneously connected with the video playing plug-in, and then the corresponding sub-playing plug-in is started by sending related instructions through the browser, so that related videos are played. The method can effectively solve the problem of compatibility of the video playing plug-in different browsers, and can play different types or kinds of videos only by installing one video plug-in, so that the method is very convenient to use.
Because the browser is relatively independent of the video playing plug-in (or the sub-playing plug-in), when one sub-playing plug-in is started, the sub-playing plug-in can be covered at a designated position of the browser, and is not embedded in a certain page of the browser. When the browser changes based on some operations of the user, the sub-play plug-in does not follow the changes of the browser to generate corresponding changes. For example, when the browser zooms, and switches tab pages, the sub-play plug-in does not directly follow the browser to zoom. If the sub-playing plug-in needs to make corresponding changes along with the browser, some instructions need to be sent to the started sub-playing plug-in through the browser, and then the playing plug-in is controlled, for example, stopping playing video, closing the sub-playing plug-in, adjusting the sub-playing plug-in, hiding the sub-playing plug-in, and the like, and the following embodiments are referred to for specific description.
In one embodiment, the browser video playing method further includes: and sending a stopping instruction to the started sub-play plug-in through the browser so as to stop the started sub-play plug-in from playing the video.
Specifically, the stop instruction is a command for controlling the sub-playback plug-in to stop playing video. The command may use the H5 page of the browser to send a stop command to the started sub-playback plug-in, where the sub-playback plug-in responds to the stop command to stop playing the video currently being played.
In one embodiment, the browser video playing method further includes: and sending a closing instruction to the started sub-play plug-in through the browser so as to close the started sub-play plug-in.
The closing instruction is used for closing the started and running sub-play plug-in. The closing instruction can be sent to the started sub-play plug-in based on the webSocket protocol through the H5 page of the browser, and the sub-play plug-in receiving the closing instruction can respond to the closing instruction, so that the running sub-play plug-in is closed; when the sub-play plug-in is closed, the browser cannot communicate with the sub-play plug-in until the browser is restarted by an opening instruction.
In one embodiment, the browser video playing method further includes: when the scaling of the browser is monitored, sending an adjusting instruction to the started sub-play plug-in through the browser so as to adjust the target size and/or the target position of the started sub-play plug-in displayed by the browser.
Specifically, when the browser sends a zoom, for example, when the browser window becomes larger or smaller, the sub-playing plug-in also needs to be adjusted accordingly. The H5 page of the browser may be adopted, and the adjustment instruction is sent to the started subplay plug-in through webSocket protocol, and the subplay plug-in responds to the adjustment instruction, so as to change the display size and/or the display position in the display.
In one embodiment, the browser video playing method further includes: when the browser is monitored to be switched to the page, a hiding instruction is sent to the started sub-play plug-in through the browser so as to hide the started sub-play plug-in.
Specifically, when the browser switches tab pages (i.e., performs a page switch), the started sub-playback plug-in will be overlaid on the switched browser pages, but the sub-playback plug-in is not desired to be displayed at this time. Then the switching event of the browser needs to be monitored, and when the browser switches out the current H5 page, a hiding command needs to be initiated to the sub-play plug-in to hide the sub-play plug-in. When the browser switches back to the current page, a display command is started again, so that the sub-play plug-in unit is displayed again.
By adopting the mode, the video playing plug-in (or the sub-playing plug-in) can be directly controlled through the browser, so that the video playing plug-in is more convenient to use. In addition, the video playing plug-in supports to be connected with a plurality of browsers at the same time, so that the compatibility problem can be well solved, and the use efficiency is improved.
It should be understood that, although the steps in the flowchart of fig. 3 are shown in sequence as indicated by the arrows, the steps are not necessarily performed in sequence as indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in fig. 3 may include multiple sub-steps or stages that are not necessarily performed at the same time, but may be performed at different times, nor does the order in which the sub-steps or stages are performed necessarily occur sequentially, but may be performed alternately or alternately with at least some of the other steps or sub-steps of other steps.
The embodiment disclosed in the application describes a method for playing a browser video in detail, and the method disclosed in the application can be implemented by using various types of devices, so that the application also discloses a device for playing a browser video corresponding to the method, and specific embodiments are given below for detailed description.
Referring to fig. 4, a video playing device for a browser according to an embodiment of the present application mainly includes:
aconnection establishment module 410, configured to establish webSocket connection between the browser and the video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playback plug-ins include one or more sub-playback plug-ins.
The sub-plug-instarting module 420 is configured to send a starting instruction to the video playing plug-in through the browser, so as to start the corresponding sub-playing plug-in.
And the sub-plug-indisplay module 430 is used for covering and displaying the started sub-play plug-in at the corresponding position of the browser.
Thevideo playing module 440 is configured to send a playing instruction to the started sub-playing plug-in through the browser, so that the started sub-playing plug-in plays the video.
In one embodiment, the initiation instructions include a plug-in type; the sub-plug-instarting module 420 is configured to start a corresponding sub-play plug-in according to the plug-in type.
In one embodiment, the startup instruction includes occupancy information; a sub-plug-indisplay module 430, configured to determine a target size and a target position of the started sub-play plug-in according to the occupation information; and covering the started sub-play plug-in to a target position of the browser according to the target size.
In one embodiment, the apparatus further comprises: and the video stopping playing module is used for sending a stopping instruction to the started sub-playing plug-in through the browser so as to stop the started sub-playing plug-in from playing the video.
In one embodiment, the apparatus further comprises: and the sub-play plug-in closing module is used for sending a closing instruction to the started sub-play plug-in through the browser so as to close the started sub-play plug-in.
In one embodiment, the apparatus further comprises: and the sub-play plug-in adjusting module is used for sending an adjusting instruction to the started sub-play plug-in through the browser when the scaling of the browser is monitored so as to adjust the target size and/or the target position of the started sub-play plug-in displayed by the browser.
In one embodiment, the apparatus further comprises: and the sub-play plug-in hiding module is used for sending a hiding instruction to the started sub-play plug-in through the browser when the page switching of the browser is monitored, so as to hide the started sub-play plug-in.
The specific limitation of the browser video playing apparatus may be referred to as limitation of the method hereinabove, and will not be described herein. Each of the modules in the above-described apparatus may be implemented in whole or in part by software, hardware, and combinations thereof. The above modules may be embedded in hardware or independent of a processor in the terminal device, or may be stored in software in a memory in the terminal device, so that the processor may call and execute operations corresponding to the above modules.
Referring to fig. 5, fig. 5 shows a block diagram of a terminal device according to an embodiment of the present application. Theterminal device 50 may be a computer device. Theterminal device 50 in the present application may include one or more of the following components:processor 52,memory 54, and one or more application programs, wherein the one or more application programs may be stored inmemory 54 and configured to be executed by the one ormore processors 52, the one or more application programs configured to perform the methods described in the method embodiments of application to a terminal device, and also configured to perform the methods described in the method embodiments of application to a browser video playback.
TheMemory 54 may include a random access Memory (Random Access Memory, RAM) or a Read-Only Memory (Read-Only Memory).Memory 54 may be used to store instructions, programs, code sets, or instruction sets. Thememory 54 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (e.g., a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like. The storage data area may also store data created by theterminal device 50 in use, etc.
It will be appreciated by those skilled in the art that the structure shown in fig. 5 is merely a block diagram of a portion of the structure associated with the present application and is not limiting of the terminal device to which the present application is applied, and that a particular terminal device may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.
In summary, the terminal device provided in the embodiment of the present application is configured to implement the corresponding method for playing the video of the browser in the foregoing method embodiment, and has the beneficial effects of the corresponding method embodiment, which is not described herein again.
Referring to fig. 6, a block diagram of a computer readable storage medium according to an embodiment of the present application is shown. The computerreadable storage medium 60 stores program code that is capable of being invoked by a processor to perform the methods described in the browser video playback method embodiments described above, or by a processor to perform the methods described in the browser video playback method embodiments described above.
The computerreadable storage medium 60 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read only memory), an EPROM, a hard disk, or a ROM. Optionally, the computerreadable storage medium 60 comprises a non-transitory computer readable medium (non-transitory computer-readable storage medium). The computerreadable storage medium 60 has storage space forprogram code 62 that performs any of the method steps described above. The program code can be read from or written to one or more computer program products.Program code 62 may be compressed, for example, in a suitable form.
In the description of the present specification, a description referring to terms "one embodiment," "some embodiments," "examples," "specific examples," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the present application. In this specification, schematic representations of the above terms are not necessarily directed to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, the different embodiments or examples described in this specification and the features of the different embodiments or examples may be combined and combined by those skilled in the art without contradiction.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (10)
1. A method for playing a video of a browser, the method comprising:
establishing webSocket connection between a browser and a video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins; the video playing plug-in is a functional component which is not embedded in the browser and is used for playing streaming media video;
sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in;
covering and displaying the started sub-play plug-in to the corresponding position of the browser;
and sending a playing instruction to the started sub-playing plug-in through the browser so that the started sub-playing plug-in plays videos.
2. The method of claim 1, wherein the initiation instruction comprises a plug-in type; the starting the corresponding sub-play plug-in includes:
and starting the corresponding sub-play plug-in according to the plug-in type.
3. The method of claim 1, wherein the initiation instruction includes occupancy information; the step of covering and displaying the started sub-play plug-in to the corresponding position of the browser comprises the following steps:
determining the target size and the target position of the started sub-play plug-in according to the occupancy information;
and covering the started sub-play plug-in to the target position of the browser according to the target size and displaying the sub-play plug-in.
4. A method according to any one of claims 1-3, wherein the method further comprises:
and sending a stopping instruction to the started sub-play plug-in through the browser so as to stop the started sub-play plug-in from playing the video.
5. A method according to any one of claims 1-3, wherein the method further comprises:
and sending a closing instruction to the started sub-play plug-in through the browser so as to close the started sub-play plug-in.
6. A method according to any one of claims 1-3, wherein the method further comprises:
when the browser is monitored to zoom, sending an adjusting instruction to the started sub-play plug-in through the browser so as to adjust the target size and/or the target position of the started sub-play plug-in displayed by the browser.
7. A method according to any one of claims 1-3, wherein the method further comprises:
when the browser is monitored to be switched to the page, a hiding instruction is sent to the started sub-play plug-in through the browser so as to hide the started sub-play plug-in.
8. A browser video playing apparatus, said apparatus comprising:
the connection establishment module is used for establishing webSocket connection between the browser and the video playing plug-in; wherein the video playing plug-in is pre-installed and independent of the browser; the video playing plug-in comprises one or more sub-playing plug-ins; the video playing plug-in is a functional component which is not embedded in the browser and is used for playing streaming media video; the sub-plug-in starting module is used for sending a starting instruction to the video playing plug-in through the browser so as to start the corresponding sub-playing plug-in;
the sub-plug-in display module is used for covering and displaying the started sub-play plug-in at the corresponding position of the browser;
and the video playing module is used for sending a playing instruction to the started sub-playing plug-in through the browser so as to enable the started sub-playing plug-in to play video.
9. A terminal device, comprising:
a memory; one or more processors coupled with the memory; one or more applications, wherein the one or more applications are stored in memory and configured to be executed by the one or more processors, the one or more applications configured to perform the method of any of claims 1-7.
10. A computer readable storage medium, characterized in that the computer readable storage medium has stored therein a program code, which is callable by a processor for executing the method according to any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210641384.XACN115037991B (en) | 2022-06-08 | 2022-06-08 | Browser video playing method and device, terminal equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210641384.XACN115037991B (en) | 2022-06-08 | 2022-06-08 | Browser video playing method and device, terminal equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115037991A CN115037991A (en) | 2022-09-09 |
| CN115037991Btrue CN115037991B (en) | 2023-07-07 |
Family
ID=83123992
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210641384.XAActiveCN115037991B (en) | 2022-06-08 | 2022-06-08 | Browser video playing method and device, terminal equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115037991B (en) |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111556353A (en)* | 2020-04-15 | 2020-08-18 | 重庆锐明信息技术有限公司 | Video playing method, video playing management device and terminal equipment |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9137319B2 (en)* | 2009-11-13 | 2015-09-15 | Adobe Systems Incorporated | Browser privacy mode support |
| US8250228B1 (en)* | 2011-09-27 | 2012-08-21 | Google Inc. | Pausing or terminating video portion while continuing to run audio portion of plug-in on browser |
| CN111800667A (en)* | 2020-07-28 | 2020-10-20 | 深圳Tcl数字技术有限公司 | Browser video playing method, video playing device and storage medium |
| CN113438487A (en)* | 2021-05-28 | 2021-09-24 | 福州市拾联信息科技有限公司 | Method for compatible private video format webpage player |
| CN114125565A (en)* | 2021-11-23 | 2022-03-01 | 深圳康佳电子科技有限公司 | Method, device and storage medium for playing video stream based on browser |
- 2022
- 2022-06-08CNCN202210641384.XApatent/CN115037991B/enactiveActive
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111556353A (en)* | 2020-04-15 | 2020-08-18 | 重庆锐明信息技术有限公司 | Video playing method, video playing management device and terminal equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115037991A (en) | 2022-09-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US12170807B2 (en) | Techniques for managing generation and rendering of user interfaces on client devices | |
| CN110062284B (en) | Video playing method and device and electronic equipment | |
| CN112905289A (en) | Application picture display method, device, terminal, screen projection system and medium | |
| EP3677322A1 (en) | Virtual scene display method and device, and storage medium | |
| CN113282268B (en) | Sound effect configuration method and device, storage medium and electronic equipment | |
| CN114071243A (en) | Video playing method and device, electronic equipment and storage medium | |
| CN112035195A (en) | Application interface display method and device, electronic equipment and storage medium | |
| CN114579221B (en) | Application switching transition animation generation method and related equipment | |
| CN107580039A (en) | Transmission progress display method, device and terminal | |
| CN112015309B (en) | Display switching method and device and mobile terminal | |
| WO2023284498A1 (en) | Video playing method and apparatus, and storage medium | |
| CN115037991B (en) | Browser video playing method and device, terminal equipment and readable storage medium | |
| CN112541141B (en) | Control display callback method, device, terminal and storage medium | |
| US20250078330A1 (en) | Method for processing comments and electronic device | |
| CN113010766B (en) | Information searching method, device and storage medium | |
| JP6133460B1 (en) | Operation support system, operation support program, and operation support method | |
| CN117119265A (en) | Video playing method, device, equipment and computer readable storage medium | |
| CN112948730B (en) | Webpage data display method and device, storage medium and electronic equipment | |
| JP2016110607A (en) | Display control method | |
| CN114640876B (en) | Multimedia service video display method, device, computer equipment and storage medium | |
| CN114968400A (en) | A web page synchronization method, device, storage medium and electronic device | |
| CN113473220A (en) | Automatic sound effect starting method and display equipment | |
| JP5753936B1 (en) | Display control method | |
| CN115175002B (en) | Video playing method and device | |
| CN114390313B (en) | Method and system for redirecting audio and Video of browser HTML5 Video tag |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CB03 | Change of inventor or designer information | ||
| CB03 | Change of inventor or designer information | Inventor after:Liu Xianlin Inventor after:Huang Qilong Inventor before:Liu Xianlin |