zhangcf
/
WebSdk_DemoLY


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link href="./lib/jquery/jquery-ui.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./lib/jquery/jquery-3.7.1.min.js"></script>
  <script src="./lib/jquery/jquery-ui.min.js"></script>
</head>

<body>
  <fieldset>
    <legend>
      <h3>全局配置</h3>
    </legend>
    <div id="controlgroup">
      <label for="Ip">IP</label>
      <input id="Ip" value="192.168.211.3" />
      <!-- <label for="DeviceID">设备ID</label>
      <input id="DeviceID" value="1" />
      <label for="UUID">UUID</label>
      <input id="UUID" value="ws_main1" />
      <label for="Token">令牌</label>
      <input id="Token" /> -->
      <div style="margin-top: 20px;"> 当前全景ws地址：<span id="wsUrl"></span></div>
    </div>
  </fieldset>
  <div class="panorama-box">
    <fieldset>
      <legend>
        <h3>全景</h3>
      </legend>
      <div id="controlgroup">
        <button type="button" class="play-btn-qj" id="btnID">播放</button>
        <button type="button" class="close-btn-qj" id="btnID">关闭</button>
        <button type="button" class="jt-btn-qj" id="btnID">截图</button>
        <button type="button" class="lx-btn-qj" id="btnID">录像</button>
        <div class="video-container">
          <canvas id="video-demo" width="100%"></canvas>
          <span class="video-tip">加载中请等待...</span>
        </div>
      </div>
    </fieldset>
    <fieldset>
      <legend>
        <h3>控制台</h3>
      </legend>
      <div id="cbinfo">
      </div>
    </fieldset>
  </div>
  <div class="tip">
    <span>请双击全景画面播放细节</span>
  </div>
  <div class="particulars-box">
    <fieldset>
      <legend>
        <h3>细节</h3>
      </legend>
      <div id="controlgroup">
        <ul class="particulars-box-list">
          <li class="particulars-box-list-item active">
            <button type="button" class="close-btn-part" id="btnID">关闭</button>
            <button type="button" class="jt-btn-part" id="btnID">截图</button>
            <button type="button" class="lx-btn-part" id="btnID">录像</button>
            <div class="video-container wheel1">
              <canvas id="video-demo1" width="100%"></canvas>
              <span class="video-tip1">加载中请等待...</span>
            </div>
          </li>
          <li class="particulars-box-list-item">
            <button type="button" class="close-btn-part" id="btnID">关闭</button>
            <button type="button" class="jt-btn-part" id="btnID">截图</button>
            <button type="button" class="lx-btn-part" id="btnID">录像</button>
            <div class="video-container wheel2">
              <canvas id="video-demo2" width="100%"></canvas>
              <span class="video-tip2">加载中请等待...</span>
            </div>
          </li>
        </ul>
      </div>
    </fieldset>
  </div>
  <script type="module" src="./js/index.js"></script>
</body>

</html>