web
/
flvdemo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>flv.js demo</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="jquery.base64.js"></script>
    <script src="flv.min.js"></script>
    <script type="text/javascript" src="indexcontroller.js"></script>
    <link type="text/css" rel="stylesheet" href="demo.css" />
  </head>

  <body>
    <div class="allcontrols">
      <div class="controls">
        域名：<input id="domain" type="text" value="https://80.5000v.com/" />
        账号: <input type="text" name="" id="loginName" value="admin" /> 账号:
        <input type="password" name="" id="pass" value="R0R0cUAxOTgxJSU=" />
        <button id="login">登录获取token</button>
      </div>

      <div class="controls">
        设备Id：<input id="deviceId" type="text" value="40529289270" />
        通道号：<input id="channel" type="text" value="2" />
      </div>

      <div class="controls">
        <button id="nowPlay">实时播放9101</button>
        码流：
        <select id="nowDataRate">
          <option value="1">子码流</option>
          <option value="0">主码流</option>
        </select>
        音视频类型：
        <select id="nowDataType">
          <option value="0">音视频</option>
          <option value="1">视频</option>
        </select>
      </div>

      <div class="controls">
        <button id="nowControll">实时控制9102</button>
        控制指令：
        <!--0 关闭音视频，1 切换码流 ， 2 暂停该通道所有流的传输 ，3 恢复该通道所有流的传输 ，4 关闭双向对讲-->
        <select id="nowControllOrder">
          <option value="0">关闭音视频</option>
          <option value="1">切换码流</option>
        </select>
        关闭类型：
        <!--0 关闭音视频  ，1 只关闭音频，2只关闭视频-->
        <select id="audioVideoType">
          <option value="0">关闭音视频</option>
          <option value="1">只关闭音频</option>
          <option value="2">只关闭视频</option>
        </select>
        码流：
        <!--码流类型，0：主码流，1：子码流-->
        <select id="controllDataRate">
          <option value="0">主码流</option>
          <option value="1">子码流</option>
        </select>
      </div>

      <div class="controls">
        <button id="hisOrder">录像回放9201</button>
        开始时间：
        <input id="start" type="text" value="2023-08-12 08:00:00" />
        结束时间：
        <input id="end" type="text" value="2023-08-12 23:00:00" />
        <!--回放方式0：正常回放；1：快进回放；2：关键帧快退回放；3：关键帧播放；4：单帧上传-->
        回放方式:
        <select id="hisPlayback">
          <option value="0">正常回放</option>
          <option value="1">快进回放</option>
          <option value="2">关键帧快退回放</option>
          <option value="3">关键帧播放</option>
          <option value="4">单帧上传</option>
        </select>
        倍数:
        <!--回放方式为1和2时，此字段内容有效，否则置0。0：无效；1：1 倍；2：2倍;3：4倍；4：8倍；5：16倍-->
        <select id="hisFastTimes">
          <option value="0">1倍</option>
          <option value="2">2倍</option>
          <option value="3">4倍</option>
          <option value="4">8倍</option>
          <option value="5">16倍</option>
        </select>
      </div>

      <div class="controls">
        <button id="hisControl">回放控制9202</button>
        <!--回放控制方式,0：开始回放；1：暂停回放；2：结束回放；3：快进回放；4：关键帧快退回放；5：拖动回放；6：关键帧播放-->
        回放方式:
        <select name="" id="hisControlPlayback">
          <option value="0">开始回放</option>
          <option value="1">暂停回放</option>
          <option value="2">结束回放</option>
          <option value="3">快进回放</option>
          <option value="4">关键帧快退回放</option>
          <option value="5">拖动回放</option>
          <option value="6">关键帧播放</option>
        </select>
        倍数:
        <select id="hisControlFastTimes">
          <option value="1">1倍</option>
          <option value="2">2倍</option>
          <option value="3">4倍</option>
          <option value="4">8倍</option>
          <option value="5">16倍</option>
        </select>
        跳转时间：
        <input id="hisControlTime" type="text" value="2023-08-12 08:30:00" />
      </div>

      <div class="controls">
        url:<input
          style="width: 500px"
          type="text"
          id="playurl"
          autofocus="autofocus"
        />
        当前播放的信息： 设备Id：<span id="curDeviceId"></span> 通道号:
        <span id="curChannel"></span>
      </div>
      <div class="mainContainer">
        <video id="videoElement" class="centeredVideo" controls>
          Your browser is too old which doesn't support HTML5 video.
        </video>
      </div>

      <hr />
      <div class="controls">
        第二个独立播放器:<input
          style="width: 400px"
          type="text"
          id="otherPlayurl"
          autofocus="autofocus"
        />
        <button id="otherPlay">播放</button> |
        <button id="destroyOther">销毁</button>
      </div>
      <div class="mainContainer">
        <video id="otherVideoElement" class="centeredVideo" controls>
          Your browser is too old which doesn't support HTML5 video.
        </video>
      </div>
    </div>
  </body>
</html>