<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<head>
<jsp:include page="../../common.jsp"></jsp:include>
<title>武汉荣商创银科技有限公司</title>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <script type="text/javascript">
	requireCss("css/tencentVideo/bootstrap.css");
	requireCss("css/tencentVideo/style.css");
	requireCss("css/tencentVideo/pure-min.css");
	requireCss("css/tencentVideo/baby-blue.css");
  </script>

  <style>
      #remote-video-wrap div{max-width:400px;display: inline-block;padding:10px}
      
  </style>
</head>
<body>

  <!-- 登录  -->
  <div id="input-container" class="container">
    
    <div class="login-box">
      <div class="form-group">
        <div class="hide">
          <label for="sdkappid">SDKAPPID:&nbsp;</label>
          <input class="form-control" id="sdkappid" type="text" value="1400037025" />
        </div>
          <label for="userId">用户名:</label>
          <select class="form-control" id="userId"></select>
          <!-- <input class="form-control" id="userId" type="text" value="" /> -->
          <label for="room-number">房间号:</label>
          <input class="form-control" id="roomid" type="text" value="1111">
      </div>
      <button class="btn btn-default" type="button" onclick="push()">我要视频通话</button>
      <br />
      <p>注意：如果房间已经存在，则加入房间</p>
    </div>
  </div>
  <!-- 登录  -->

  <!-- RTC  -->
  <div id="video-section" style="display: none">
    <p>当前房间号：<span id="c_roomid"></span>  当前用户： <span id="c_userid"></span></p>
    <button class="btn btn-default" type="button" onclick="quitRTC()">退房</button>
    <button class="btn btn-default" type="button" onclick="stopRTC()">停止推流</button>
    <button class="btn btn-default" type="button" onclick="startRTC()">开始推流</button>
        <div id="remote-video-wrap">

        </div>
    </div>
  </div>
  <!-- RTC  -->

  <!-- demo 部分 -->
  <script src="https://sqimg.qq.com/expert_qq/webrtc/3.0.6/WebRTCAPI.min.js"></script>
    <script src="${resourcePath }/js/video/config.js"></script>
    <script src="${resourcePath }/js/video/index.js"></script>
	  
  
    <script>
        var _mtac = {"senseHash":0};
        (function() {
            var mta = document.createElement("script");
            mta.src = "//pingjs.qq.com/h5/stats.js";
            mta.setAttribute("name", "MTAH5");
            mta.setAttribute("sid", "500538821");
            mta.setAttribute("cid", "500538834");
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(mta, s);
        })();
    </script>
	<!-- Global site tag (gtag.js) - Google Analytics --> 
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121844058-1"></script> 
	<script>  
	window.dataLayer = window.dataLayer || [];  
	function gtag(){
		dataLayer.push(arguments);
	}  
	gtag('js', new Date());   
	gtag('config', 'UA-121844058-1');
	</script>
	</body>
</html>
