EasyNVR live web camera program to build the front end of H5: distinction from the jump page is based on or share

Disclaimer: This article is EasyNVR technical team of the original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/EasyNVR/article/details/91815821

background analysis

Architecture EasyNVR entire program, involving front-end device (camera IPC, DVR NVR, encoders, etc.), streaming media server (EasyNVR), the client terminal device (PC, browser, Android, iOS, micro-letter).
Under basal conditions to ensure that the front end of the device and between EasyNVR communication network, audio and video capture EasyNVR completed by acquiring digital network camera video stream, and is implemented inside EasyNVR streaming protocol, transcoding and streaming media distribution and, ultimately, can be divided issued RTMP, HTTP-FLV and HLS streaming, EasyNVR itself can also store and manage real-time video streams while EasyNVR itself will provide for a variety of platforms, development language for secondary development of HTTP interface, so you can more easily combined with the customer's business systems, to achieve a more extensive management functions. Plus itself has a simple, elegant front-end interface, EasyNVR can be fully deployed as a stand-alone video broadcast platform.

Mingchuliangzao

Jump to distinguish between sharing and

For the show's front page, usually in two ways: step by step through the entrance into the link, or by sharing links directly into; what is the difference between these two ways? How to make a front end write time and should be handled?

To EasyNVR an example for the following analysis shows:

EasyNVR may enter into the corresponding channel video by the video viewing screen square;

EasyNVR video Square

EasyNVR specific video playback page

In order to give users a better experience, play page also features video sharing function to facilitate the users to watch video information at any time via mobile devices;

EasyNVR video sharing

EasyNVR mobile terminal display

Jump to play and share specific differences play:

  • Jump directly over the square from the video:

In the video interface to jump by clicking on the Square event to playback path, into the corresponding channel for video playback; jumping in front of the path to acquiring information to be processed; the acquired information into the cookie;

 $.cookie("videoUrl", videoUrl);
 $.cookie("DeviceType", DeviceType);
 $.cookie("videoImg", $img.attr("src"));
 $.cookie("channel", channel["Channel"]);
 $.cookie("channelName", channel["Name"]);
 top.location.href = "./play.html?channel=" + channel["Channel"];
  • Share page with links:

For playback page can be judged by the cookie page is to jump over or share over;

if (channel == $.cookie("channel")) {
    if ($.cookie("DeviceType") == 'ONVIF') {
         if(isPC()){
           $("#ipcam_div").show();
         }
    }
  player = setupPlayer($.cookie("videoUrl"), $.cookie("videoImg"));
  $(".channel-title").text($.cookie("channelName") || "通道直播");
  } else {         
    $.ajax({
    type: "GET",
    url: "/api/v1/getchannelstream",
    data: {
         Channel: channel,
         Protocol: isPC() ? "RTMP" : "HLS",
         Line: "local",
         From: "lan"
  • If there is no cookie values ​​is sharing page, go to re-request data through ajax call in the page;

EasyNVR scenarios

EasyNVR can be said to have become the vanguard of the domestic Internet video infrastructure, livelihood of the people in almost every industry have already had the ability to output video EasyNVR figure, EasyNVR years of service in all walks of life video infrastructure, EasyNVR reliability, integrity, stability It has been widely recognized in the industry!

EasyNVR stable and reliable

EasyNVR a scene

Wisdom campus

EasyNVR Scene II

Ping factory

EasyNVR Scene II

Wiser Home

About EasyNVR

EasyNVR have is a full, independent, controllable intellectual property rights, but also can have the function of security software and hardware integration of Internet streaming media server, network camera through a simple channel configuration, monitoring industry inside traditional high-definition network camera IP Camera , etc. with the NVR RTSP, Onvif protocol output device access to EasyNVR, EasyNVR these audio and video data can be video sources is a pull, is converted to RTMP / HLS, full internet terminal H5 live (Web, Android, iOS), and EasyNVR able to broadcast live video source of data to a third party CDN network, Internet-scale distributed. EasyNVR details you may visit the official website: http://www.easynvr.com

EasyNVS

Guess you like

Origin blog.csdn.net/EasyNVR/article/details/91815821