Create a 3D collaborative app for Teams Meeting using Live Share SDK, Live Share Canvas and Babylon

This post has been republished via RSS; it originally appeared at: Microsoft Tech Community - Latest Blogs - .

Teams Live Share seamlessly integrates meetings with Fluid Framework. As a recent GA SDK in Oct, 2022, Live Share provides a free, fully managed, and ready to use Azure Fluid Relay backed by the security and global scale of Teams.

 

With this technology, participants in the same Teams meeting can easily interactively work together on the same content or object, for example, with real time shared annotations, operations, to exchange ideas efficiently.

 

freistli_0-1671954873389.png

 

Starting from the simple live canvas demo, I verified more functions by integrating below parts together:

and implement a collaborative inking 2D/3D objects teams meeting extension. It also supports switching different backend Fluid Relay Services. Regarding 3D rendering, it works in Teams Web App with WebGL2 and works in Teams Desktop App with WebGL. Here is a screen snapshot that two clients in the same live share session in teams meeting (one is teams web app, another is Teams Desktop App):

 

freistli_1-1671954873479.png

 

Developers can get main ideas of how Live Share works for Teams especially with Babylon 3D and Fluid UI packages from the project. Here is the pubic github repo, I shared setup/build/test steps in it as well:

 

freistli/LiveShareCanvasBabylon (github.com)

 

Enjoy Teams Platform Development!

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.