2014-12-01 21:39:18 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<link rel="stylesheet" href="css/jquery.mobile.min.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/jsontable.css" />
|
|
|
|
|
<link rel="shortcut icon" href="favicon.ico" />
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>FreeSWITCH Verto™ Video Transcoding Demo</title>
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
.pageheader {
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
height: 27px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ctlbtn {
|
|
|
|
|
border: 0px;
|
|
|
|
|
color: #eeeeee;
|
|
|
|
|
background-color: #0000ae;
|
|
|
|
|
font-face: arial;
|
|
|
|
|
height:18px;
|
|
|
|
|
font-size:7pt;
|
2015-02-20 23:19:09 +00:00
|
|
|
}
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
.ctlbtn:hover {
|
|
|
|
|
color: #ffffae;
|
|
|
|
|
cursor: pointer;
|
2015-02-20 23:19:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vidbtn {
|
|
|
|
|
font-face: arial;
|
|
|
|
|
font-size:7pt;
|
|
|
|
|
}
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
#chatwin
|
|
|
|
|
{
|
|
|
|
|
background-color: #eeeeee;
|
|
|
|
|
width: 500px;
|
|
|
|
|
height:150px;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
scrolling: auto;
|
|
|
|
|
text-align: left;
|
|
|
|
|
border-style:inset;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
color: #3333ff;
|
|
|
|
|
resize:both;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chatuid
|
|
|
|
|
{
|
|
|
|
|
font-size: 7pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #ff3333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chatimg
|
|
|
|
|
{
|
|
|
|
|
max-width:100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.l1
|
|
|
|
|
{
|
|
|
|
|
border:1;
|
|
|
|
|
background-color:#fefefe;
|
|
|
|
|
height:1px;
|
|
|
|
|
opacity:0.4;
|
|
|
|
|
}
|
|
|
|
|
#chatmsg
|
|
|
|
|
{
|
|
|
|
|
width:400px;
|
|
|
|
|
max-height:40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div data-role="page" id="page-login" align="center">
|
|
|
|
|
<div data-role="header" class="page-header">
|
|
|
|
|
FreeSWITCH Verto™ Video Transcoding Demo
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="page-incall" align="center">
|
|
|
|
|
<div data-role="header" id="calltitle" class="pageheader">
|
|
|
|
|
Verto™ IN CALL
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="conf">
|
|
|
|
|
<div style="color:black;font-family: verdana" align="center" id="conf_count"></div>
|
2015-02-20 23:19:09 +00:00
|
|
|
<table width="1000" cellspacing="0" cellpadding="0" border="0" align="center" id="conf_list" class="jsDataTable">
|
2014-12-01 21:39:18 +00:00
|
|
|
</table>
|
|
|
|
|
</div>
|
2015-02-23 17:13:31 +00:00
|
|
|
<br clear=all>
|
|
|
|
|
|
|
|
|
|
<button data-inline="true" id="hold">HOLD</button>
|
|
|
|
|
<button data-inline="true" id="hupbtn">End Call</button>
|
|
|
|
|
<!-- <button data-inline="true" class="startxferbtn">Transfer</button>-->
|
|
|
|
|
<span class="sharediv">
|
|
|
|
|
<button data-inline="true" id="sharebtn">Share</button>
|
|
|
|
|
<button data-inline="true" id="nosharebtn">End Share</button>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span class="sharediv">
|
|
|
|
|
<button data-inline="true" id="smallerbtn">Smaller - </button>
|
|
|
|
|
<button data-inline="true" id="biggerbtn">Bigger +</button>
|
|
|
|
|
<button data-inline="true" id="fullbtn">Full Screen</button>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<div id="media">
|
|
|
|
|
<video id="webcam" autoplay="autoplay"></video>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
<div id="message" hidden="true">
|
|
|
|
|
<hr class="l1" width="500"/>
|
|
|
|
|
<div id="chatwin"></div>
|
|
|
|
|
<!-- <textarea readonly id="chatwin"></textarea>-->
|
|
|
|
|
<table><tr><td><textarea id="chatmsg"></textarea></td><td><button id="chatsend" style="width:100px;">Send</button></td></tr></table>
|
|
|
|
|
<hr class="l1" width="500"/><br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain" id="xferdiv">
|
|
|
|
|
<input data-mini="true" type="text" id="xferto"><br>
|
|
|
|
|
<button data-inline="true" id="cancelxferbtn">Cancel Transfer</button>
|
|
|
|
|
<button data-inline="true" class="startxferbtn">Complete Transfer</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="conf_mod"></div>
|
|
|
|
|
<div style="color:blue" id="conf_display"></div>
|
|
|
|
|
|
2015-01-24 09:13:44 +00:00
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
<img src="img/verto_black_web.gif" width="300"><br><br>
|
2015-01-24 09:13:44 +00:00
|
|
|
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
<div id=keypad>
|
|
|
|
|
<button class="dtmf" data-inline="true">1</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">2</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">3</button>
|
|
|
|
|
<br>
|
|
|
|
|
<button class="dtmf" data-inline="true">4</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">5</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">6</button>
|
|
|
|
|
<br>
|
|
|
|
|
<button class="dtmf" data-inline="true">7</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">8</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">9</button>
|
|
|
|
|
<br>
|
|
|
|
|
<button class="dtmf" data-inline="true">*</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">0</button>
|
|
|
|
|
<button class="dtmf" data-inline="true">#</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br><br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="page-main" align="center">
|
|
|
|
|
<div data-role="header" class="pageheader">
|
|
|
|
|
FreeSWITCH Verto™ Video Transcoding Demo
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<a target="_CC2104" href="https://www.cluecon.com"><img border="0" width="300" src="img/cc_banner.gif"></a>
|
|
|
|
|
|
|
|
|
|
<div id="offline">
|
|
|
|
|
<div id="errordisplay" style="font-weight:bold;font-size:18px;color:#ae0000"></div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">Login</label>
|
|
|
|
|
<input type="text" size="20" id="login"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">Password</label>
|
|
|
|
|
<input type="password" size="20" id="passwd"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">CID Name</label>
|
|
|
|
|
<input type="text" size="30" id="name"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">CID Number</label>
|
|
|
|
|
<input type="text" size="20" id="cid"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">Hostname</label>
|
|
|
|
|
<input type="text" size="20" id="hostName"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
<label for="name">Websocket URL</label>
|
|
|
|
|
<input type="text" size="20" id="wsURL"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
<img src="img/verto_black_web.gif" width="300">
|
|
|
|
|
<br><br>
|
|
|
|
|
<button data-inline="true" id="loginbtn">Log In</button>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function playvid(file)
|
|
|
|
|
{
|
|
|
|
|
$("#ext").val("vid_" + file);
|
|
|
|
|
$("#callbtn").click();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function dial(ext)
|
|
|
|
|
{
|
|
|
|
|
$("#ext").val(ext);
|
|
|
|
|
$("#callbtn").click();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="online" align="center" style="width:75%">
|
|
|
|
|
<div class="ui-field-contain">
|
|
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
<div id="devices">
|
2014-12-01 21:39:18 +00:00
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
<div id="camdiv">
|
|
|
|
|
<legend><b>Camera</b>:</legend><select data-theme="a" data-overlay-theme="a" data-native-menu="false" id="usecamera"></select>
|
|
|
|
|
<br><br></div>
|
2015-02-19 23:08:36 +00:00
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
<legend><b>Microphone</b>:</legend><select data-theme="a" data-overlay-theme="a" data-native-menu="false" id="usemic"></select>
|
2015-02-19 23:08:36 +00:00
|
|
|
|
|
|
|
|
<Br clear="all"><Br>
|
2015-02-20 23:19:09 +00:00
|
|
|
<center><button data-inline="true" id="refreshbtn">Refresh Device List</button>
|
|
|
|
|
<button data-inline="true" id="hidedevices" onclick="$('#devices').hide();$('#showdevices').show()">Save Device Settings</button>
|
|
|
|
|
</center>
|
|
|
|
|
<Br clear="all"><hr><br>
|
2015-02-19 23:08:36 +00:00
|
|
|
|
|
|
|
|
<div >
|
2014-12-01 21:39:18 +00:00
|
|
|
<fieldset data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
<legend><b>Video Quality</b>:</legend>
|
|
|
|
|
<input type="radio" name="vqual" id="vqual_qvga" value="qvga">
|
2014-12-05 23:18:06 +00:00
|
|
|
<label for="vqual_qvga">QVGA 320x240</label>
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
<input type="radio" name="vqual" id="vqual_vga" value="vga">
|
2014-12-05 23:18:06 +00:00
|
|
|
<label for="vqual_vga">VGA 640x480</label>
|
2015-02-13 16:00:52 +00:00
|
|
|
<input type="radio" name="vqual" id="vqual_qvga_wide" value="qvga_wide">
|
|
|
|
|
<label for="vqual_qvga_wide">QVGA WIDE 320x180</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="vqual" id="vqual_vga_wide" value="vga_wide">
|
|
|
|
|
<label for="vqual_vga_wide">VGA WIDE 640x360</label>
|
2015-02-23 17:13:31 +00:00
|
|
|
|
2014-12-01 21:39:18 +00:00
|
|
|
<input type="radio" name="vqual" id="vqual_hd" value="hd">
|
|
|
|
|
<label for="vqual_hd">HD 1280x720</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="vqual" id="vqual_hhd" value="hhd">
|
|
|
|
|
<label for="vqual_hhd">HHD 1920x1080</label>
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
2015-02-23 17:13:31 +00:00
|
|
|
</div><br clear="all"><br>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div >
|
|
|
|
|
<fieldset data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
<legend><b>Max Outgoing Bandwidth</b>:</legend>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_250kb" value="250">
|
|
|
|
|
<label for="outgoingBandwidth_250kb">250kb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_500kb" value="500">
|
|
|
|
|
<label for="outgoingBandwidth_500kb">500kb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_1024kb" value="1024">
|
|
|
|
|
<label for="outgoingBandwidth_1024kb">1mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_1536kb" value="1536">
|
|
|
|
|
<label for="outgoingBandwidth_1536kb">1.5mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_2048kb" value="2048">
|
|
|
|
|
<label for="outgoingBandwidth_2048kb">2mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_5120kb" value="5120">
|
|
|
|
|
<label for="outgoingBandwidth_5120kb">5mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_0kb" value="0">
|
|
|
|
|
<label for="outgoingBandwidth_0kb">No Limit</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="outgoingBandwidth" id="outgoingBandwidth_default" value="default">
|
|
|
|
|
<label for="outgoingBandwidth_default">Server Default</label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div><br clear="all"><br>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div >
|
|
|
|
|
<fieldset data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
<legend><b>Max Incoming Bandwidth</b>:</legend>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_250kb" value="250">
|
|
|
|
|
<label for="incomingBandwidth_250kb">250kb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_500kb" value="500">
|
|
|
|
|
<label for="incomingBandwidth_500kb">500kb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_1024kb" value="1024">
|
|
|
|
|
<label for="incomingBandwidth_1024kb">1mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_1536kb" value="1536">
|
|
|
|
|
<label for="incomingBandwidth_1536kb">1.5mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_2048kb" value="2048">
|
|
|
|
|
<label for="incomingBandwidth_2048kb">2mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_5120kb" value="5120">
|
|
|
|
|
<label for="incomingBandwidth_5120kb">5mb</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_0kb" value="0">
|
|
|
|
|
<label for="incomingBandwidth_0kb">No Limit</label>
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="incomingBandwidth" id="incomingBandwidth_default" value="default">
|
|
|
|
|
<label for="incomingBandwidth_default">Server Default</label>
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div><br clear="all"><br>
|
|
|
|
|
|
|
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
|
2014-12-01 21:39:18 +00:00
|
|
|
</div>
|
2015-02-20 23:19:09 +00:00
|
|
|
<button data-inline="true" id="showdemo" onclick="$('#demos').show();$('#showdemo').hide()">View Demo Extensions</button>
|
|
|
|
|
<button data-inline="true" id="showdevices" onclick="$('#devices').show();$('#showdevices').hide()">View Device Settings</button>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
<div id="demos" style="border-style:outset">
|
|
|
|
|
|
|
|
|
|
<h2>Video Streaming (USE STEREO HEADPHONES IF POSSIBLE)</h2>
|
|
|
|
|
<div style="border-style:inset;border-width:1px;background-color:#eeeeee">
|
2014-12-01 21:39:18 +00:00
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('vuc.mp4')">FreeSWITCH Team on VUC (Summer 2014)</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('briancc.mp4')">Brian West ClueCon Spot (Summer 2010)</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('bin1.mp4')">Binaural Audio Demo</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('binrafting.mp4')">Binaural River Rafting</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('splash.mp4')">Binaural Splash Mountian</button>
|
|
|
|
|
<br>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('3d_demo.mp4')">Binaural Spatial Demo</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('gravity.mp4')">Gravity Movie Trailer(2k)</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('awesome1.mp4')">Everything is Awesome</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('awesome2.mp4')">Everything is Awesome 2</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('sirius.mp4')">Sirius Live</button>
|
|
|
|
|
<br>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('swimp.mp4')">Imperial March Live</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('imphd.mp4')">Imperial March on Floppy Drives</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('notime.mp4')">Ain't Nobody Got Time</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="playvid('hdtest.mp4')">Video HD Demo</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<h2>Codec Test and Conference</h2>
|
2015-02-20 23:19:09 +00:00
|
|
|
|
|
|
|
|
<div style="border-style:inset;border-width:1px;background-color:#eeeeee">
|
2014-12-01 21:39:18 +00:00
|
|
|
<button class="vidbtn" data-inline="true" onclick="dial('decode')">Video from your Webcam decoded then re-encoded w/ MOH</button>
|
|
|
|
|
<button class="vidbtn" data-inline="true" onclick="dial('3500')">Video Transcoded Conference</button>
|
2015-02-20 23:19:09 +00:00
|
|
|
<button class="vidbtn" id="hidedemo" data-inline="true" onclick="$('#demos').hide();$('#showdemo').show();">Hide Demos</button>
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
</div>
|
2015-02-20 23:19:09 +00:00
|
|
|
</div>
|
2014-12-01 21:39:18 +00:00
|
|
|
|
|
|
|
|
|
2015-02-20 23:19:09 +00:00
|
|
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
<input type="text" id="ext""/>
|
|
|
|
|
<button data-inline="true" id="callbtn">Call Extension</button>
|
2014-12-01 21:39:18 +00:00
|
|
|
<br><br>
|
|
|
|
|
<div style="color:blue" id="main_info"> </div><br><br>
|
|
|
|
|
<img src="img/verto_black_web.gif" width="300"><br><br>
|
|
|
|
|
<button data-inline="true"id="logoutbtn">Log Out</button>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
|
2015-01-06 03:20:31 +00:00
|
|
|
<div style="xvisibility:hidden">
|
2014-12-01 21:39:18 +00:00
|
|
|
<label><input id="use_vid" type="checkbox" value="foo" > Use Video</label>
|
|
|
|
|
<label><input id="use_stereo" type="checkbox" value="foo" > Stereo Audio</label>
|
|
|
|
|
<label><input id="use_stun" type="checkbox" value="foo" > Use STUN</label>
|
2015-02-20 23:19:09 +00:00
|
|
|
<!-- <label><input id="local_video" type="checkbox" value="foo" > Local Video</label>-->
|
2014-12-01 21:39:18 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<!--
|
|
|
|
|
<b>TEXT</b><br>To: <input type="text" size="20" id="textto"/> MSG: <input type="text" size="40" id="textmsg"/>
|
|
|
|
|
<button id="vtxtbtn">Send</button>
|
|
|
|
|
-->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<table id="directory" width=500 style="font-size:11pt;font-face:arial">
|
|
|
|
|
<tr><td align=center colspan=2><b>FreeSWITCH VERTO™ WebRTC Demo Directory<Br><br></td></tr>
|
|
|
|
|
<tr><td width=100><b>Dial</b></td><td><b>Desc</b></td></tr>
|
|
|
|
|
<tr><td align=left colspan=2><hr></td></tr>
|
|
|
|
|
|
|
|
|
|
<tr><td>3d1</td><td> 3D sound demo #1</td></tr>
|
|
|
|
|
<tr><td>3d2</td><td> 3D sound demo #2</td></tr>
|
|
|
|
|
|
|
|
|
|
<tr><td>stereo1</td><td> Stereo sound demo #1</td></tr>
|
|
|
|
|
<tr><td>stereo2</td><td> Stereo sound demo #2</td></tr>
|
|
|
|
|
<tr><td>stereo3</td><td> Stereo sound demo #3</td></tr>
|
|
|
|
|
<tr><td>3500</td><td>Local 48k Stereo Conference</td></tr>
|
|
|
|
|
<tr><td> </td></tr>
|
|
|
|
|
<tr><td>cluecon</td><td> ClueCon Hotline</td></tr>
|
|
|
|
|
<tr><td><number></td><td>Call a US/Canda Number</td></tr>
|
|
|
|
|
|
|
|
|
|
<tr><td>vuc</td><td>VoIP Users Conference</td></tr>
|
|
|
|
|
<tr><td>888</td><td>FreeSWITCH Community Conference</td></tr>
|
|
|
|
|
|
|
|
|
|
<tr><td>3300</td><td>Local 48k Conference</td></tr>
|
|
|
|
|
<tr><td>5000</td><td>Try the Demo IVR</td></tr>
|
|
|
|
|
<tr><td>9664</td><td>Listen to Hold Music</td></tr>
|
|
|
|
|
<tr><td>9386</td><td>Funny Prompts</td></tr>
|
|
|
|
|
<tr><td>9198</td><td>Tetris (tone generator)</td></tr>
|
|
|
|
|
<tr><td colspan=2><Br>
|
|
|
|
|
<center>
|
|
|
|
|
<br><br><br>
|
|
|
|
|
</td></tr>
|
|
|
|
|
</td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div><!-- /page -->
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="dialog-logout" data-close-btn="none">
|
|
|
|
|
<div data-role="header">
|
|
|
|
|
<h2>Logged Out</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div data-role="content">
|
|
|
|
|
<p>You have been logged out or disconnected from the server.</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="$('#dialog-logout').dialog('close')">OK</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="dialog-login-error" data-close-btn="none">
|
|
|
|
|
<div data-role="header">
|
|
|
|
|
<h2>Login Error</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div data-role="content">
|
|
|
|
|
<p>Error logging in</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="$('#dialog-login-error').dialog('close')">OK</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="dialog-hold" data-close-btn="none">
|
|
|
|
|
<div data-role="header">
|
|
|
|
|
<h2>Call On hold</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div data-role="content">
|
|
|
|
|
<p>The call is on hold</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="$('#dialog-hold').dialog('close');cur_call.toggleHold();">Resume Call</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div data-role="page" id="dialog-incoming-call" data-close-btn="none">
|
|
|
|
|
<div data-role="header">
|
|
|
|
|
<h2>Incoming Call</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div data-role="content">
|
|
|
|
|
<div id="dialog-incoming-call-txt"><p>Incoming Call</p></div>
|
|
|
|
|
<button id="ansbtn">Answer</button>
|
|
|
|
|
<div id="vansdiv"><button id="vansbtn">Answer Video</button></div>
|
|
|
|
|
<button id="declinebtn">Decline</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jquery.mobile.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jquery.json-2.4.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jquery.cookie.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/verto-min.js"></script>
|
2015-02-17 03:21:10 +00:00
|
|
|
<script type="text/javascript" src="js/getScreenId.js"></script>
|
2014-12-01 21:39:18 +00:00
|
|
|
<script type="text/javascript" src="verto.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
