03-22-2016 02:41 AM
I have created a softphone with Jabber WebSDK. It works fine with firefox and IE but when using with chrome version Version 49.0.2623.87 m I am facing problem with video (local as well as remote)
Console log show following result:
[cwic] 22/03/2016 15:04:05.292 addPreviewWindow called from unsupported browser <- while adding local preview window
[cwic] 22/03/2016 15:03:47.575 addWindowToCall called from unsupported browser <- while adding remote video window
---
Corresponding Code Snippets are:
1. Adding Local Video
$(audioVideoApi.localVideoContainerDOM).cwic('createVideoWindow', {
id: audioVideoApi.localVideoObjectID, // DOM id for video window created through this API
success: function (id) {
console.log("Local Video Window Created Successfully");
audioVideoApi.localPreviewVideoObject = $('#' + id)[0];
}
});
console.log("Starting Local Video");
$(document).cwic('addPreviewWindow', {
previewWindow: audioVideoApi.localVideoObjectID
});
2. Adding remote video
if (audioVideoApi.activeCall.state === 'Connected') {
$(audioVideoApi.phoneContainerDOM).cwic('updateConversation',
{
'videoDirection': 'SendRecv'
});
$(audioVideoApi.remoteVideoContainerDOM).cwic('createVideoWindow', {
id: audioVideoApi.remoteVideoObjectID,
success: function (id) {
videoObject = document.getElementById(id);
}
});
console.log("Starting Remote Video");
$(audioVideoApi.calllContainerDOM).cwic('updateConversation', {
'addRemoteVideoWindow': audioVideoApi.remoteVideoObjectID,
//id: audioVideoApi.activeCall.callId
});
}
else {
alert("Can't add video before call is connectd.");
}
* My code is working perfectly with firefox. Video windows are added properly and video streams correctly. Only in chrome this problem is being faced.
* Sample provided by cisco is working fine on chrome version mentioned above.
Please help me with these problem.
Snapshot of log is also attached
03-22-2016 08:48 AM
As Chrome no longer supports NPAPI plugins, the Jabber browser plugin architecture has changed for Chrome, in that the video and preview windows are now implemented as 'external windows'. See the new showCallInExternalWindow and showPreviewInExternalWindow methods.
The 'dock' method can set these external windows as pinned/docked to browser elements so that the external windows can float above the web page in designated spots (automatically updating if the browser is moved or reflows), giving an experience similar to a true browser-embedded window.
See the sample.html in the SDK for example code on how this works.
Discover and save your favorite ideas. Come back to expert answers, step-by-step guides, recent topics, and more.
New here? Get started with these tips. How to use Community New member guide