CN106303430B - The method for playing real time monitoring without plug-in unit in browser - Google Patents
The method for playing real time monitoring without plug-in unit in browser Download PDFInfo
- Publication number
- CN106303430B CN106303430B CN201610693188.1A CN201610693188A CN106303430B CN 106303430 B CN106303430 B CN 106303430B CN 201610693188 A CN201610693188 A CN 201610693188A CN 106303430 B CN106303430 B CN 106303430B
- Authority
- CN
- China
- Prior art keywords
- browser
- plug
- webrtc
- transcoding
- server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
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
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/1066—Session management
- H04L65/1069—Session establishment or de-establishment
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/60—Network streaming of media packets
- H04L65/65—Network streaming protocols, e.g. real-time transport protocol [RTP] or real-time control protocol [RTCP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/80—Responding to QoS
-
- 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]
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Business, Economics & Management (AREA)
- General Business, Economics & Management (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Closed-Circuit Television Systems (AREA)
Abstract
The present invention provides a kind of method for playing real time monitoring without plug-in unit in browser, and this method use WebRTC as bottom is interacted, the p2p mode of WebRTC is changed to mcu model；The transcoding server that a naked video data stream real-time transcoding by video monitoring equipment output is the vp8 format that WebRTC is supported is write, which is set between browser and streaming media server；The output stream of transcoding server will carry out stream medium data distribution by the mcu model of step 1；Browser front end calls directly the interface function reading data flow of transcoding server offer, and is shown by way of primary WebRTC.The problem of to solve to have at present plug-in unit browser real time monitoring playback method to need to carry out cumbersome plug-in unit installation, and being only capable of support section platform, and existing no plug-in playback method written in code is complicated, and will cause delay at least 5 seconds.The invention belongs to monitor broadcasting field.
Description
Technical field
The present invention relates to a kind of monitoring playback methods, belong to monitoring broadcasting field.
Background technique
Under the increasingly developed background of network, video monitoring has been applied not only to security protection, and more family's monitoring are civilian small
Range monitoring demand is constantly suggested.Therefore use B/S framework that can reduce user installation software band as video monitor client
The problem come, update facilitate.
Assuming that there is a video monitoring equipment (such as common monitoring camera), target is to check video by browser
The video flowing of monitoring device.Video monitoring framework on current B/S framework has been broadly divided into plug-in unit and has checked and check without plug-in unit
Two major classes:
Have plug-in method: having plug-in method mainly includes two methods, and respectively ocx encapsulation and flash are checked.
Ocx package method is ocx (Object Linking and Embedding (OLE) Control provided by Microsoft
Video monitoring core code in C/S framework is encapsulated into ocx component, browser after registration by eXtension) technology
It is played out by the interface that component is reserved, the tasks such as checks.The advantage of ocx mode is that written in code is convenient, can accomplish
One-stop migration, real-time are high.Disadvantage is therefrom, and this method only supports windows platform, remaining cell phone platform,
Linux platform etc. is not supported.
The Flash method of checking be call adobe company flash player plug-in unit in flv play or rtmp broadcast message class,
A transcoding server is added again in real time by the mark in streaming media server in the streaming media server rear end of video monitoring equipment
Quasi- data switch to the data of flash player plug-in unit support, finally accomplish to play in real time.The advantage of Flash mode is user
It only needs to install flash control, operates more convenient, real-time height.Disadvantage is written in code complexity, and this method has simultaneously
Therefrom only supports windows platform and linux/unix platform, does not support cell phone platform.
No plug-in method: no plug-in method is mainly based upon the substandard HLS protocol of html5.HLS protocol is Apple Inc.
(apple) propose video stream media solution, process substantially the streaming media server rear end of video monitoring equipment again
It adds a transcoding server and the normal data in streaming media server is switched into ts (transport stream) format in real time
Video file and piecemeal be stored under web server.The rope that a m3u8 is suffix name is added under web server simultaneously
Draw.Browser plays ts file by inquiry m3u8 index file and effect is broadcast live to reach monitoring device.This method advantage is
Without plug-in unit, no therefrom, as long as support html5 browser (substantially have edge on the market, 360 secure browsers,
Chrome, Cheetah Browser, firefox etc.) all it can play.Disadvantage is written in code complexity, and this method is due to being static
Storage (transcoding server writes data into ts file and static state is stored under web server) will result in delay at least 5 seconds.
The delay is insupportable for the video monitoring system for pursuing real-time.
Summary of the invention
It is an object of the invention to: a kind of method for playing real time monitoring without plug-in unit in browser is provided, it is current to solve
There is plug-in unit browser real time monitoring playback method to need to carry out cumbersome plug-in unit installation, and is only capable of support section platform, and it is existing
It is complicated without plug-in playback method written in code, and the problem of will cause delay at least 5 seconds.
To solve the above problems, the method for playing real time monitoring without plug-in unit in such a browser of proposed adoption,
Step 1: it uses WebRTC as interaction bottom, the p2p mode of WebRTC is changed to mcu model；
Step 2: writing a naked video data stream real-time transcoding by video monitoring equipment output is what WebRTC was supported
The transcoding server is set between browser and streaming media server by the transcoding server of vp8 format；
Step 3: the output stream of transcoding server will carry out stream medium data distribution by the mcu model of step 1；
Step 4: browser front end calls directly the interface function reading data flow of transcoding server offer, and passes through original
The mode of raw WebRTC is shown.
In step 4, front end webpage is accessed by browser, connects transcoding server；Transcoding server streaming media service
Device sends request of data, and streaming media server forwards data；Transcoding server receives real after the uncorrected data stream of streaming media server
When transcoding and using WebRTC primary channel by the video data stream after transcoding to browser.
Aforementioned browser is the browser for supporting html5, such as chrome, firefox, edge, 360 secure browser,
Cheetah Browser etc., does not support IE browser at present, only possesses the browser of IE kernel, H.264 the naked video data stream is
Data flow.
Compared with prior art, the present invention provides a kind of new based on WebRTC flow media playing method, can not only prop up
Platforms all at present is held, and being capable of real-time stabilization played data.User does not need to carry out cumbersome plug-in unit installation, developer
Without writing a variety of different compatibility codes exclusively for various platforms again, and present invention configuration is simple, transcoding server and stream
Media server can be deployed separately, while can also service more streaming media servers with a transcoding server；It eliminates existing
Whether there is or not the high latency problems of plug-in playback method, and the method, HLS method and original video monitoring are tested according to the present invention
It compares, video monitoring and the original video monitoring that browser plays in this method are almost synchronous, and the time difference is no more than 1 second, and HLS method
Than original video monitoring delay nearly 20 seconds.
Detailed description of the invention
Fig. 1 is configuration diagram of the invention；
Fig. 2 is timing diagram of the invention.
Specific embodiment
To make the object, technical solutions and advantages of the present invention clearer, the present invention will be made below into one by attached drawing
Step ground detailed description,
Embodiment:
Referring to Figures 1 and 2, the present embodiment provides a kind of methods for playing real time monitoring without plug-in unit in firefox browser:
WebRTC is the videoconference solution based on p2p (peer to peer) in html5 standard, new
Chrome kernel, friefox kernel browser integrate WebRTC.Since WebRTC only faces video conference, therefore only prop up
It holds to PC or mobile phone camera, the stream of PC screen is transmitted and is broadcast live, itself does not support the biography to third party's video data stream
It broadcasts.
This uses WebRTC as interaction bottom, and the p2p mode of WebRTC is changed to mcu model (by Streaming Media
The data way of output of server is revised as that naked video data stream is supported to export)；
Writing naked video data stream (H.264 data flow) real-time transcoding by video monitoring equipment output is WebRTC
The transcoding server of the vp8 format of support, by the transcoding server be set to firefox browser and streaming media server it
Between；
The output stream of transcoding server will carry out stream medium data distribution by mcu model；
Front end webpage is accessed by firefox browser, connects transcoding server；Transcoding server convection media server
Request of data is sent, streaming media server forwards data；(H.264 transcoding server receives the uncorrected data stream of streaming media server
Data flow) afterwards real-time transcoding and using WebRTC primary channel the video data stream (vp8 format) after transcoding is sent to it is clear
It lookes at device, i.e. browser front end interface function reading data flow that transcoding server offer is provided, and passes through primary WebRTC
Mode show.
Claims (4)
1. the method for playing real time monitoring without plug-in unit in browser, it is characterised in that include the following steps:
Step 1: it uses WebRTC as interaction bottom, the p2p mode of WebRTC is changed to mcu model；
Step 2: writing a naked video data stream real-time transcoding by video monitoring equipment output is the vp8 that WebRTC is supported
The transcoding server is set between browser and streaming media server by the transcoding server of format；
Step 3: the output stream of transcoding server will carry out stream medium data distribution by mcu model；
Step 4: browser front end calls directly the interface function reading data flow of transcoding server offer, and by primary
The mode of WebRTC is shown.
2. the method for playing real time monitoring without plug-in unit in browser according to claim 1, it is characterised in that: in step 4,
Front end webpage is accessed by browser, connects transcoding server；Transcoding server convection media server sends request of data, stream
Media server forwards data；Transcoding server receives real-time transcoding after the naked video data stream of streaming media server and uses
The primary channel of WebRTC is by the video data stream after transcoding to browser.
3. the method for playing real time monitoring without plug-in unit in browser according to claim 1 or claim 2, it is characterised in that: described clear
Device of looking at is the browser for supporting html5.
4. the method for playing real time monitoring without plug-in unit in browser according to claim 1 or claim 2, it is characterised in that: described naked
Video data stream is H.264 data flow.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610693188.1A CN106303430B (en) | 2016-08-21 | 2016-08-21 | The method for playing real time monitoring without plug-in unit in browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610693188.1A CN106303430B (en) | 2016-08-21 | 2016-08-21 | The method for playing real time monitoring without plug-in unit in browser |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106303430A CN106303430A (en) | 2017-01-04 |
| CN106303430B true CN106303430B (en) | 2019-05-14 |
Family
ID=57661639
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610693188.1A Active CN106303430B (en) | 2016-08-21 | 2016-08-21 | The method for playing real time monitoring without plug-in unit in browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106303430B (en) |
Families Citing this family (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107277004A (en) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | A kind of browser is without plug-in unit net cast method |
| US11388449B2 (en) | 2017-10-19 | 2022-07-12 | Lazar Entertainment Inc. | Systems and methods for broadcasting live media streams |
| CN108206833B (en) * | 2018-01-11 | 2021-04-27 | 福建星网锐捷通讯股份有限公司 | Audio and video data transmission method and system |
| 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 |
| WO2020097857A1 (en) * | 2018-11-15 | 2020-05-22 | 北京比特大陆科技有限公司 | Media stream processing method and apparatus, storage medium, and program product |
| WO2021012051A1 (en) | 2019-07-23 | 2021-01-28 | Lazar Entertainment Inc. | Live media content delivery systems and methods |
| CN112312221B (en) * | 2019-07-31 | 2023-08-01 | 广州弘度信息科技有限公司 | Audio and video playing method, storage medium and device |
| CN112822557A (en) * | 2019-11-15 | 2021-05-18 | 中移物联网有限公司 | Information processing method, information processing device, electronic equipment and computer readable storage medium |
| CN110933470B (en) * | 2019-11-29 | 2022-02-22 | 杭州当虹科技股份有限公司 | Video data sharing method |
| CN111050225A (en) * | 2019-12-03 | 2020-04-21 | 安徽四创电子股份有限公司 | Network architecture and method for playing real-time video in web browser |
| CN112073423A (en) * | 2020-09-15 | 2020-12-11 | 杭州二更网络科技有限公司 | Browser plug-flow method and system based on WebRTC |
| CN112822439A (en) * | 2020-12-28 | 2021-05-18 | 江苏梨柳科技有限公司 | Method for real-time access of monitoring video signal to spliced screen |
| CN112804536B (en) * | 2020-12-31 | 2023-03-14 | 武汉兴图新科电子股份有限公司 | System and method for requesting audio and video by browser based on cloud video fusion platform |
| CN112804592B (en) * | 2021-01-11 | 2023-06-16 | 福建天泉教育科技有限公司 | RTSP live video forwarding method and terminal based on browser |
| CN113542906A (en) * | 2021-07-20 | 2021-10-22 | 山东新一代信息产业技术研究院有限公司 | RTSP video-based webpage plug-in-free playing method |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100796550B1 (en) * | 2007-05-07 | 2008-01-21 | 주식회사 미디어 웹 | System for realtime multimedia transcoding and direct streaming in p2p network and method thereof |
| CN103533305B (en) * | 2013-10-10 | 2018-01-12 | 国电南瑞科技股份有限公司 | A kind of plugin-free universal video monitoring of B/S frameworks |
| US10091461B2 (en) * | 2013-10-15 | 2018-10-02 | Polycom, Inc. | System and method for real-time adaptation of a conferencing system to current conditions of a conference session |
| CN103813213B (en) * | 2014-02-25 | 2019-02-12 | 南京工业大学 | Real-time video sharing platform and method based on mobile cloud computing |
| CN103945003B (en) * | 2014-05-06 | 2017-06-06 | 北京邮电大学 | A kind of method that WebRTC clients connect dynamic adaptive selection |
-
2016
- 2016-08-21 CN CN201610693188.1A patent/CN106303430B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN106303430A (en) | 2017-01-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106303430B (en) | The method for playing real time monitoring without plug-in unit in browser | |
| US11019119B2 (en) | Web-based live broadcast | |
| US20170311006A1 (en) | Method, system and server for live streaming audio-video file | |
| US8732775B2 (en) | Systems and methods of processing closed captioning for video on demand content | |
| CN109963162B (en) | Cloud directing system and live broadcast processing method and device | |
| WO2017101369A1 (en) | Live video transcoding method and apparatus | |
| WO2017097149A1 (en) | Live comment implementation method for broadcast television terminal and broadcast television system server | |
| KR20180010392A (en) | Method and apparatus for streaming media data using java script | |
| CN108965986B (en) | Video recording and playing method and system | |
| CN110769310B (en) | Video processing method and device based on video network | |
| CN110740386B (en) | Live broadcast switching method and device and storage medium | |
| CN108965930B (en) | Video data processing method and device | |
| CN107396033A (en) | Video conferencing system and method | |
| US20090049484A1 (en) | Method and system for image alteration | |
| US20210176528A1 (en) | Method and system to preview content while playing selected content | |
| CN111918074A (en) | Live video fault early warning method and related equipment | |
| CN108632635B (en) | Data processing method and device based on video network | |
| US9832505B2 (en) | Method for inserting an advertisement into a video stream of an application on demand (AoD) service, AoD processing device and AoD server | |
| CN108076381B (en) | Video display method, video forwarding equipment and system | |
| CN109168090A (en) | The method for realizing H264 video circulation HLS video flowing using GPU | |
| CN115134664A (en) | Real-time video stream playing method and system and nonvolatile storage medium | |
| WO2016082806A1 (en) | Video processing method and device | |
| CN110719435B (en) | Method and system for carrying out terminal conference | |
| US20210350515A1 (en) | System and method to detect macroblocking in images | |
| US20190158898A1 (en) | Hybrid transmission protocol |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |