Notice: Firmware Links Under Maintenance We are currently undergoing maintenance on all firmware links. If any links are inaccessible, please email or contact Tech Support for the firmware. We appreciate your patience during the maintenance, thank you for your understanding.

Difference between revisions of "Live Demo Test"

(→‎Testbed)
(→‎Testbed)
Line 7: Line 7:
  
 
<html>
 
<html>
−
 
+
<!DOCTYPE html>
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head><title>
 
<head><title>
−
HTML5 MSE Player
+
HTML5 WebRTC Player
−
</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><link rel="stylesheet" href="HTML5Player/unreal_html5_player_styles_v1.css" />
+
</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
−
     <script type="text/javascript" src="HTML5Player/unreal_html5_player_script_v2.js"></script>  
+
    <script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
 +
     <script type="text/javascript" src="HTML5Player/unrealwebrtcplayer.js"></script>
  
 
     <script type="text/javascript">
 
     <script type="text/javascript">
−
 
+
         var webrtcPlayer = null;
−
         var bigbuttons = false;
 
  
 
         function OnMetadata()  
 
         function OnMetadata()  
 
         {
 
         {
−
             var remoteVideo = document.getElementById("UnrealPlayer1_Video");
+
             var remoteVideo = document.getElementById("remoteVideo");
−
             var newWidth = Math.max(remoteVideo.videoWidth, 500);
+
             remoteVideo.width = Math.max(remoteVideo.videoWidth, 500);
−
             var newHeight = Math.max(remoteVideo.videoHeight, 300);
+
             remoteVideo.height = Math.max(remoteVideo.videoHeight, 300);
−
 
 
−
            changePlayerSize(newWidth, newHeight);
 
−
 
 
−
            window.resizeTo(newWidth + 50, newHeight + 200);
 
−
        }
 
−
 
 
−
        function changePlayerSize(newWidth, newHeight)
 
−
        {
 
−
            var videoelement = document.getElementById("UnrealPlayer1_Video");
 
−
            videoelement.width = newWidth;
 
−
            videoelement.height = newHeight;
 
−
 
 
−
            var videoControls = document.getElementById("UnrealPlayer1_videoControls");
 
−
            var progress = document.getElementById("UnrealPlayer1_progress");
 
−
 
 
−
            videoControls.style.width = videoelement.width + "px";
 
  
−
             if (!bigbuttons)
+
             window.resizeTo(remoteVideo.width + 50, remoteVideo.height + 200);
−
                progress.style.width = videoelement.width - 280 + "px";
 
−
            else
 
−
                progress.style.width = videoelement.width - 410 + "px";
 
 
         }
 
         }
−
 
 
     </script>
 
     </script>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
   
+
 
 
   <div align="center"><span id="LabelCam">Dahua-HDBW4231F-E2-M</span></div><br>
 
   <div align="center"><span id="LabelCam">Dahua-HDBW4231F-E2-M</span></div><br>
−
 
 
−
  <div>
 
  
−
   <UnrealHTML5VideoPlayer id="UnrealPlayer1"></UnrealHTML5VideoPlayer>
+
   <div id="container">
 +
 
 +
    <video style="background-color:black" id="remoteVideo" width="800" height="600" autoplay playsinline controls onloadedmetadata="OnMetadata()"></video>
 +
 
 +
    <script type="text/javascript">
 +
 
 +
        webrtcPlayer = new UnrealWebRTCPlayer("remoteVideo", "uVMS_79ae8666665aa4c3af58", "", "65.23.154.147", "80", 0, true, "tcp");
 +
        webrtcPlayer.Play();
  
−
  <script type="text/javascript">
+
    </script>
−
      if ("MediaSource" in window && "WebSocket" in window)
 
−
      {
 
−
          RunPlayer("UnrealPlayer1", 800, 600, "65.23.154.147", 80, 0, "uVMS_79ae8666665aa4c3af58", "", true, true, 1, "", false);
 
−
          document.getElementById("UnrealPlayer1_Video").addEventListener("loadedmetadata", OnMetadata);
 
−
      }
 
−
      else
 
−
      {
 
−
          document.getElementById("UnrealPlayer1").innerHTML = "Media Source Extensions or Websockets are not supported in your browser.";
 
−
      }
 
−
  </script>
 
  
 
   </div>
 
   </div>
−
   
+
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:07, 27 September 2018

Live Demo Test

URL

http://70.168.153.130/cgi-bin/mjpg/video.cgi?[channel=1]&subtype=1

Testbed

http://65.23.154.147:8080/uVMS/ViewHTML5WebRTC.aspx?IP=65.23.154.147&Alias=uVMS_79ae8666665aa4c3af58&Name=Dahua-HDBW4231F-E2-M

HTML5 WebRTC Player

Dahua-HDBW4231F-E2-M

Retrieved from "https://DahuaWiki.com/index.php?title=Live_Demo_Test&oldid=35025"