...
This app is currently discontinued.
...
Creating the iframe
| Code Block | ||
|---|---|---|
| ||
<iframe
src="https://yourInstance.ucontactcloud.com/uphone/"
scrolling="no"
allow="camera;microphone">
</iframe> |
Event notifications
Messages will be sent to the parent page when these events occur:
For subscribing uPhone events, window proxy API will have to be used.
This is an example of how to subscribe to events from the page that has the iframe.
| Code Block | ||
|---|---|---|
| ||
window.addEventListener('message', e =>{
console.log(e.data.action);
console.log(e.data.params.number);
}); |
Making a call
Receiving a call
Sent dispositions
The information will be received in the following format
Make call
| Code Block | ||
|---|---|---|
| ||
{
"action":"makeCall",
"params":{
"number":1234
"campaign":"campaign->"
}
} |
Receiving a call
| Code Block | ||
|---|---|---|
| ||
{
"action":"gettingCall",
"params":{
"number":1234
"campaign":"campaign->"
}
} |
Finished call
| Code Block | ||
|---|---|---|
| ||
{
"action": "finishedCall",
"params": {
"campaign": "Incoming<-",
"clientId": "9999",
"date": "2022-6-17 12:51:59",
"direction": "incoming",
"duration": "123",
"guid": "6353dfa0-2a90-4d57-b145-1c3826cde381"
}
} |
Sent dispositions
| Code Block | ||
|---|---|---|
| ||
{
"action": "sentDispositions",
"params":{
"campaign": "Incoming<-",
"clientId": "9999",
"date": "2022-6-17 12:51:59",
"direction": "incoming",
"dispositions": {
"action": "NOACTION"
"comment": "comment"
"value1": "Venta"
"value2": ""
"value3": ""
},
"duration": "123",
"guid": "6353dfa0-2a90-4d57-b145-1c3826cde381"
}
} |
Execute actions
You can execute actions on uPhone by using the window proxy API.
| Code Block | ||
|---|---|---|
| ||
//Get the iframe window
var w = document.getElementsByTagName('iframe')[0].contentWindow;
const call = {
action: "makecall",
params:{
number:1113,
campaign: "campaign->"
}
};
//Send message
w.postMessage(call, '*'); |
Here is an example of how to obtain the iframe window and sending to the uPhone.