CN109660764A - The monitoring method of vehicle real-time video based on HTML5, apparatus and system - Google Patents
The monitoring method of vehicle real-time video based on HTML5, apparatus and system Download PDFInfo
- Publication number
- CN109660764A CN109660764A CN201811584446.8A CN201811584446A CN109660764A CN 109660764 A CN109660764 A CN 109660764A CN 201811584446 A CN201811584446 A CN 201811584446A CN 109660764 A CN109660764 A CN 109660764A
- Authority
- CN
- China
- Prior art keywords
- audio
- video
- video data
- client
- monitoring
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/18—Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
- H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L69/00—Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
- H04L69/16—Implementation or adaptation of Internet protocol [IP], of transmission control protocol [TCP] or of user datagram protocol [UDP]
- H04L69/161—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields
- H04L69/162—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields involving adaptations of sockets based mechanisms
-
- 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/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client
- H04N21/63—Control signaling related to video distribution between client, server and network components; Network processes for video distribution between server and clients or between remote clients, e.g. transmitting basic layer and enhancement layers over different transmission paths, setting up a peer-to-peer communication via Internet between remote STB's; Communication protocols; Addressing
- H04N21/643—Communication protocols
-
- 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/85—Assembly of content; Generation of multimedia applications
- H04N21/854—Content authoring
- H04N21/8543—Content authoring using a description language, e.g. Multimedia and Hypermedia information coding Expert Group [MHEG], eXtensible Markup Language [XML]
Landscapes
- Engineering & Computer Science (AREA)
- Signal Processing (AREA)
- Multimedia (AREA)
- Computer Networks & Wireless Communication (AREA)
- Computer Security & Cryptography (AREA)
- Closed-Circuit Television Systems (AREA)
Abstract
The monitoring method of the present invention provides a kind of vehicle real-time video based on HTML5, apparatus and system, method therein include: that server-side receives and establishes Websocket with client after the monitoring request that client is sent and link；TCP is established with car-mounted terminal to link；It is then based on monitoring request, generate video monitoring instruction, and the video monitoring instruction of generation is sent to by car-mounted terminal based on TCP link, so that after car-mounted terminal is based on video monitoring instruction acquisition audio, video data, it is linked based on TCP and the audio, video data of acquisition is sent to server-side, then audio, video data is decoded；It is finally linked based on Websocket, decoded first audio, video data is back to client, so that client is based on HTML5 and plays out to decoded first audio, video data.The present invention realizes the technical effect of cross-platform real-time video monitoring.
Description
Technical field
The present invention relates to technical field of video monitoring, and in particular to a kind of monitoring of the vehicle real-time video based on HTML5
Method, apparatus and system.
Background technique
With the development of the application of Internet of Things, as the branch of Internet of Things, car networking has also obtained further development.Vehicle
It networks as Internet of Things in the application of field of traffic, the important component of the following intelligent transportation system will be become.
It referring to Figure 1, in the prior art, will by client usually by the way that client and car-mounted terminal to be directly connected to
Ministry of Communications's video protocols and command protocols are programmed in browser control part, send monitoring request by client, car-mounted terminal is adopted
Client is uploaded to after collection video data, client parses audio/video flow and realizes real time monitoring video by client browser again
Broadcasting.
Present invention applicant is in implementing the present invention, it may, discovery at least has the following technical problems in the prior art:
Since each browser kernel compatibility is different, the client browser version that user uses can not also be unified,
Cause monitor video plug-in unit that need to individually develop, or limitation user uses a certain version browser, and it is real to be just able to achieve car networking video
When monitor.The different compatible effects of each version browser kernel are difficult to control, and limitation user selects browser, reduces user's body
It tests.
It follows that there is compatibility and the poor technical problem of versatility in method in the prior art.
Summary of the invention
In view of this, the monitoring method of the embodiment of the invention provides a kind of vehicle real-time video based on HTML5, device
And system, there is compatibility and the poor technical problem of versatility to solve or at least solve method in the prior art.
In a first aspect, it is applied to server-side the present invention provides the monitoring method of the vehicle real-time video based on HTML5,
The described method includes:
Server-side receives the monitoring request that client is sent, and establishes Websocket with client and link；
TCP is established with car-mounted terminal to link；
It is requested based on the monitoring, generates video monitoring instruction, and link based on the TCP and refer to the video monitoring of generation
Order is sent to car-mounted terminal, so that being based on the TCP after the car-mounted terminal is based on video monitoring instruction acquisition audio, video data
The audio, video data of acquisition is sent to server-side by link；
The audio, video data is decoded；
It is linked based on the Websocket, decoded first audio, video data is back to client, so that the visitor
Family end group plays out decoded first audio, video data in HTML5.
In one embodiment, the audio, video data is decoded, is specifically included:
Received audio, video data is packaged into the available data format of client.
In one embodiment, the method also includes:
The holder scheduling request that client is sent is received, and holder dispatch command is generated based on the holder scheduling request；
Holder dispatch command is sent to car-mounted terminal, so that car-mounted terminal is based on holder dispatch command control holder and turns
It is dynamic, and the audio, video data after the variation of acquisition is sent to server-side；
Audio, video data after variation is decoded；
It is linked based on the Websocket, decoded second audio, video data is back to client, so that the visitor
Family end group plays out decoded second audio, video data in HTML5.
Based on same inventive concept, second aspect of the present invention provides a kind of vehicle real-time video based on HTML5
Monitoring method is applied to client, which comprises
Monitoring request is sent to server-side, and establishes Websocket with server-side and links, so that server-side and car-mounted terminal
It after establishing TCP link, is requested based on the monitoring, generates video monitoring instruction, and link the video of generation based on the TCP
Monitoring instruction is sent to car-mounted terminal, so that being based on after the car-mounted terminal is based on video monitoring instruction acquisition audio, video data
The audio, video data of acquisition is sent to server-side by the TCP link, then is solved by server-side to the audio, video data
After code, is linked based on the Websocket, decoded audio, video data is back to client；
Decoded audio, video data is played out based on HTML5.
In one embodiment, decoded audio, video data is played out based on HTML5, comprising:
By presetting label in HTML 5, the interface of playing audio-video data is provided, then be based on interface playing audio-video number
According to.
In one embodiment, the method also includes:
Audio, video data is controlled.
Based on same inventive concept, third aspect present invention provides the monitoring of the vehicle real-time video based on HTML5
Device, described device are server-side, comprising:
Receiving module for receiving the monitoring request of client transmission, and is established Websocket with client and is linked；
Module is established in TCP link, is linked for establishing TCP with car-mounted terminal；
Instruction sending module is monitored, for requesting based on the monitoring, generates video monitoring instruction, and be based on the TCP
The video monitoring instruction of generation is sent to car-mounted terminal by link, so that the car-mounted terminal is based on video monitoring instruction acquisition sound
After video data, is linked based on the TCP and the audio, video data of acquisition is sent to server-side；
Decoder module, for being decoded to the audio, video data；
Decoded audio, video data is back to client for linking based on the Websocket by data back module
End, so that the client is based on HTML5 and plays out to decoded audio, video data.
In one embodiment, decoder module is specifically used for:
Received audio, video data is packaged into the available data format of client.
Based on same inventive concept, fourth aspect present invention provides the monitoring of the vehicle real-time video based on HTML5
Device, described device are client, comprising:
Sending module for sending monitoring request to server-side, and is established Websocket with server-side and is linked, so that clothes
Business end and car-mounted terminal are established after TCP link, are requested based on the monitoring, generation video monitoring instructs, and based on the TCP chain
It connects and the video monitoring instruction of generation is sent to car-mounted terminal, so that the car-mounted terminal is regarded based on video monitoring instruction acquisition sound
The audio, video data of acquisition is sent to server-side after, based on TCP link by frequency, then is regarded by server-side to the sound
Frequency is linked based on the Websocket according to after being decoded, decoded audio, video data is back to client；
Playing module, for being played out based on HTML5 to decoded audio, video data.
Based on same inventive concept, fifth aspect present invention provides the monitoring of the vehicle real-time video based on HTML5
System, including client described in server-side described in car-mounted terminal, the third aspect and fourth aspect.
Said one or multiple technical solutions in the embodiment of the present application at least have following one or more technology effects
Fruit:
After method provided by the invention, the monitoring request that client is received by server-side, video monitoring instruction is generated,
And the video monitoring instruction of generation is sent to by car-mounted terminal based on TCP link, so that the car-mounted terminal is based on video monitoring
After instruction acquisition audio, video data, is linked based on TCP and the audio, video data of acquisition is sent to server-side, then by server-side to institute
It states after audio, video data is decoded, based on being linked with the Websocket that client is established, by decoded first audio-video number
According to client is back to, End-Customer end can be played out decoded first audio, video data based on HTML5.
In compared with the existing technology, TCP is directly established with car-mounted terminal by client and is linked, completes data interaction, by
Client is based on monitoring request, generates monitoring instruction, and client need to install browser plug-in by browser version and carry out audio-video
The decoding of data, to not carried out directly between client and car-mounted terminal in the present invention for realizing the broadcast mode of video
Communication, but generate monitoring instruction by server-side and issued, and the audio, video data of car-mounted terminal passback is solved
It is sent to client after code, so that client does not need the broadcasting that can then carry out audio-video according to browser plug-in, it can
Suitable for a variety of different browsers, so improve compatibility and versatility.Solving method in the prior art, there are simultaneous
Capacitive and the poor technical problem of versatility.
Also, developer need to be the independent control development of different browsers in the prior art, need to put into a large amount of manpower and material resources,
Later maintenance cost also improves, and limitation user selects browser, reduces user experience.And by means of the present invention, due to
Client be no longer responsible for agreement issue with audio stream, video flowing decoding after, client is very poor real-time without relying on compatibility
Control is monitored, user's operation difficulty can be substantially reduced；At the same time, developer also no longer needs designated user to open using certain money
The browser for sending out video monitoring plug-in unit is operated.It need to only select any a browser for supporting HTML5 that vehicle can be realized
Photographic technique, to realize the cross-platform real-time video vehicle monitoring function of browser-cross.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is this hair
Bright some embodiments for those of ordinary skill in the art without creative efforts, can be with root
Other attached drawings are obtained according to these attached drawings.
Fig. 1 is the implementation flow chart of video monitoring method in the prior art；
Fig. 2 is a kind of flow chart of the monitoring method of the vehicle real-time video based on HTML5 in the embodiment of the present invention；
Fig. 3 is the flow chart of the monitoring method of vehicle real-time video of the another kind based on HTML5 in the embodiment of the present invention；
Fig. 4 is a kind of structural block diagram of the monitoring device of the vehicle real-time video based on HTML5 in the embodiment of the present invention；
Fig. 5 is the structural block diagram of the monitoring device of vehicle real-time video of the another kind based on HTML5 in the embodiment of the present invention；
Fig. 6 is the architecture diagram of the monitoring system of the vehicle real-time video based on HTML5 in the embodiment of the present invention.
Specific embodiment
The monitoring method of the embodiment of the invention provides a kind of vehicle real-time video based on HTML5, apparatus and system are used
There is compatibility and the poor technical problem of versatility to improve method in the prior art, and realizes cross-platform real-time view
The technical effect of frequency monitoring.
In order to reach above-mentioned technical effect, central scope of the invention is as follows:
Cancel being directly connected to for client and car-mounted terminal, is coordinated between client and car-mounted terminal again by server-side
With the transmission of data.Client and server-side are established after Websocket links, and server-side is established TCP with car-mounted terminal and linked, by
Forwarding of the background server on behalf of processing monitoring command protocols.Server-side receives customer terminal webpage monitoring or other monitoring are related
After request, creation respective protocol instruction, and it is issued to car-mounted terminal.And car-mounted terminal is back to the audio, video data of server-side,
It is that client is sent to after being decoded by server-side, such client needs not rely on third party control, can carry out sound
The broadcasting of video.Realize cross-platform real-time video monitoring.Also, since server-side possesses powerful log system, can incite somebody to action
All operation notes are on record, facilitate Check System abnormal, can find monitoring system exception in time, and in the prior art, end pair
End video monitoring abnormality processing excessively relies on the use feedback of user, and developer is also difficult to track client exception, it more difficult to
To track car-mounted terminal.Reduce the difficulty and cost of later maintenance in this way.
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with the embodiment of the present invention
In attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is
A part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art
Every other embodiment obtained without creative efforts, shall fall within the protection scope of the present invention.
Embodiment one
A kind of monitoring method of vehicle real-time video based on HTML5 is present embodiments provided, is applied to server-side, please join
See Fig. 1, which comprises
Step S101 is first carried out: server-side receives the monitoring request that client is sent, and establishes with client
Websocket link.
Specifically, server-side, that is, background server, pre-configured serve end program can handle the monitoring of client
Request, page request etc..Websocket is the protocol specification that html5 is proposed, is to solve between client and server-side
Real time communication.It first passes through HTTP/HTTPS agreement and initiates to create one after a special http request is shaken hands for handing over
Change the link of data.It is linked by Websocket, client and server-side only need to do the movement shaken hands, and are establishing
After connection, both sides can at any time, mutual pushed information.Meanwhile the head information exchanged between server and client
It is smaller.
Then it executes step S102: establishing TCP with car-mounted terminal and link.
Specifically, the communication between server-side and car-mounted terminal is linked by TCP, TCP connection, transmitting data it
Before, three-way handshake is had to establish connection, and in data transmitting, has confirmation, window, re-transmission, congestion control mechanism, in number
After having passed, it also will disconnect connection and be used to save system resource.Advantage is reliable and stablizes.To guarantee server-side with it is vehicle-mounted
The reliability that data are transmitted between terminal.
Then it executes step S103: being requested based on the monitoring, generate video monitoring instruction, and link based on the TCP
The video monitoring instruction of generation is sent to car-mounted terminal, so that the car-mounted terminal is based on video monitoring instruction acquisition audio-video
After data, is linked based on the TCP and the audio, video data of acquisition is sent to server-side.
Specifically, after the monitoring request that client is sent, relevant treatment is carried out to request by server-side, carries out agreement
With the forwarding of instruction, so that the video capture device for controlling car-mounted terminal acquires corresponding audio, video data.
In the specific implementation process, the agreement between server-side and car-mounted terminal and between server-side and client
Or instruction issues, Data-collection middleware includes:
Client request processing module, the monitoring instruction sent specifically for processing client, page request instruction, holder
Scheduling request etc..
Server-side and car-mounted terminal data interaction module, are mainly used for server-side to sending instructions under car-mounted terminal, Yi Jiche
Mounted terminal sends audio, video data to server-side.
Server-side and client data interactive module are mainly used for client and send to server-side to request, and server-side is to visitor
Family end sends audio, video data.
Step S104 is executed again: the audio, video data is decoded.
Specifically, after server-side receives the audio, video data that car-mounted terminal returns, by server-side to audio, video data
It is decoded processing, since the processing capacity of server-side is stronger, thus after being decoded by server-side to audio-video, Ke Yiti
The speed of high client end response.
In one embodiment, the audio, video data is decoded, is specifically included:
Received audio, video data is packaged into the available data format of client.
Specifically, the audio, video data received is packaged by server-side according to preset rules, is packaged into web client
Hold available data format, such as MPEG-4 etc..
It finally executes step S105: being linked based on the Websocket, decoded first audio, video data is back to
Client, so that the client is based on HTML5 and plays out to decoded first audio, video data.
Specifically, server-side establishes websocket long with client in abovementioned steps and links, at this point, then can be with
It is linked based on the length, packaged video file is pushed into client, so that client carries out vehicle with minimum delay
Real-time audio and video monitoring.It issues since client is no longer responsible for agreement with after audio/video flow decoding, client can eliminate the reliance on
The very poor real time monitoring control of compatibility, such as flash, ocx control etc. substantially reduce user's operation difficulty；At the same time, it develops
Person also no longer needs regulation user to operate using the browser that certain money developed video monitoring plug-in unit.User need to only select to appoint
Automobile video frequency real time monitoring can be realized in a browser for supporting HTML5 of anticipating, to realize the cross-platform real-time view of browser-cross
Frequency vehicle monitoring function.
In one embodiment, the method also includes:
The holder scheduling request that client is sent is received, and holder dispatch command is generated based on the holder scheduling request；
Holder dispatch command is sent to car-mounted terminal, so that car-mounted terminal is based on holder dispatch command control holder and turns
It is dynamic, and the audio, video data after the variation of acquisition is sent to server-side；
Audio, video data after variation is decoded；
It is linked based on the Websocket, decoded second audio, video data is back to client, so that the visitor
Family end group plays out decoded second audio, video data in HTML5.
Specifically, the holder scheduling request sent for client, server-side is also using similar with monitoring request processing
Mode, generate corresponding holder dispatch command and be issued to car-mounted terminal, then by car-mounted terminal passback variation after sound regard
Frequency is sent to client according to after being decoded.
Based on the same inventive concept, the monitoring side of the vehicle real-time video present invention also provides another kind based on HTML5
Method, detailed in Example two.
Embodiment two
A kind of monitoring method of vehicle real-time video based on HTML5 is present embodiments provided, is applied to client, please join
See Fig. 2, this method comprises:
S201: monitoring request is sent to server-side, and establishes Websocket with server-side and links, so that server-side and vehicle
It after mounted terminal establishes TCP link, is requested based on the monitoring, generates video monitoring instruction, and will generate based on TCP link
Video monitoring instruction be sent to car-mounted terminal so that the car-mounted terminal be based on video monitoring instruction acquisition audio, video data
Afterwards, it is linked based on the TCP and the audio, video data of acquisition is sent to server-side, then by server-side to the audio, video data
After being decoded, is linked based on the Websocket, decoded audio, video data is back to client；
S202: decoded audio, video data is played out based on HTML5.
Specifically, client can be web client, be exactly a kind of HTML5 player, be used for real-time exhibition vehicle
Monitoring audio/video.
In the specific implementation process, client may include car-mounted terminal control module, be made of basic html element,
It is responsible for sending agreement association requests to server-side, such as: starting to monitor, stop monitoring, photographing instruction issues request, and rotary platform is asked
It asks.And audio, video data is played out by video player module.Client is by car-mounted terminal control protocol from biography
It is stripped out in system video monitoring control, control button is only presented in basic web element, and protocol section is transferred to service
It holds in program.When the user clicks in the page when control module function, complicated client plug-in program is eliminated the reliance on, and by its function
Can pass server-side back, and complete remaining operation for it by server-side, thus for browser be detached from tripartite's control lay the foundation and at
It is possible.
In one embodiment, decoded audio, video data is played out based on HTML5, comprising:
By presetting label in HTML 5, the interface of playing audio-video data is provided, then be based on interface playing audio-video number
According to.
Specifically, presetting label is<video>, is the new label in HTML 5, and effect is in browser page
It is embedded in video elementary, such as vidclip or other video flowings, which externally provides a series of interface method and control for outside
Video processed.
In one embodiment, the method also includes:
Audio, video data is controlled.
Specifically, audio, video data can be controlled by video control module, in specific implementation process
In, video control module is made of basic html element, it is responsible for video basic operation, such as: pause, F.F., broadcasting operation.
Based on the same inventive concept, it is regarded in real time present invention also provides a kind of with the vehicle based on HTML5 in embodiment one
The corresponding device of the monitoring method of frequency, detailed in Example three.
Embodiment three
A kind of monitoring device of vehicle real-time video based on HTML5 is present embodiments provided, described device is server-side,
Fig. 3 is referred to, which includes:
Receiving module 301 for receiving the monitoring request of client transmission, and is established Websocket with client and is linked；
Module 302 is established in TCP link, is linked for establishing TCP with car-mounted terminal；
Instruction sending module 303 is monitored, for requesting based on the monitoring, generates video monitoring instruction, and based on described
TCP, which is linked, is sent to car-mounted terminal for the video monitoring instruction of generation, so that the car-mounted terminal is based on video monitoring instruction and adopts
After collecting audio, video data, is linked based on the TCP and the audio, video data of acquisition is sent to server-side；
Decoder module 304, for being decoded to the audio, video data；
Decoded audio, video data is back to by data back module 305 for being linked based on the Websocket
Client, so that the client is based on HTML5 and plays out to decoded audio, video data.
In one embodiment, decoder module 304 is specifically used for:
Received audio, video data is packaged into the available data format of client.
In one embodiment, further include holder scheduling request processing module, be specifically used for:
The holder scheduling request that client is sent is received, and holder dispatch command is generated based on the holder scheduling request；
Holder dispatch command is sent to car-mounted terminal, so that car-mounted terminal is based on holder dispatch command control holder and turns
It is dynamic, and the audio, video data after the variation of acquisition is sent to server-side；
Audio, video data after variation is decoded；
It is linked based on the Websocket, decoded second audio, video data is back to client, so that the visitor
Family end group plays out decoded second audio, video data in HTML5.
By the monitoring device for the vehicle real-time video based on HTML5 that the embodiment of the present invention three is introduced, to implement this
Device used by the monitoring method of vehicle real-time video in inventive embodiments one based on HTML5, so it is real based on the present invention
The method that example one is introduced is applied, the affiliated personnel in this field can understand specific structure and the deformation of the device, so herein no longer
It repeats.Device used by the method for all embodiment of the present invention one belongs to the range of the invention to be protected.
Based on the same inventive concept, it is regarded in real time present invention also provides a kind of with the vehicle based on HTML5 in embodiment two
The corresponding device of the monitoring method of frequency, detailed in Example four.
Example IV
A kind of monitoring device of vehicle real-time video based on HTML5 is present embodiments provided, described device is client,
Fig. 4 is referred to, which includes:
Sending module 401 for sending monitoring request to server-side, and is established Websocket with server-side and is linked, so that
Server-side and car-mounted terminal are established after TCP links, and are requested based on the monitoring, are generated video monitoring instruction, and based on the TCP
The video monitoring instruction of generation is sent to car-mounted terminal by link, so that the car-mounted terminal is based on video monitoring instruction acquisition sound
After video data, the audio, video data of acquisition is sent to by server-side based on TCP link, then by server-side to the sound
After video data is decoded, is linked based on the Websocket, decoded audio, video data is back to client；
Playing module 402, for being played out based on HTML5 to decoded audio, video data.
In one embodiment, playing module 402 is specifically used for:
By presetting label in HTML 5, the interface of playing audio-video data is provided, then be based on interface playing audio-video number
According to.
In one embodiment, described device further includes audio, video data control module, is used for:
Audio, video data is controlled.
It should be noted that (3) car-mounted terminal of sending module 401 and hereinbefore web client in the present invention controls
The function of module is identical, and playing module 402 is identical as (1) video player module.Audio, video data control module and video control
Molding block is identical.
By the monitoring device for the vehicle real-time video based on HTML5 that the embodiment of the present invention four is introduced, to implement this
Device used by the monitoring method of vehicle real-time video in inventive embodiments two based on HTML5, so it is real based on the present invention
The method that example two is introduced is applied, the affiliated personnel in this field can understand specific structure and the deformation of the device, so herein no longer
It repeats.Device used by the method for all embodiment of the present invention two belongs to the range of the invention to be protected.
Embodiment five
Based on the same inventive concept, present invention also provides the monitoring system of the vehicle real-time video based on HTML5, please join
Fig. 6 is seen, including client described in server-side described in car-mounted terminal, embodiment one and embodiment two.
Below with reference to Fig. 6, the monitoring method of the realization of the system is introduced:
Whole includes the realization process of the realization process of video monitoring and holder scheduling, wherein S1.1~S1.7 is indicated
The realization process of real-time video monitoring, S2.1~S2.7 indicate to realize the realization process of monitoring different angle by adjusting holder.
Detailed process is as follows:
S1.1: client sends monitoring request, establishes Websocket with server-side and links；
S1.2: server-side is established TCP with car-mounted terminal and is linked；
S1.3: client sends video monitoring request, generates monitoring instruction by server-side and is sent to car-mounted terminal；
S1.4: car-mounted terminal acquires audio, video data；
S1.5: car-mounted terminal returns audio/video flow data to server-side；
S1.6: server-side uploads audio/video flow data, and to client, (S1.6.1 server-side is packaged audio/video flow data
S1.6.2 server-side is linked by websocket and uploads video file)
S1.7: client terminal playing video file.
S2.1: client sends holder scheduling request；
S2.2: server-side assembles holder dispatch command,
S2.3: holder dispatch command is sent to car-mounted terminal by server-side；
S2.4: holder receives rotation direction after dispatch command；
S2.5: video content changes, and video is back to server-side by car-mounted terminal；
S2.6: after the video after variation is decoded by server-side, it is uploaded to client；
S2.7: the video after the steering of client terminal playing holder.
By the monitoring system for the vehicle real-time video based on HTML5 that the embodiment of the present invention five is introduced, to implement this
System used by the monitoring method of vehicle real-time video in inventive embodiments one and two based on HTML5, so it is based on this hair
The method that bright embodiment one and two is introduced, the affiliated personnel in this field can understand specific structure and the deformation of the system, so
Details are not described herein.System used by the method for all embodiment of the present invention one and two belongs to the model of the invention to be protected
It encloses.
On the whole, present invention implementation provides the monitoring system of the vehicle real-time video based on HTML5, and have has as follows
Beneficial technical effect or a little:
1, user's operation is simplified:
User is arbitrarily supporting login system in HTML5 browser, and real time monitoring can be realized without installing any control,
Issue take pictures or rotary platform instruction.
2, development process is simplified:
Developer is not necessarily to be each Development of Web Browser independence control, it is only necessary to issue function in server-side exploitation related protocol
Energy and video flowing transfer function, substantially reduce development cycle and human cost.
3, the stability of system is enhanced:
It in this technical solution, greatly reinforces System Fault Tolerance and checks abnormal operability after there is exception, develop
Where personnel can understand problem by record server-side log, and in existing video control, institute is functional to skip server-side, causes
Exception is difficult to position, and abnormality processing also becomes extremely difficult.
It should be understood by those skilled in the art that, the embodiment of the present invention can provide as method, system or computer program
Product.Therefore, complete hardware embodiment, complete software embodiment or reality combining software and hardware aspects can be used in the present invention
Apply the form of example.Moreover, it wherein includes the computer of computer usable program code that the present invention, which can be used in one or more,
The computer program implemented in usable storage medium (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) produces
The form of product.
The present invention be referring to according to the method for the embodiment of the present invention, the process of equipment (system) and computer program product
Figure and/or block diagram describe.It should be understood that every one stream in flowchart and/or the block diagram can be realized by computer program instructions
The combination of process and/or box in journey and/or box and flowchart and/or the block diagram.It can provide these computer programs
Instruct the processor of general purpose computer, special purpose computer, Embedded Processor or other programmable data processing devices to produce
A raw machine, so that being generated by the instruction that computer or the processor of other programmable data processing devices execute for real
The device for the function of being specified in present one or more flows of the flowchart and/or one or more blocks of the block diagram.
These computer program instructions, which may also be stored in, is able to guide computer or other programmable data processing devices with spy
Determine in the computer-readable memory that mode works, so that it includes referring to that instruction stored in the computer readable memory, which generates,
Enable the manufacture of device, the command device realize in one box of one or more flows of the flowchart and/or block diagram or
The function of being specified in multiple boxes.
These computer program instructions also can be loaded onto a computer or other programmable data processing device, so that counting
Series of operation steps are executed on calculation machine or other programmable devices to generate computer implemented processing, thus in computer or
The instruction executed on other programmable devices is provided for realizing in one or more flows of the flowchart and/or block diagram one
The step of function of being specified in a box or multiple boxes.
Although preferred embodiments of the present invention have been described, it is created once a person skilled in the art knows basic
Property concept, then additional changes and modifications may be made to these embodiments.So it includes excellent that the following claims are intended to be interpreted as
It selects embodiment and falls into all change and modification of the scope of the invention.
Obviously, those skilled in the art can carry out various modification and variations without departing from this hair to the embodiment of the present invention
The spirit and scope of bright embodiment.In this way, if these modifications and variations of the embodiment of the present invention belong to the claims in the present invention
And its within the scope of equivalent technologies, then the present invention is also intended to include these modifications and variations.
Claims (10)
1. the monitoring method of the vehicle real-time video based on HTML5, which is characterized in that be applied to server-side, which comprises
Server-side receives the monitoring request that client is sent, and establishes Websocket with client and link；
TCP is established with car-mounted terminal to link；
It is requested based on the monitoring, generates video monitoring instruction, and the video monitoring of generation is instructed by hair based on TCP link
It send to car-mounted terminal, so that being linked after the car-mounted terminal is based on video monitoring instruction acquisition audio, video data based on the TCP
The audio, video data of acquisition is sent to server-side；
The audio, video data is decoded；
It is linked based on the Websocket, decoded first audio, video data is back to client, so that the client
Decoded first audio, video data is played out based on HTML5.
2. the method as described in claim 1, which is characterized in that be decoded, specifically include to the audio, video data:
Received audio, video data is packaged into the available data format of client.
3. the method as described in claim 1, which is characterized in that the method also includes:
The holder scheduling request that client is sent is received, and holder dispatch command is generated based on the holder scheduling request；
Holder dispatch command is sent to car-mounted terminal, so that car-mounted terminal is based on holder dispatch command and controls cloud platform rotation, and
Audio, video data after the variation of acquisition is sent to server-side；
Audio, video data after variation is decoded；
It is linked based on the Websocket, decoded second audio, video data is back to client, so that the client
Decoded second audio, video data is played out based on HTML5.
4. the monitoring method of the vehicle real-time video based on HTML5, which is characterized in that be applied to client, which comprises
Monitoring request is sent to server-side, and establishes Websocket with server-side and links, so that server-side and car-mounted terminal are established
It after TCP is linked, is requested based on the monitoring, generates video monitoring instruction, and link the video monitoring of generation based on the TCP
Instruction is sent to car-mounted terminal, so that after the car-mounted terminal is based on video monitoring instruction acquisition audio, video data, based on described
The audio, video data of acquisition is sent to server-side by TCP link, then after being decoded by server-side to the audio, video data,
It is linked based on the Websocket, decoded audio, video data is back to client；
Decoded audio, video data is played out based on HTML5.
5. method as claimed in claim 4, which is characterized in that decoded audio, video data is played out based on HTML5,
Include:
By presetting label in HTML 5, the interface of playing audio-video data is provided, then be based on interface playing audio-video data.
6. method as claimed in claim 5, which is characterized in that the method also includes:
Audio, video data is controlled.
7. the monitoring device of the vehicle real-time video based on HTML5, which is characterized in that described device is server-side, comprising:
Receiving module for receiving the monitoring request of client transmission, and is established Websocket with client and is linked；
Module is established in TCP link, is linked for establishing TCP with car-mounted terminal；
Instruction sending module is monitored, for requesting based on the monitoring, generates video monitoring instruction, and link based on the TCP
The video monitoring instruction of generation is sent to car-mounted terminal, so that the car-mounted terminal is based on video monitoring instruction acquisition audio-video
After data, is linked based on the TCP and the audio, video data of acquisition is sent to server-side；
Decoder module, for being decoded to the audio, video data；
Data back module, for based on Websocket link, decoded audio, video data to be back to client,
So that the client is based on HTML5 and plays out to decoded audio, video data.
8. the method as described in claim 1, which is characterized in that decoder module is specifically used for:
Received audio, video data is packaged into the available data format of client.
9. the monitoring device of the vehicle real-time video based on HTML5, which is characterized in that described device is client, comprising:
Sending module for sending monitoring request to server-side, and is established Websocket with server-side and is linked, so that server-side
Establish after TCP links with car-mounted terminal, requested based on the monitoring, generate video monitoring instruction, and based on TCP link by
The video monitoring instruction of generation is sent to car-mounted terminal, so that the car-mounted terminal is based on video monitoring instruction acquisition audio-video number
According to rear, the audio, video data of acquisition is sent to by server-side based on TCP link, then by server-side to the audio-video number
After being decoded, is linked based on the Websocket, decoded audio, video data is back to client；
Playing module, for being played out based on HTML5 to decoded audio, video data.
10. the monitoring system of the vehicle real-time video based on HTML5, which is characterized in that including car-mounted terminal, such as right 7 or 8 institutes
The server-side and client as claimed in claim 9 stated.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811584446.8A CN109660764A (en) | 2018-12-24 | 2018-12-24 | The monitoring method of vehicle real-time video based on HTML5, apparatus and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811584446.8A CN109660764A (en) | 2018-12-24 | 2018-12-24 | The monitoring method of vehicle real-time video based on HTML5, apparatus and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109660764A true CN109660764A (en) | 2019-04-19 |
Family
ID=66116526
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811584446.8A Pending CN109660764A (en) | 2018-12-24 | 2018-12-24 | The monitoring method of vehicle real-time video based on HTML5, apparatus and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109660764A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110602442A (en) * | 2019-07-04 | 2019-12-20 | 安徽富煌科技股份有限公司 | Method for realizing real-time code stream playing control in video monitoring system |
| CN112866345A (en) * | 2020-12-31 | 2021-05-28 | 珠海派诺科技股份有限公司 | Websocket-based streaming media low-delay communication implementation method, electronic device and storage medium |
| CN113259737A (en) * | 2021-05-12 | 2021-08-13 | 中移智行网络科技有限公司 | Monitoring method, related device and readable storage medium |
| CN113766317A (en) * | 2021-03-08 | 2021-12-07 | 京东城市(北京)数字科技有限公司 | Video transmission method, video transmission device, electronic equipment and storage medium |
| CN113965726A (en) * | 2021-10-14 | 2022-01-21 | 三星电子（中国）研发中心 | Method, device and system for processing traffic video |
| CN116527966A (en) * | 2022-01-20 | 2023-08-01 | 武汉依迅北斗空间技术有限公司 | Vehicle-mounted video playing method and device, electronic equipment and medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102497502A (en) * | 2011-11-25 | 2012-06-13 | 浙江省电力公司 | Method and system for controlling remote monitoring by utilizing visual telephone |
| CN103595973A (en) * | 2013-11-28 | 2014-02-19 | 惠州华阳通用电子有限公司 | Real-time vehicle audio/video monitoring system and method |
| CN106162062A (en) * | 2015-04-10 | 2016-11-23 | 深圳市视高电子技术有限公司 | Obtain the method and system of monitor video |
| US20170272488A1 (en) * | 2014-08-25 | 2017-09-21 | Unify Gmbh & Co. Kg | Method for controlling a multimedia application, software product and device |
| CN108769616A (en) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | A kind of real-time video based on RTSP agreements is without plug-in unit method for previewing and system |
| CN108810453A (en) * | 2017-04-28 | 2018-11-13 | 深圳市缔峰泽科技有限责任公司 | A kind of method, apparatus and system for motor vehicle real-time video monitoring |
-
2018
- 2018-12-24 CN CN201811584446.8A patent/CN109660764A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102497502A (en) * | 2011-11-25 | 2012-06-13 | 浙江省电力公司 | Method and system for controlling remote monitoring by utilizing visual telephone |
| CN103595973A (en) * | 2013-11-28 | 2014-02-19 | 惠州华阳通用电子有限公司 | Real-time vehicle audio/video monitoring system and method |
| US20170272488A1 (en) * | 2014-08-25 | 2017-09-21 | Unify Gmbh & Co. Kg | Method for controlling a multimedia application, software product and device |
| CN106162062A (en) * | 2015-04-10 | 2016-11-23 | 深圳市视高电子技术有限公司 | Obtain the method and system of monitor video |
| CN108810453A (en) * | 2017-04-28 | 2018-11-13 | 深圳市缔峰泽科技有限责任公司 | A kind of method, apparatus and system for motor vehicle real-time video monitoring |
| CN108769616A (en) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | A kind of real-time video based on RTSP agreements is without plug-in unit method for previewing and system |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110602442A (en) * | 2019-07-04 | 2019-12-20 | 安徽富煌科技股份有限公司 | Method for realizing real-time code stream playing control in video monitoring system |
| CN110602442B (en) * | 2019-07-04 | 2021-06-04 | 安徽富煌科技股份有限公司 | Method for realizing real-time code stream playing control in video monitoring system |
| CN112866345A (en) * | 2020-12-31 | 2021-05-28 | 珠海派诺科技股份有限公司 | Websocket-based streaming media low-delay communication implementation method, electronic device and storage medium |
| CN112866345B (en) * | 2020-12-31 | 2022-12-16 | 珠海派诺科技股份有限公司 | Websocket-based streaming media low-delay communication implementation method, electronic device and storage medium |
| CN113766317A (en) * | 2021-03-08 | 2021-12-07 | 京东城市(北京)数字科技有限公司 | Video transmission method, video transmission device, electronic equipment and storage medium |
| CN113259737A (en) * | 2021-05-12 | 2021-08-13 | 中移智行网络科技有限公司 | Monitoring method, related device and readable storage medium |
| CN113965726A (en) * | 2021-10-14 | 2022-01-21 | 三星电子（中国）研发中心 | Method, device and system for processing traffic video |
| CN116527966A (en) * | 2022-01-20 | 2023-08-01 | 武汉依迅北斗空间技术有限公司 | Vehicle-mounted video playing method and device, electronic equipment and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109660764A (en) | The monitoring method of vehicle real-time video based on HTML5, apparatus and system | |
| CN103297452B (en) | A kind of in the Internet issue and the method and system of live broadcast stream media | |
| CN108805300A (en) | Numerically controlled machine remote live collaboration fault diagnosis and maintenance system | |
| CN106165368B (en) | Streaming Control for Real-Time Transport Protocol | |
| CN102571979B (en) | Multi-screen interactive equipment and its binding method | |
| CN102547394B (en) | Universal audio/video redirection method for cloud access devices under VDI (Video Desktop Infrastructure) environment | |
| CN111050185B (en) | Live broadcast room wheat-connected video mixing method, storage medium, electronic equipment and system | |
| CN104349176B (en) | Adaptive stream media system, method for down loading and streaming media server, user terminal | |
| KR101821123B1 (en) | Method and apparatus for playing media stream on web-browser | |
| JP2004529410A (en) | Service gateway for interactive TV | |
| CN109587514B (en) | A video playback method, medium and related device | |
| CN105516262B (en) | Application remote control method and system | |
| CN102347947A (en) | Streaming media adaptor, streaming media network interaction system and method | |
| CN112118137B (en) | Firmware upgrading method, device, computer equipment and readable storage medium | |
| CN114793225B (en) | Data communication method and system for cloud mobile phone and true mobile phone | |
| WO2017016568A1 (en) | Method and telecommunications network for streaming and for reproducing applications | |
| CN112953850A (en) | Data transmission method and device, computer readable medium and electronic equipment | |
| US20220182732A1 (en) | Systems and Methods of Alternative Networked Application Services | |
| KR20170114219A (en) | Method and apparatus for playing media stream on web-browser | |
| WO2023217188A1 (en) | Livestream data transmission method, apparatus and system, device and medium | |
| CN111182322A (en) | Director control method and device, electronic equipment and storage medium | |
| CN114501091A (en) | Method and device for generating remote driving picture and electronic equipment | |
| CN114363667A (en) | Client, server, receiving method and sending method | |
| CN102547474A (en) | System and method for realizing video monitoring by fusion of extended extensible markup language (XML)-based messaging and presence protocol (XMPP) and routing table maintenance protocol (RMTP) | |
| CN105828072A (en) | Image processing method, remote controlled device and virtual reality system |
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 |
Application publication date: 20190419 |
|
| RJ01 | Rejection of invention patent application after publication |