<?php
/* Main include info */
ini_set('include_path',$_SERVER['DOCUMENT_ROOT'] . "/include/");
include("config.php");
$query = "SELECT secret, callerid FROM sippeers where name = '" . $form_data['peer'] . "'";
$res = $data['voip_db']->query($query);
$qData = $res->fetch_row();
$res->free();
?>
<html>
<head>
<title>PSC Tech - Web Phone</title>
</head>
<!-- We give the body a function to be called upon page unload for finalization of Zoiper Web -->
<body onunload="Quit()" style="margin:0px;">
<script type="text/javascript">
<!-- The variable "Zoiper" is used to keep reference about the Zoiper Web instance. It is going to hold the "Phone" object -->
var Zoiper;
<!-- The variable "ActiveCall" is used to keep a reference to the current active "Call" object -->
var ActiveCall;
<!-- The function GetValue is a helper function used to get the value of a document element by its ID -->
function GetValue(name) {
return document.getElementById(name).value;
}
<!-- The function "Quit" is used to stop Zoiper Web, we will use it to delete the items we have created during the example -->
function Quit() {
Status("Quit() called");
if (Zoiper != null) {
Zoiper.DelContact("PSC Tech Support");
Zoiper.DelAccount("<?php echo $form_data['peer']; ?>");
}
<!-- On Firefox new instances of the plugin are created before old ones are destroyed Because of this we must manually destroy the existing plugin -->
document.getElementById('ZoiperA').innerHTML = "";
}
<!-- The function "Hang" is a helper function and is used to hangup the "ActiveCall" that we keep reference of -->
function Hang() {
if (null != ActiveCall) {
ActiveCall.Hang();
ActiveCall = null;
}
}
<!-- The function "Dial" is used to dial a number entered by the user in the input field with ID="number". It also assigns the newly created "Call" object to the "ActiveCall" variable -->
function Dial() {
ActiveCall = Zoiper.Dial(GetValue("number"));
}
<!-- The function "Hold" is used to put the current active call on hold -->
function Hold() {
if (null != ActiveCall)
ActiveCall.Hold();
}
<!-- The function "SendDTMFSequence" sends a sequence of dtmf digits entered in the input area named "dtmfsequence" -->
function SendDTMFSequence() {
if (null != ActiveCall) {
ActiveCall.SendDTMF(GetValue("dtmfsequence"));
}
}
<!-- The function "ShowAudioWizard" is used to show audio wizard dialog -->
function ShowAudioWizard() {
if (null != Zoiper) {
Zoiper.ShowAudioWizard();
}
}
<!-- The function "ShowLog" is used to show log dialog -->
function ShowLog() {
if (null != Zoiper) {
Zoiper.ShowLog();
}
}
<!-- The function "MuteSpeakerToggle" is used to enable and disable audio output -->
function MuteSpeakerToggle() {
if (Zoiper.MuteSpeaker == "true")
Zoiper.MuteSpeaker = "false";
else
Zoiper.MuteSpeaker = "true";
}
<!-- The function "MuteMicToggle" is used to enable and disable audio input -->
function MuteMicToggle() {
if (Zoiper.MuteMicrophone == "true")
Zoiper.MuteMicrophone = "false";
else
Zoiper.MuteMicrophone = "true";
}
<!-- The function "Login" is used to login the user to the Zoiper Service. It uses the username and password provided by the user in the input fields "user" and "pass" -->
function Login() {
var user = GetValue("user");
var pass = GetValue("pass");
Zoiper.Login(user,pass);
}
<!-- The function "Logout" is used to logout the user from the Zoiper Service. -->
function Logout() {
Zoiper.Logout();
}
<!-- The function "Status" is used to show a status text in the element with ID="Status". It is used as a log function to show the state of the phone and what events are triggered -->
function Status(text) {
var node = document.getElementById("thelog");
//node.value += text + "\n";
}
<!-- The function "OnZoiperReady" is the entry point for Zoiper Web usage. It is called by Zoiper Web when it is ready for use. It provides a reference to its "Phone" object which we assign to the "Zoiper" variable. We use it to make the initial setup -->
function OnZoiperReady(phone) {
<!-- We clear the log input box -->
// document.getElementById("thelog").value = "";
<!-- We put the Zoiper Web instance reference to the global variable "Zoiper"-->
Zoiper = phone;
<!-- Here we allow other Zoiper Web instances in different processes to be loaded if necessary-->
Zoiper.AllowMultipleInstances();
<!-- We print the version of the Zoiper Web instance we are running -->
Status("Version : " + Zoiper.Version);
<!-- Here we get the "Config" object instance and put it in the variable named Config-->
var Config = Zoiper.GetConfig();
<!-- Here we change the SIP and IAX listening ports-->
Config.SetSIPIAXPorts("4566","5061");
<!-- Here we restrict the number of simultaneous calls allowed to 2 -->
Config.NumberOfCallsLimit("2");
<!-- Here we set some general configuration properties. We disable the popup menu on incoming calls and we set the debug log to be written to “D:\” and enable it-->
Config.PopupMenuOnIncomingCall = "false";
Config.PopupOnIncomingCall = "true";
Config.DebugLogPath = "v:\\";
Config.EnableDebugLog = "false";
Config.Restrictions = "options_sip_accounts,options_iax_accounts,options_sip_accounts_overview,options_iax_accounts_overview,options_sip_new_account,options_iax_new_account,account_register,account_unregister,options_audio_codecs,options_fax,options_show_advanced";
<!-- Here we setup Zoiper Web not to ring when the user is already on the phone-->
Config.RingWhenTalking = "false";
<!-- Here we create or get an existing "Account" object called "Sample". The "Account" is going to use the SIP protocol -->
Account = Zoiper.AddAccount("<?php echo $form_data['peer']; ?>", "sip");
<!-- Here we set the "Account" properties -->
Account.Domain = "as-east-002.ubixvoip.net:5060";
Account.CallerID = "<?php echo $qData[1]; ?>";
Account.UserName = "<?php echo $form_data['peer']; ?>";
Account.Password = "<?php echo $qData[0]; ?>";
<!-- Here we enable the custom codec list and select only the GSM codec -->
<!-- Account.AddCodec("G729"); -->
<!-- Here we set the “Account” to use inband DTMF signals -->
Account.DTMFType = "signalling_outband";
<!-- Here we apply the so far set properties and register the "Account" -->
Account.Apply();
Account.Register();
<!-- Here we enable the SIP header dump-->
Account.SipHeaderDump("true");
<!-- Here we set a custom header named "testheader" to be send in the calls that are using this account. First we set it to "zoiperweb" then we clear it and then add two headers with the same name set to "value1" and "value2"-->
Account.SipHeaderAdd("testheader","zoiperweb");
Account.SipHeaderClear("testheader");
Account.SipHeaderAdd("testheader","value1");
Account.SipHeaderAdd("testheader","value2");
<!-- Here we select the "Sample" "Account" to be the active one -->
Zoiper.UseAccount("<?php echo $form_data['peer']; ?>");
<!-- Here we create a new "Contact" object with primary number "web demo" and set its properties -->
var Contact = Zoiper.AddContact("PSC Tech Support");
Contact.Account = "<?php echo $form_data['peer']; ?>";
Contact.Display = "PSC Tech Support";
Contact.FirstName = "PSC";
Contact.MiddleName = "Tech";
Contact.LastName = "Support";
Contact.Country = "New York";
Contact.City = "Port Washington";
Contact.WorkPhone = "611";
Contact.Apply();
}
<!-- Here we have a simple implementation of the available "Callback" functions -->
function OnZoiperCallFail(call)
{
Status(call.Phone + " failed");
}
function OnZoiperCallRing(call)
{
Status(call.Phone + " ring");
}
function OnZoiperCallHang(call)
{
Status(call.Phone + " hang");
}
function OnZoiperCallHold(call)
{
Status(call.Phone + " hold");
}
function OnZoiperCallUnhold(call)
{
Status(call.Phone + " unhold");
}
function OnZoiperCallAccept(call)
{
Status(call.Phone + " accept");
}
function OnZoiperCallReject(call)
{
Status(call.Phone + " reject");
}
function OnZoiperCallIncoming(call)
{
Status(call.Phone + " incoming");
}
function OnZoiperAccountRegister(account)
{
Status(account.Name + " is registered");
}
function OnZoiperAccountUnregister(account)
{
Status(account.Name + " is unregistered");
}
function OnZoiperAccountRegisterFail(account)
{
Status(account.Name + " failed to register");
}
function OnZoiperContactStatus(contact,status)
{
Status(contact.Name + " is " + status);
}
function OnZoiperCallSipHeader(call,sip)
{
Status("SIP header counts: " + sip.Count);
<!-- This fragment of code demonstrates how to display a specific SIP header (in this case the "allow" header) -->
var property = sip.Entry("allow");
if (null != property)
{
for (var j=0; j<property.Count; j++)
{
Status(" Allow: " + property.Value(j));
}
}
<!-- This fragment of code demonstrates how to display all SIP headers -->
for (var i=0; i<sip.Count; i++)
{
var property = sip.Entry(i);
Status("Header label: " + property.Name);
for (var j=0; j<property.Count; j++)
{
Status(" value: " + property.Value(j));
}
}
}
</script>
<!-- Here we define the <object> tag used by Internet Explorer to include Zoiper Web in the web page. Note that the version info in the "codebase" attribute is very important when a more recent Zoiper Web is available and should be upgraded -->
<object id="ZoiperA" classid="clsid:BCCA9B64-41B3-4A20-8D8B-E69FE61F1F8B" CODEBASE="http://www.zoiper.com/webphone/InstallerWeb.cab#Version=2,5,0,11285" align="left" width="434" height="236" >
<!-- Here we define the <embed> tag used by the NPAPI based browsers (FireFox, etc) to include Zoiper Web in the web page.-->
<embed id="ZoiperN" type="application/x-zoiper-plugin" align="left" width="434" height="236"/>
</object>
</body>
</html>
Christopher W. Olsen