kerryzhang
/
jsmpeg


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html>
  <head>
    <title>JSMpeg Stream Client</title>
    <style type="text/css">
      html,
      body {
        background-color: #111;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <canvas id="video-canvas"></canvas>
    <script type="text/javascript" src="jsmpeg.min.js"></script>
    <script type="text/javascript">
      var canvas = document.getElementById("video-canvas");
      //var url = "ws://127.0.0.1:8082/live/test";
      var player = new JSMpeg.Player("DynamicWebsocketUrl", {
        canvas: canvas,
        wsId: "websocketID",
        reconnectInterval: 10,
        onWsPreConnection: function (wsId, url, callback) {
          console.log(wsId);
          console.log(url);
          callback("ws://127.0.0.1:8082/live/test");
        },
        onWsOpen: function () {
          console.log("connection success!!");
        },
        onWsClose: function (isReconnect) {
          console.log("close is reconnect");
          console.log(isReconnect);
        },
      });
    </script>
  </body>
</html>