<!DOCTYPE html>
<!--
* Copyright (C) 2012-2015 Doubango Telecom <http://www.doubango.org>
* License: BSD
* This file is part of Open Source sipML5 solution <http://www.sipml5.org>
-->
<html>
<!-- head -->
<head>
<meta charset="utf-8" />
<title>sipML5 live demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Keywords" content="doubango, sipML5, VoIP, HTML5, WebRTC, RTCWeb, SIP, IMS, Video chat, VP8, live demo " />
<meta name="Description" content="HTML5 SIP client using WebRTC framework" />
<meta name="author" content="Doubango Telecom" />
<!-- SIPML5 API:
DEBUG VERSION: 'SIPml-api.js'
RELEASE VERSION: 'release/SIPml-api.js'
-->
<script src=https://download.csdn.net/download/weixin_42651748/"SIPml-api.js?svn=230" type="text/javascript"> </script>
<!-- Styles -->
<link href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/css/bootstrap.css" rel="stylesheet" />
<style type="text/css">
body{
padding-top: 80px;
padding-bottom: 40px;
}
.navbar-inner-red {
background-color: #600000;
background-image: none;
background-repeat: no-repeat;
filter: none;
}
.full-screen{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.normal-screen{
position: relative;
}
.call-options {
padding: 5px;
background-color: #f0f0f0;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.08);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
}
.tab-video,
.div-video{
width: 100%;
height: 0px;
-webkit-transition-property: height;
-moz-transition-property: height;
-o-transition-property: height;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
}
.label-align {
display: block;
padding-left: 15px;
text-indent: -15px;
}
.input-align {
width: 13px;
height: 13px;
padding: 0;
margin:0;
vertical-align: bottom;
position: relative;
top: -1px;
*overflow: hidden;
}
.glass-panel{
z-index: 99;
position: fixed;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
opacity: 0.8;
background-color: Gray;
}
.div-keypad {
z-index: 100;
position: fixed;
-moz-transition-property: left top;
-o-transition-property: left top;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
}
.previewvideo
{
position: absolute;
width: 88px;
height: 72px;
margin-top: -42px;
}
</style>
<link href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/css/bootstrap-responsive.css" rel="stylesheet" />
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/ico/favicon.ico" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href=https://download.csdn.net/download/weixin_42651748/"https://download.csdn.net/download/weixin_42651748/assets/ico/apple-touch-icon-57-precomposed.png" />
</head>
<!-- Javascript code -->
<script type="text/javascript">
// to avoid caching
//if (window.location.href.indexOf("svn=") == -1) {
// window.location.href += (window.location.href.indexOf("?") == -1 ? "svn=236" : "&svn=229");
//}
var sTransferNumber;
var oRingTone, oRingbackTone;
var oSipStack, oSipSessionRegister, oSipSessionCall, oSipSessionTransferCall;
var videoRemote, videoLocal, audioRemote;
var bFullScreen = false;
var oNotifICall;
var bDisableVideo = false;
var viewVideoLocal, viewVideoRemote, viewLocalScreencast; // <video> (webrtc) or <div> (webrtc4all)
var oConfigCall;
var oReadyStateTimer;
C =
{
divKeyPadWidth: 220
};
window.onload = function () {
if(window.console) {
window.console.info("location=" + window.location);
}
videoLocal = document.getElementById("video_local");
videoRemote = document.getElementById("video_remote");
audioRemote = document.getElementById("audio_remote");
document.onkeyup = onKeyUp;
document.body.onkeyup = onKeyUp;
divCallCtrl.onmousemove = onDivCallCtrlMouseMove;
// set debug level
SIPml.setDebugLevel((window.localStorage && window.localStorage.getItem('org.doubango.expert.disable_debug') == "true") ? "error" : "info");
loadCredentials();
loadCallOptions();
// Initialize call button
uiBtnCallSetText("Call");
var getPVal = function (PName) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (decodeURIComponent(pair[0]) === PName) {
return decodeURIComponent(pair[1]);
}
}
return null;
}
var preInit = function() {
// set default webrtc type (before initialization)
var s_webrtc_type = getPVal("wt");
var s_fps = getPVal("fps");
var s_mvs = getPVal("mvs"); // maxVideoSize
var s_mbwu = getPVal("mbwu"); // maxBandwidthUp (kbps)
var s_mbwd = getPVal("mbwd"); // maxBandwidthUp (kbps)
var s_za = getPVal("za"); // ZeroArtifacts
var s_ndb = getPVal("ndb"); // NativeDebug
if (s_webrtc_type) SIPml.setWebRtcType(s_webrtc_type);
// initialize SIPML5
SIPml.init(postInit);
// set other options after initialization
if (s_fps) SIPml.setFps(parseFloat(s_fps));
if (s_mvs) SIPml.setMaxVideoSize(s_mvs);
if (s_mbwu) SIPml.setMaxBandwidthUp(parseFloat(s_mbwu));
if (s_mbwd) SIPml.setMaxBandwidthDown(parseFloat(s_mbwd));
if (s_za) SIPml.setZeroArtifacts(s_za === "true");
if (s_ndb == "true") SIPml.startNativeDebug();
//var rinningApps = SIPml.getRunningApps();
//var _rinningApps = base64.decode(rinningApps);
//tsk_utils_log_info(_rinningApps);
}
oReadyStateTimer = setInterval(function () {
if (document.readyState === "complete") {
clearInterval(oReadyStateTimer);
// initialize SIPML5
preInit();
}
},
500);
/*if (document.readyState === "complete") {
preInit();
}
else {
本文地址：http://ww.kub2b.com/news/17000.html
企库往 http://ww.kub2b.com/ , 查看更多
