Skype web SDK video rendering error in angular 7.

See more:

HTML5

Typescript

Skype

Angular7

i am using skype web sdk to initiate and receive skype calls. The problem is that when i make/receive a call for the first time the video of skype call is displayed but there is some error also in console log regarding polyfills uncaught promises. due to this issue when i make/receive call the 2nd time the video is not displayed. If i refresh the application then it again works but one time only. I am using angular 7.

Error after skype call connects

Quote:

[object Error]: {description: "Uncaught (in promise): [object Undefined]", message: "Uncaught (in promise): [object Undefined]", promise: Object, rejection: undefined, stack: "Error: Uncaught (in promise): [object Undefined] at resolvePromise (http://localhost:4200/polyfills.js:8385:25) at Anonymous function (http://localhost:4200/polyfills.js:8295:17) at reject (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:42241:33) at createCb (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:47235:25) at start (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:47007:25) at startAsync (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:47161:25) at Anonymous function (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:47347:33) at ZoneAwarePromise (http://localhost:4200/polyfills.js:8464:17) at configureTransportAsync (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:47337:25) at Anonymous function (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:50068:29) at ZoneAwarePromise (http://localhost:4200/polyfills.js:8464:17) at _completeNegotiationAsync (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:50049:25) at completeNegotiationAsync (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:50436:25) at ucwaEventHandlers[audioVideoInvitation completed] (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:53487:41) at onServerEvent (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:53316:33) at Event.prototype._invoke (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22154:29) at Event.prototype._fire (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22185:25) at Event.prototype.fire (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22142:21) at Anonymous function (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:34685:37) at Event.prototype._invoke (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22154:29) at Event.prototype._fire (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22185:25) at Event.prototype.fire (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:22142:21) at notifyListeners (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:31368:33) at Anonymous function (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:31303:37) at Task.prototype.exec2 (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:21516:29) at Task.prototype.exec (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:21496:21) at dequeue (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:21271:25) at process (https://latest-swx.cdn.skype.com/v/1.125.43/js/skype-web-sdk.js:21292:21) at ZoneDelegate.prototype.invokeTask (http://localhost:4200/polyfills.js:7976:13) at Zone.prototype.runTask (http://localhost:4200/polyfills.js:7749:21) at ZoneTask.invokeTask (http://localhost:4200/polyfills.js:8052:17) at invokeTask (http://localhost:4200/polyfills.js:9298:9) at globalZoneAwareCallback (http://localhost:4200/polyfills.js:9324:17)"...}

What I have tried:

I implemented the functionality in javascript and plain html file separately for testing and it works fine no matter how many times i make/receive call. But in angular 7 i am using typescript and its creating the issue there.