Debugging VOIP calls: How to get your CallId

[alkwa-msft]

This CallId allows both us and yourself to debug what happened to a specific call.
When starting prototyping of any calls we encourage you to print out the callId in the case that the call may fail for whatever reason.

There can be many different strings you encounter during development. I am putting together a set of values you may encounter and then indicating which one is correct.

Type	Example Value	Notes
Teams Meeting Url	teams.microsoft.com/meet/265340204121?p=ig2a872cfbQEEEl261....	We are looking for a very specific guid and this doesn't fit the format of a guid ❌
Group ID	87fdc6e0-55d7-11ef-b77e-e14f6271fdef	Its a guid however this is dynamically created by a developer and passed in ❌
Call ID	2c7fc16a-5a6b-44d4-bbe6-19335af01631	It is a guid and we got it from the idproperty of the call object ✅

Important notes

You need to make sure your call state is 'connected'

Getting the callId with the Javascript Calling SDK

Once the call is connected you should be able to write code to get the string value from call.id
Here is a working example you can try out. . All you need to set up is your ACS token which you can create dynamically from Azure Portal
console.log('my call Id for this group call is '+call.id)

If you want to read the official documentation for how to get the CallId, please check out this link

Getting the callId with the Web UI Library

Once the call is connected you can listen to the state listener for when the call is connected and then get the call id in a similar fashion to the example above.
Here is a working example you can try out. . All you need to set up is your ACS token which you can create dynamically from Azure Portal

callAdapter.onStateChange((state) => { if(state?.call?.id ) { console.log('Call Id: '+state.call.id+''); } });

The officially supported path is to build a typescript/react environment locally however once set up, listening to the adapter state changes and grabbing the callId would be the same code as the CallComposite.js example above

Try this out today and happy debugging! 🚀