Custom video layout

%3CLINGO-SUB%20id%3D%22lingo-sub-2964990%22%20slang%3D%22en-US%22%3ECustom%20video%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2964990%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20developing%20a%20web%20application%20that%20enable%20users%20to%20take%20video%20call.%20During%20the%20video%20call%2C%20I%20need%20custom%20layout%20for%20buttons%20(ex%3A%20leave%2Fstop%20the%20call%2C%20start%2Fstop%2Fpause%20recording%2C%20start%2Fstop%20screen%20sharing%2C...)%2C%20show%20custom%20chat%20windows%20(we%20will%20develop%20UI%20and%20use%20Teams%20as%20service)%2C%20show%20custom%20participants'%20video%20stream%20(we%20develop%20UI%2C%20and%20expect%20to%20get%20local%2Fremote%20video%20streams%20of%20participants%20and%20show%20on%20the%20designed%20UI).%20Basically%2C%20the%20video%20UI%20is%20our%20design%20and%20we%20use%20Teams%20as%20communication%20service.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20tried%20to%20look%20for%20the%20solution%2C%20but%20it%20seems%20that%20Teams%20only%20allow%20to%20integrate%20the%20web%20app%20into%20Teams%20application%20through%20tabs.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECould%20you%20please%20confirm%20if%20we%20could%20develop%20above%20web%20application%20with%20Teams%20as%20communication%20service%20(UI%20is%20our%20design)%20%3F%20If%20it%20is%2C%20could%20you%20please%20give%20me%20some%20steps%20for%20quick%20start%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20so%20much%20!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2964990%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMeetings%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2965337%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20video%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2965337%22%20slang%3D%22en-US%22%3EWe%20are%20looking%20into%20this%20I%20will%20get%20back%20to%20you%20soon.%3CBR%20%2F%3E%3CBR%20%2F%3EThanks%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2965401%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20video%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2965401%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1218726%22%20target%3D%22_blank%22%3E%40Quang_Phan%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAzure%20Communications%20Services%20will%20be%20the%20answer%20you%20want.%20It%20gives%20you%20full%20flexibility%20to%20build%20a%20customised%20UI%20and%20functionality%20on%20top%20of%20a%20meeting%20that%20can%20also%20be%20accessed%20by%20Teams%20clients.%20It's%20used%20by%20folks%20like%20healthcare%20to%20provide%20a%20bespoke%20patient%20experience%20in%20an%20online%20doctors%20appointment.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fazure.microsoft.com%2Fen-gb%2Fservices%2Fcommunication-services%2F%23overview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAzure%20Communication%20Services%20%E2%80%93%20communication%20APIs%20%7C%20Microsoft%20Azure%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi,

 

I am developing a web application that enable users to take video call. During the video call, I need custom layout for buttons (ex: leave/stop the call, start/stop/pause recording, start/stop screen sharing,...), show custom chat windows (we will develop UI and use Teams as service), show custom participants' video stream (we develop UI, and expect to get local/remote video streams of participants and show on the designed UI). Basically, the video UI is our design and we use Teams as communication service.

 

I tried to look for the solution, but it seems that Teams only allow to integrate the web app into Teams application through tabs. 

 

Could you please confirm if we could develop above web application with Teams as communication service (UI is our design) ? If it is, could you please give me some steps for quick start ?

 

Thank you so much !

4 Replies
We are looking into this I will get back to you soon.

Thanks

@Quang_Phan 

 

Azure Communications Services will be the answer you want. It gives you full flexibility to build a customised UI and functionality on top of a meeting that can also be accessed by Teams clients. It's used by folks like healthcare to provide a bespoke patient experience in an online doctors appointment.

 

Azure Communication Services – communication APIs | Microsoft Azure

Thanks a lot, Steven !
I am going to check the Azure Communication Service !

@Quang_Phan Right, that should be it, Sorry for the delayed response. Have a look at this detailed capabilities too.

Thanks, 

Hunaid L Hanfee

-----------------------------------------------------------------------------------------------------

If the above response by @Steven Collier is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.