UI Library – Mobile Support and Web GA

This post has been republished via RSS; it originally appeared at: New blog articles in Microsoft Tech Community.

We are excited to announce two updates to the Azure Communication Services UI library:

  1. Web UI Library is now generally available 
  2. Native Mobile UI Library is now available in public preview

These open-source UI components can reduce engineering time and help you quickly deliver a great communication experience for end-users. The Web library supports both desktop and mobile browsers, while the mobile library targets native iOS and Android apps. While you can use these components directly out-of-the-box, there are dozens of customization controls available to you, and of course being open-source, you have edit the components liberally and get down into the underlying Calling and Chat SDKs.

 

You can use these components for a variety of calling and chat communication experiences, but we're especially proud of our collaboration with Microsoft Teams. Using Azure Communication Services Teams interoperability and these UI components, you can easily build a custom client to join Teams meetings. This is ideal for a variety of virtual visit scenarios where a business hosts a Teams meeting that external consumers join via a custom app: virtual healthcare, virtual banking, and online education. 

 

Web UI Library – General Availability

The Web UI Library provides composable UI Components and turn-key Composites that can be used to build visual communication experiences. The UI Library supports customization in the form of theming, styling, custom icons, fonts, and layouts.  As part of Microsoft’s commitment to diversity and inclusion, the UI Library is built with accessibility from the ground up and conforming to Microsoft’s accessibility standards. The UI Library features localization to enable developers to build experiences that connect with their customers wherever they are.

 

Visit aka.ms/acsstorybook to learn more about it. Same sample composites are show below.

 

 

Call Composite: Calling experience that allows users to start or join a call. Inside the experience users can configure their devices, participate in the call with video, and see other participants, including those participants with video turn on. For Teams Interop includes lobby functionality for user to wait to be admitted.

 

 

Chat Composite: Chat experience where user can send and receive messages. Thread events like typing, read receipts, participants entering and leaving are displayed to the user as part of the chat thread.

 

 

UI Components: Collection of composable components that can be used to build communication experiences. We offer components for both chat and calling experiences. Pick one or multiple components that can be easily connected to Azure Communication Services client SDKs.

Get Started

To get started check out quickstarts:

If you want to see it in action, check out our Azure Friday episode.

 

 

Mobile UI Library – Public Preview 

 

jorhiro7_1-1638577352472.png

 

The Mobile UI library extends our work for Web with native iOS and Android components. This public preview is our first release and focuses on Calling Composites. In the coming months we will deliver additional capabilities including chat, more customization, accessibility, and localization. Learn more on our overview and use cases documentation.

 

Calling composite.

The Calling Composite enables users to configure a call, participate in it by sharing voice and video, and view other participants video streams including screen shares. The Calling Composite supports Teams meetings and Azure Communication Services Group Call.

 

composite-android.gif

quick-start-calling-composite-running-ios.gif

 

Get Started

To get started check out quickstarts:

Thank you

We're incredibly thankful for customers who were early adopters of the UI library and gave us valuable feedback. Please keep tuned for future updates here on our blog and post feedback to our feedback page. You can also send feature ideas and asks on User Voice.

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.