Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /usr/local/FlashphonerWebCallServer/client/examples/min/mp-player/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="mp-player.css">
<title>Player min</title>
<!-- JQuery -->
<script type="text/javascript" src="../../../dependencies/jquery/jquery-1.12.0.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery.websocket.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery.json.js"></script>
<script type="text/javascript" src="../../../dependencies/js/utils.js"></script>
<script type="text/javascript" src="../../../Flashphoner.js"></script>
<script type="text/javascript" src="../../../dependencies/websocket-player/WSPlayer.js"></script>
<script type="text/javascript" src="../../../dependencies/swf/swfobject.js"></script>
<script src="mp-player.js"></script>
</head>
<body onload="initAPI()">
<div id="player" class="fp-main">
<video id="remoteVideo" width="320" height="240" autoplay class="fp-remoteVideo-320x240" ></video>
<div id="flashVideoWrapper" class="fp-remoteVideo-320x240">
<div id="flashVideoDiv"></div>
</div>
<canvas id="videoCanvas" width="320" height="240" class="fp-remoteVideo-320x240"></canvas>
</div>
<p>Stream name: <input id="streamName" type="text" value="streamName"/><p>
<a href="#" onclick="playStream();return false">Play</a>
<a href="#" onclick="stopStream();return false">Stop</a>
<label for="resolutions">Resolutions</label>
<select id="resolutions" onchange="setVideoResDiv(); return false;">
<option value="256x144">256x144</option>
<option value="320x180">320x180</option>
<option value="512x288">512x288</option>
<option value="640x360">640x360</option>
<option value="800x450">800x450</option>
<option value="1024x576">1024x576</option>
<option value="1280x720">1280x720</option>
</select>
<label for="tech">Tech</label>
<select id="tech" onchange="changeTech(); return false;">
<option value="WebRTC">WebRTC</option>
<option value="WebSocket">WebSocket</option>
<option value="RTMP">RTMP</option>
<option value="HLS">HLS</option>
</select>
<label for="volume">Volume</label>
<select id="volume" onchange="setVolume(this.options[this.selectedIndex].value); return false;">
<option value="0">0</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="60">60</option>
<option value="70">70</option>
<option value="80">80</option>
<option value="90">90</option>
<option value="100">100</option>
</select>
<a href="#" onclick="getVolume(); return false;">getVolume</a>
<p>Volume: <span id="volumeValue"></span></p>
</body>
</html>