CN113949821A - Video playing method and device, computer equipment and storage medium - Google Patents

Video playing method and device, computer equipment and storage medium Download PDF

Info

Publication number
CN113949821A
CN113949821A CN202111078944.7A CN202111078944A CN113949821A CN 113949821 A CN113949821 A CN 113949821A CN 202111078944 A CN202111078944 A CN 202111078944A CN 113949821 A CN113949821 A CN 113949821A
Authority
CN
China
Prior art keywords
display
window
video
windows
browser
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
Application number
CN202111078944.7A
Other languages
Chinese (zh)
Inventor
全绍军
洪伟
郑东鹏
董经武
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Longse Technology Co ltd
Original Assignee
Longse Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Longse Technology Co ltd filed Critical Longse Technology Co ltd
Priority to CN202111078944.7A priority Critical patent/CN113949821A/en
Publication of CN113949821A publication Critical patent/CN113949821A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N7/00Television systems
    • H04N7/18Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast
    • H04N7/181Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast for receiving images from a plurality of remote sources
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00Details of television systems
    • H04N5/222Studio circuitry; Studio devices; Studio equipment
    • H04N5/262Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
    • H04N5/2624Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects for obtaining an image which is composed of whole input images, e.g. splitscreen

Abstract

The application relates to a video playing method, a video playing device, a computer device, a storage medium and a computer program product. When a video playing instruction in a browser is received, display parameters corresponding to a plurality of windows to be displayed are obtained, the display parameters are sent to a middleware program, the middleware program generates a plurality of display windows based on the display parameters corresponding to each window to be displayed and displays the display windows in the browser, videos to be played are obtained through the middleware program, and the videos to be played are displayed and rendered in the corresponding display windows, so that the corresponding videos to be played are displayed in the display windows respectively. Compared with the traditional method for playing the video through the plug-in, the scheme utilizes the middleware program to play the multi-channel video in the browser based on the display parameters, so that the stability of playing the video in the browser is improved.

Description

Video playing method and device, computer equipment and storage medium
Technical Field
The present application relates to the field of computer technologies, and in particular, to a video playing method, an apparatus, a computer device, a storage medium, and a computer program product.
Background
In the field of security monitoring, multiple paths of videos need to be played simultaneously, however, decoding is performed by a browser, and the playing effect is not ideal. Therefore, when playing video in a browser, video playing is usually performed by means of a browser plug-in, however, currently, the stability of the plug-in is not high, which may cause the browser to run slowly and even crash directly.
Therefore, the current method for playing video in the browser has the defect of insufficient stability.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a video playing method, apparatus, computer device, storage medium and computer program product capable of improving video playing stability in a browser.
A video playback method, the method comprising:
responding to a video playing instruction in a browser, acquiring display parameters corresponding to a plurality of windows to be displayed, and sending the display parameters to a middleware program;
displaying a plurality of display windows in the browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
respectively displaying corresponding videos to be played in the plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
In one embodiment, the sending the display parameters to a middleware program includes:
and sending the display parameters to the middleware program through a WebSocket protocol.
In one embodiment, the obtaining display parameters corresponding to a plurality of windows to be displayed includes:
and determining the window size, the window position and the window arrangement sequence corresponding to the plurality of windows to be displayed as the display parameters according to the size and the position information of the plurality of video display areas in the browser.
In one embodiment, the displaying a corresponding plurality of display windows in the browser includes:
and displaying a display window corresponding to the size of the window at the window position in the browser, wherein the display windows are arranged according to the window arrangement sequence.
In one embodiment, the displaying the corresponding videos to be played in the plurality of display windows respectively includes:
and sending a video acquisition instruction to the middleware program, acquiring audio and video streams of the image acquisition equipment and/or the local database through the middleware program, decoding the audio and video streams and displaying and rendering the audio and video streams in a corresponding display window.
In one embodiment, the method further comprises:
acquiring display change information of a browser, wherein the display change information comprises at least one of moving, zooming and hiding;
and correspondingly moving, zooming or hiding the display windows according to the display change information.
In one embodiment, the method further comprises:
and responding to a video saving instruction of a target display window in the plurality of display windows, and saving the video in the target display window to a local database through the middleware program.
A video playback device, the device comprising:
the acquisition module is used for responding to a video playing instruction in the browser, acquiring display parameters corresponding to a plurality of windows to be displayed and sending the display parameters to the middleware program;
the first display module is used for displaying a plurality of display windows in the browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
the second display module is used for respectively displaying the corresponding videos to be played in the plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
A computer device comprising a memory storing a computer program and a processor implementing the steps of the method described above when executing the computer program.
A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the above-mentioned method.
A computer program product comprising a computer program, characterized in that the computer program realizes the steps of the above-mentioned method when executed by a processor.
According to the video playing method, the video playing device, the computer equipment, the storage medium and the computer program product, when a video playing instruction in the browser is received, the display parameters corresponding to the multiple windows to be displayed are obtained, the display parameters are sent to the middleware program, the middleware program generates the multiple display windows based on the display parameters corresponding to each window to be displayed and displays the multiple display windows in the browser, the videos to be played are obtained through the middleware program, and display rendering is performed on the corresponding display windows, so that the corresponding videos to be played are displayed in the multiple display windows respectively. Compared with the traditional method for playing the video through the plug-in, the scheme utilizes the middleware program to play the multi-channel video in the browser based on the display parameters, so that the stability of playing the video in the browser is improved.
Drawings
FIG. 1 is a diagram of an exemplary video playback method;
FIG. 2 is a flow chart illustrating a video playing method according to an embodiment;
FIG. 3 is a flowchart illustrating a video playing method according to another embodiment;
FIG. 4 is a block diagram of a video player in one embodiment;
FIG. 5 is a diagram illustrating an internal structure of a computer device according to an embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
The video playing method provided by the application can be applied to the application environment shown in fig. 1. The terminal 102 may obtain display parameters corresponding to a plurality of windows to be displayed when detecting a video playing instruction in the browser, and send the display parameters to the middleware program, and the middleware program generates a plurality of display windows based on the display parameters corresponding to each window to be displayed, so that the terminal 102 may display the plurality of display windows through the middleware program, and obtain and render the display in the corresponding display windows through the middleware, thereby displaying the corresponding videos to be played in the plurality of display windows through the middleware, respectively. Additionally, in some embodiments, a server 104 may also be included. Wherein the terminal 102 communicates with the server 104 via a network. The terminal 102 may obtain and render the video to be played from the server 104 through the middleware. In addition, in some embodiments, the terminal 102 may further be connected to a plurality of image capturing devices, so that the terminal 102 may obtain and display video information captured by the plurality of image capturing devices through a middleware program. The terminal 102 may be, but is not limited to, various personal computers, notebook computers, smart phones, and tablet computers, and the server 104 may be implemented by an independent server or a server cluster formed by a plurality of servers.
In one embodiment, as shown in fig. 2, a video playing method is provided, which is described by taking the method as an example applied to the terminal in fig. 1, and includes the following steps:
step S202, responding to a video playing instruction in the browser, obtaining display parameters corresponding to a plurality of windows to be displayed, and sending the display parameters to the middleware program.
The video playing instruction may be an instruction triggered in the browser, and the instruction may be used to play a video, for example, play a video monitored for security in the browser. The instruction may be triggered by a user, for example, the user triggers a video playing instruction in a browser in the terminal 102, and after the terminal 102 detects that the video playing instruction is triggered, the display parameters corresponding to the multiple windows to be displayed may be acquired, and the display parameters are sent to the middleware program. The plurality of windows to be displayed can be windows embedded in the browser, the display parameters can be display forms of the plurality of windows to be displayed in the browser, and each window to be displayed can have corresponding display parameters; the middleware program is developed based on windows desktop application program, the middleware is a kind of software between the application system and the system software, and it uses the basic service (function) provided by the system software to link each part of the application system or different applications on the network, so as to achieve the purpose of resource sharing and function sharing. The middleware program may be started before the video playing command is triggered, for example, when the browser is opened, or may be started when the video playing command is triggered.
The middleware program may communicate with a browser. For example, in one embodiment, sending the display parameters to a middleware program includes: and sending the display parameters to the middleware program through a WebSocket protocol. In this embodiment, the middleware program may communicate with the web page through the websocket to realize the effect of playing multiple channels of videos in the web page. The terminal 102 may send the above display parameters to the middleware program through the WebSocket protocol. The WebSocket is an application layer protocol based on TCP and is used for realizing a protocol of bidirectional communication in application of a C/S architecture. The terminal 102 may establish a connection between the browser and the middleware program through a WebSocket protocol after the middleware program is started.
Step S204, displaying a plurality of display windows in the browser; and the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed.
The plurality of display windows may be windows generated according to the display parameters corresponding to each window to be displayed, and the plurality of display windows may be used for displaying corresponding video information. The terminal 102 may generate the plurality of display windows using a middleware program. For example, the terminal 102 may generate a plurality of display windows in the browser through the middleware program based on the display parameters corresponding to each of the windows to be displayed. Wherein each window can be used for video playing.
Step S206, displaying corresponding videos to be played in a plurality of display windows respectively; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
The plurality of display windows may be windows generated by the middleware program according to the display parameters corresponding to each window to be displayed. The terminal 102 may utilize multiple display windows to implement multiple video plays in the browser. For example, the terminal 102 may obtain a plurality of videos to be played through the middleware program, and display and render each video to be played in a corresponding display window, so that the terminal 102 may display the corresponding video to be played in each display window. The video to be played in each display window can be determined according to the video display area corresponding to the display window in the browser. For example, each video display area in the browser may have corresponding information of a video to be played, and the terminal 102 may obtain the corresponding video information through the middleware and play the video information in the corresponding display window.
In the video playing method, when a video playing instruction in a browser is received, display parameters corresponding to a plurality of windows to be displayed are obtained, and the display parameters are sent to a middleware program, the middleware program generates a plurality of display windows based on the display parameters corresponding to each window to be displayed, displays the plurality of display windows in the browser, obtains videos to be played through the middleware program, and performs display rendering on the corresponding display windows, so that the corresponding videos to be played are respectively displayed in the plurality of display windows. Compared with the traditional method for playing the video through the plug-in, the scheme utilizes the middleware program to play the multi-channel video in the browser based on the display parameters, so that the stability of playing the video in the browser is improved.
In one embodiment, obtaining display parameters corresponding to a plurality of windows to be displayed includes: according to the size and position information of a plurality of video display areas in the browser, the window size, the window position and the window arrangement sequence corresponding to a plurality of windows to be displayed are determined and used as display parameters.
In this embodiment, the terminal 102 may implement multi-channel video display in the browser by using a middleware program. The terminal 102 may create a plurality of display windows in the browser, and each window to be displayed may have a corresponding display parameter. The terminal 102 may obtain display parameters corresponding to a plurality of windows to be displayed after receiving the video playing instruction. For example, the terminal 102 may determine, according to the size and position information of the multiple video display areas in the browser, the window size, the window position, and the window arrangement order corresponding to the multiple windows to be displayed, so that the terminal 102 may use the window size, the window position, and the window arrangement order as the display parameters of each window to be displayed. Specifically, the web page side in the browser may have a plurality of video playing areas, each video playing area may have a corresponding video to be played, and the size, position and arrangement order of the area at the web page side. The terminal 102 may determine the window size, the window position, and the window arrangement order of each window to be displayed in the web page based on the parameter of the video playing area, so as to obtain the display parameter corresponding to each window to be displayed.
Through the embodiment, the terminal 102 may determine the display parameters of the multiple windows to be displayed in the web page based on the video playing area in the web page, so as to improve the stability of playing multiple paths of videos in the browser.
In one embodiment, displaying a corresponding plurality of display windows in a browser includes: a display window corresponding to the window size is displayed at a window position in the browser, and the plurality of display windows are arranged in a window arrangement order.
In this embodiment, the terminal 102 may perform multiple video displays in the browser through the middleware program. The terminal 102 may generate a plurality of display windows in the browser through the middleware program based on the display parameters corresponding to each window to be displayed. The display parameters may include parameters such as a window size, a window position, and a window arrangement order of the window to be displayed. The terminal 102 may generate a plurality of display windows in the browser based on the above parameters using a middleware program. For example, the terminal 102 may send information such as a window size, a position, and an arrangement order that need to be created in the browser to the middleware, and the middleware program may display a display window corresponding to the window size at a position corresponding to the window position in the browser, and arrange the generated display windows in the window arrangement order. Therefore, the corresponding window is created and displayed in the browser through the middleware.
Through this embodiment, the terminal 102 may generate a plurality of display windows in the browser based on a plurality of display parameters by using the middleware program, so that the terminal 102 may perform a plurality of video plays in the plurality of display windows by using the middleware program, thereby improving stability of performing multi-channel video play in the browser.
In one embodiment, displaying the corresponding videos to be played in a plurality of display windows respectively includes: and sending a video acquisition instruction to the middleware program, acquiring the audio and video stream of the image acquisition equipment and/or the local database through the middleware program, decoding the audio and video stream and performing display rendering in the corresponding display window.
In this embodiment, the terminal 102 may use a middleware program to implement multiple paths of video playing in a browser. The terminal 102 may send a video acquisition instruction to the middleware program, and the middleware program may acquire the audio and video stream of the image capture device, or may acquire the audio and video stream in the local database of the terminal 102. Which audio and video stream needs to be acquired can be determined according to the video information which needs to be played and corresponds to the corresponding display window in the browser. Wherein, the image acquisition device can be a CAMERA device (IPC, IP CAMERA) or a Video Recorder device (NVR, Network Video Recorder); the local database may store a database of video information. After the terminal 102 acquires the audio and video stream through the middleware program, the terminal can also decode the audio and video stream through the middleware program, and display and render the decoded audio and video stream in the display window through the middleware program. Therefore, video playing is carried out on the display window in the browser. Each display window may be a display window embedded in a browser.
Through the embodiment, the terminal 102 can acquire the audio and video stream by using the middleware program, decode the audio and video stream and display and render the audio and video stream in the display window, so that the stability of playing multiple paths of videos in the browser is improved.
In one embodiment, further comprising: acquiring display change information of the browser, wherein the display change information comprises at least one of moving, zooming and hiding; and correspondingly moving, zooming or hiding the display windows according to the display change information.
In this embodiment, the display window in the browser may be changed according to a change of the browser. The terminal 102 may obtain display change information of the browser, including at least one of moving, zooming and hiding; the terminal 102 may correspondingly move, zoom or hide the plurality of display windows according to the display change information. For example, the display windows may be windows created by the middleware, and the display windows may move, enlarge and shrink along with the web page, and when the web page is hidden or displayed, the windows may be hidden or displayed accordingly.
Through the embodiment, the terminal 102 can control the plurality of display windows to change along with the display change of the browser, so that the uniformity of the plurality of display windows in the browser and the action change of the browser is improved.
In one embodiment, further comprising: and responding to a video saving instruction of a target display window in the plurality of display windows, and saving the video in the target display window to a local database through a middleware program.
In this embodiment, the terminal 102 may further operate the local file in the display window. The terminal 102 may store the video in the target display window in the local database through the middleware program when detecting a video saving instruction, for example, the user selects the target display window from the plurality of display windows and triggers the video saving instruction. The target display window may be a display window selected by a user, and the user may select one or more display windows at a time, so that the terminal 102 may store the audio and video stream in the selected display window by using the middleware program.
Through the embodiment, the terminal 102 can store the audio and video stream in the target display window by using the middleware program, so that the convenience of storing the webpage video is improved.
In one embodiment, as shown in fig. 3, fig. 3 is a schematic flow chart of a video playing method in another embodiment. The method comprises the following steps: the terminal 102 may first start a middleware server, and connect the browser to the middleware service through the websocket; the terminal 102 sends information such as the size and position of a window to be created by a browser to the middleware, and the middleware creates and displays a corresponding window; therefore, the terminal 102 can realize that the webpage end plays multiple paths of videos, for example, the webpage sends a command to inform the middleware to request the device end for audio and video streams, and the middleware decodes the audio and video streams and plays the audio and video streams on the window. Wherein the device side may be the image capturing device or a local database in the terminal 102. In addition, the terminal 102 may operate the local file in the web page side by using middleware. For example saving video in a display window generated by the middleware program. And the middleware window can move, enlarge and shrink along with the webpage, and when the webpage is hidden or displayed, the window can be hidden or displayed.
Through the above embodiments, the terminal 102 sends information such as the position of the window to be displayed, the size of the window, and the arrangement of the window to the middleware program at the web page side, and the program displays the video window at the corresponding position, and the video window can move, enlarge, reduce, display, and hide with the browser. The playing and stopping of the video window can be controlled through the webpage end, and the problem that when a main stream browser plays multiple channels of videos at the same time, the multiple channels of videos cannot be played at the same time due to too high CPU occupancy rate is solved. Meanwhile, the read-write function of operating the local file in the webpage is realized, and the problems that the local DLL is difficult to call and the ActiveX control is compatible to run in the webpage after the NPAPI is forbidden by Chrome and the like are solved. Therefore, the stability of playing multiple paths of videos in the browser is improved.
It should be understood that although the various steps in the flowcharts of fig. 2-3 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least some of the steps in fig. 2-3 may include multiple steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed in turn or alternately with other steps or at least some of the other steps or stages.
In one embodiment, as shown in fig. 4, there is provided a video playback apparatus including: an acquisition module 500, a first display module 502, and a second display module 504, wherein:
the obtaining module 500 is configured to, in response to a video playing instruction in the browser, obtain display parameters corresponding to multiple windows to be displayed, and send the display parameters to the middleware program.
A first display module 502 for displaying a plurality of display windows in a browser; and the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed.
A second display module 504, configured to display corresponding videos to be played in multiple display windows respectively; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
In an embodiment, the obtaining module 500 is specifically configured to send the display parameters to the middleware program through a WebSocket protocol.
In an embodiment, the obtaining module 500 is specifically configured to determine, according to the size and the position information of the multiple video display areas in the browser, a window size, a window position, and a window arrangement order corresponding to multiple windows to be displayed as display parameters.
In an embodiment, the first display module 502 is specifically configured to display a display window corresponding to a window size at a window position in a browser, and the display windows are arranged according to a window arrangement order.
In an embodiment, the second display module 504 is specifically configured to send a video obtaining instruction to a middleware program, obtain audio and video streams of the image capture device and/or the local database through the middleware program, decode the audio and video streams, and perform display rendering in a corresponding display window.
In one embodiment, the above apparatus further comprises: the display change module is used for acquiring display change information of the browser, wherein the display change information comprises at least one of moving, zooming and hiding; and correspondingly moving, zooming or hiding the display windows according to the display change information.
In one embodiment, the above apparatus further comprises: and the local operation module is used for responding to a video storage instruction of a target display window in the plurality of display windows and storing the video in the target display window to the local database through the middleware program.
For specific limitations of the video playing apparatus, reference may be made to the above limitations of the video playing method, which is not described herein again. The modules in the video playing apparatus can be wholly or partially implemented by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 5. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless communication can be realized through WIFI, an operator network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a video playback method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in fig. 5 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, a computer device is provided, comprising a memory and a processor, the memory having a computer program stored therein, the processor implementing the following steps when executing the computer program:
responding to a video playing instruction in a browser, acquiring display parameters corresponding to a plurality of windows to be displayed, and sending the display parameters to a middleware program;
displaying a plurality of display windows in a browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
respectively displaying corresponding videos to be played in a plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
and sending the display parameters to the middleware program through a WebSocket protocol.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
according to the size and position information of a plurality of video display areas in the browser, the window size, the window position and the window arrangement sequence corresponding to a plurality of windows to be displayed are determined and used as display parameters.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
a display window corresponding to the window size is displayed at a window position in the browser, and the plurality of display windows are arranged in a window arrangement order.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
and sending a video acquisition instruction to the middleware program, acquiring the audio and video stream of the image acquisition equipment and/or the local database through the middleware program, decoding the audio and video stream and performing display rendering in the corresponding display window.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
acquiring display change information of the browser, wherein the display change information comprises at least one of moving, zooming and hiding; and correspondingly moving, zooming or hiding the display windows according to the display change information.
In one embodiment, the processor, when executing the computer program, further performs the steps of:
and responding to a video saving instruction of a target display window in the plurality of display windows, and saving the video in the target display window to a local database through a middleware program.
In one embodiment, a computer-readable storage medium is provided, having a computer program stored thereon, which when executed by a processor, performs the steps of:
responding to a video playing instruction in a browser, acquiring display parameters corresponding to a plurality of windows to be displayed, and sending the display parameters to a middleware program;
displaying a plurality of display windows in a browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
respectively displaying corresponding videos to be played in a plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
In one embodiment, the computer program when executed by the processor further performs the steps of:
and sending the display parameters to the middleware program through a WebSocket protocol.
In one embodiment, the computer program when executed by the processor further performs the steps of:
according to the size and position information of a plurality of video display areas in the browser, the window size, the window position and the window arrangement sequence corresponding to a plurality of windows to be displayed are determined and used as display parameters.
In one embodiment, the computer program when executed by the processor further performs the steps of:
a display window corresponding to the window size is displayed at a window position in the browser, and the plurality of display windows are arranged in a window arrangement order.
In one embodiment, the computer program when executed by the processor further performs the steps of:
and sending a video acquisition instruction to the middleware program, acquiring the audio and video stream of the image acquisition equipment and/or the local database through the middleware program, decoding the audio and video stream and performing display rendering in the corresponding display window.
In one embodiment, the computer program when executed by the processor further performs the steps of:
acquiring display change information of the browser, wherein the display change information comprises at least one of moving, zooming and hiding; and correspondingly moving, zooming or hiding the display windows according to the display change information.
In one embodiment, the computer program when executed by the processor further performs the steps of:
and responding to a video saving instruction of a target display window in the plurality of display windows, and saving the video in the target display window to a local database through a middleware program.
In one embodiment, a computer program product is provided, comprising a computer program which, when executed by a processor, implements the video playback method described above.
It should be noted that, the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, presented data, etc.) referred to in the present application are information and data authorized by the user or sufficiently authorized by each party.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include at least one of non-volatile and volatile memory. Non-volatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical storage, or the like. Volatile Memory can include Random Access Memory (RAM) or external cache Memory. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM), among others.
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims (11)

1. A video playback method, the method comprising:
responding to a video playing instruction in a browser, acquiring display parameters corresponding to a plurality of windows to be displayed, and sending the display parameters to a middleware program;
displaying a plurality of display windows in the browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
respectively displaying corresponding videos to be played in the plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
2. The method of claim 1, wherein sending the display parameters to a middleware program comprises:
and sending the display parameters to the middleware program through a WebSocket protocol.
3. The method according to claim 2, wherein the obtaining of the display parameters corresponding to the plurality of windows to be displayed comprises:
and determining the window size, the window position and the window arrangement sequence corresponding to the plurality of windows to be displayed as the display parameters according to the size and the position information of the plurality of video display areas in the browser.
4. The method of claim 3, wherein said displaying a corresponding plurality of display windows in said browser comprises:
and displaying a display window corresponding to the size of the window at the window position in the browser, wherein the display windows are arranged according to the window arrangement sequence.
5. The method according to claim 1, wherein the displaying the corresponding videos to be played in the plurality of display windows respectively comprises:
and sending a video acquisition instruction to the middleware program, acquiring audio and video streams of the image acquisition equipment and/or the local database through the middleware program, decoding the audio and video streams and displaying and rendering the audio and video streams in a corresponding display window.
6. The method of claim 1, further comprising:
acquiring display change information of a browser, wherein the display change information comprises at least one of moving, zooming and hiding;
and correspondingly moving, zooming or hiding the display windows according to the display change information.
7. The method of claim 1, further comprising:
and responding to a video saving instruction of a target display window in the plurality of display windows, and saving the video in the target display window to a local database through the middleware program.
8. A video playback apparatus, comprising:
the acquisition module is used for responding to a video playing instruction in the browser, acquiring display parameters corresponding to a plurality of windows to be displayed and sending the display parameters to the middleware program;
the first display module is used for displaying a plurality of display windows in the browser; the display window is generated by the middleware program based on the display parameter corresponding to each window to be displayed;
the second display module is used for respectively displaying the corresponding videos to be played in the plurality of display windows; and the video to be played is acquired through the middleware program and is displayed and rendered in the corresponding display window.
9. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor, when executing the computer program, implements the steps of the method of any of claims 1 to 7.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 7.
11. A computer program product comprising a computer program, characterized in that the computer program realizes the steps of the method of any one of claims 1 to 7 when executed by a processor.
CN202111078944.7A 2021-09-15 2021-09-15 Video playing method and device, computer equipment and storage medium Pending CN113949821A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111078944.7A CN113949821A (en) 2021-09-15 2021-09-15 Video playing method and device, computer equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111078944.7A CN113949821A (en) 2021-09-15 2021-09-15 Video playing method and device, computer equipment and storage medium

Publications (1)

Publication Number Publication Date
CN113949821A true CN113949821A (en) 2022-01-18

Family

ID=79328447

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111078944.7A Pending CN113949821A (en) 2021-09-15 2021-09-15 Video playing method and device, computer equipment and storage medium

Country Status (1)

Country Link
CN (1) CN113949821A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114710708A (en) * 2022-03-14 2022-07-05 武汉虹信技术服务有限责任公司 Method and system for Web playing monitoring video hosting C/S host program
CN115002538A (en) * 2022-05-13 2022-09-02 深圳康佳电子科技有限公司 Multi-window video recording control method, device, terminal equipment and storage medium
CN115209222A (en) * 2022-06-15 2022-10-18 深圳市锐明技术股份有限公司 Video playing method and device, electronic equipment and readable storage medium

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160142760A1 (en) * 2013-06-28 2016-05-19 Lg Electronics Inc. A digital device and method of processing service data thereof
CN107277612A (en) * 2016-04-05 2017-10-20 韩华泰科株式会社 Method and apparatus for playing Media Stream in web browser
CN109640153A (en) * 2018-12-12 2019-04-16 安徽科大国创软件科技有限公司 A kind of method and device thereof that the browser multiwindow based on VLC plays
CN110300320A (en) * 2018-03-22 2019-10-01 杭州海康威视数字技术股份有限公司 A kind of video broadcasting method, device, electronic equipment and storage medium
CN111416993A (en) * 2020-03-26 2020-07-14 四川长虹电器股份有限公司 Playing control method and player system capable of playing IPTV and OTT video sources
CN111416988A (en) * 2020-03-26 2020-07-14 四川长虹电器股份有限公司 Control method for realizing multi-screen playing on set-top box based on IPTV network
CN112379938A (en) * 2020-11-06 2021-02-19 福建亿榕信息技术有限公司 Cross-browser safe local application calling method based on domestic operating system
CN112799745A (en) * 2019-11-14 2021-05-14 腾讯科技(深圳)有限公司 Page display control method and device

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160142760A1 (en) * 2013-06-28 2016-05-19 Lg Electronics Inc. A digital device and method of processing service data thereof
CN107277612A (en) * 2016-04-05 2017-10-20 韩华泰科株式会社 Method and apparatus for playing Media Stream in web browser
CN110300320A (en) * 2018-03-22 2019-10-01 杭州海康威视数字技术股份有限公司 A kind of video broadcasting method, device, electronic equipment and storage medium
CN109640153A (en) * 2018-12-12 2019-04-16 安徽科大国创软件科技有限公司 A kind of method and device thereof that the browser multiwindow based on VLC plays
CN112799745A (en) * 2019-11-14 2021-05-14 腾讯科技(深圳)有限公司 Page display control method and device
CN111416993A (en) * 2020-03-26 2020-07-14 四川长虹电器股份有限公司 Playing control method and player system capable of playing IPTV and OTT video sources
CN111416988A (en) * 2020-03-26 2020-07-14 四川长虹电器股份有限公司 Control method for realizing multi-screen playing on set-top box based on IPTV network
CN112379938A (en) * 2020-11-06 2021-02-19 福建亿榕信息技术有限公司 Cross-browser safe local application calling method based on domestic operating system

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114710708A (en) * 2022-03-14 2022-07-05 武汉虹信技术服务有限责任公司 Method and system for Web playing monitoring video hosting C/S host program
CN114710708B (en) * 2022-03-14 2024-04-02 武汉虹信技术服务有限责任公司 Method and system for Web playing monitoring video for hosting C/S host program
CN115002538A (en) * 2022-05-13 2022-09-02 深圳康佳电子科技有限公司 Multi-window video recording control method, device, terminal equipment and storage medium
CN115002538B (en) * 2022-05-13 2024-03-12 深圳康佳电子科技有限公司 Multi-window video recording control method, device, terminal equipment and storage medium
CN115209222A (en) * 2022-06-15 2022-10-18 深圳市锐明技术股份有限公司 Video playing method and device, electronic equipment and readable storage medium
CN115209222B (en) * 2022-06-15 2024-02-09 深圳市锐明技术股份有限公司 Video playing method and device, electronic equipment and readable storage medium

Similar Documents

Publication Publication Date Title
CN113949821A (en) Video playing method and device, computer equipment and storage medium
US10474343B2 (en) Image processing apparatus, image processing method, and program
US10028002B2 (en) Server device for sharing contents, client device, and method for sharing contents
US20140282751A1 (en) Method and device for sharing content
US11470387B2 (en) Methods, systems, and media for remote rendering of Web content on a television device
CN111436005B (en) Method and apparatus for displaying image
CN111526428B (en) Method, system and medium for realizing HTML5 video playing in cloud desktop
KR101202029B1 (en) Network image security system based on cloud computing and method thereof
AU2013345759A1 (en) Transmission system and program
CN113766324B (en) Video playing control method and device, computer equipment and storage medium
CN109495427B (en) Multimedia data display method and device, storage medium and computer equipment
US20220159197A1 (en) Image special effect processing method and apparatus, and electronic device and computer readable storage medium
CN112969097A (en) Content playing method and device, and content commenting method and device
CN111918098A (en) Video processing method and device, electronic equipment, server and storage medium
US9729931B2 (en) System for managing detection of advertisements in an electronic device, for example in a digital TV decoder
CN106455128B (en) WIFI point-to-point data transmission method and device
JP7471510B2 (en) Method, device, equipment and storage medium for picture to video conversion - Patents.com
US20170161871A1 (en) Method and electronic device for previewing picture on intelligent terminal
CN112533048B (en) Video playing method, device and equipment
CN110019866B (en) Dynamic picture playing method, device and storage medium
CN111352560A (en) Screen splitting method and device, electronic equipment and computer readable storage medium
CN113038192A (en) Video processing method and device, electronic equipment and storage medium
US20140297720A1 (en) Client apparatus, server apparatus, multimedia redirection system, and method thereof
CN112905283A (en) Special effect animation playing method, device and system, computer equipment and storage medium
CN109450993B (en) Method and apparatus for presenting information

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: 20220118