| Service | Microsoft Docs article | Related commit history on GitHub | Change details |
|---|---|---|---|
| platform | Calls Meetings Bots Overview | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/bots/calls-and-meetings/calls-meetings-bots-overview.md | In addition, the Real-time Media Platform enables bots to interact with Teams ca The Teams [app manifest](../../resources/schem#bots) with two more settings `supportsCalling` and `supportsVideo`, Graph permissions for your bot's Microsoft App ID, and tenant admin consent enable you to register the bot. In registering a calls and meetings bot for Teams, the Webhook URL is mentioned, which is the webhook endpoint for all incoming calls to your bot. An application-hosted media bot requires the Microsoft.Graph.Communications.Calls.Media .NET library to access the audio and video media streams, and the bot must be deployed on a Windows Server machine or Windows Server guest Operating System (OS) in Azure. Bots on Teams support only a specific set of media formats for audio and video content. +## Functions of calls and online meeting bots ++Bots can perform the following functions by calling Microsoft Graph APIs for calls and online meetings: ++| Capabilities | Functions | +| | -| +| Core capabilities | • Initiate a one-to-one call between two users. <br> • Initiate a group call with more than two users (up to 350 users). <br> • Upgrade a one-to-one call with two users into a group call with more than two users. <br> • Join a group call after it starts. <br> • Invite a Voice over Internet Protocol (VoIP) participant to join an ongoing group call. | +| Mid-call control | • Turn the video on or off. <br> • Mute or unmute the microphone. <br> • Switch between cameras. <br> • Put the call on hold or resume locally. <br> • Active speaker. <br> • Choose speaker for calls. <br> • Choose microphone for calls. <br> • Show the state of a participant, such as idle, early media, connecting, connected, on hold, in lobby, or disconnected. <br> • Show the state of a call, such as early media, incoming, connecting, ringing, connected, on hold, disconnecting, or disconnected. <br> • Show if a participant is on mute. <br> • Show the reason why a participant left a call. | +| Screen sharing | • Share the entire screen from within the app. <br> • Share a specific app (from the list of running apps). <br> • Share a web browser tab from the list of open tabs. <br> • Share system audio during screen sharing. <br> • Participant can view remote screen share. | +| Roster | • List the participants in a call. <br> • Remove a participant from a call. | +| Public Switched Telephone Network (PSTN) | • Place a one-to-one call with a PSTN participant. <br> • Place a group call with PSTN participants. <br> • Upgrade a one-to-one call with a PSTN participant into a group call. <br> • Dial-out from a group call as a PSTN participant. <br> • Support for early media. | + Now, you must understand some core concepts, terminology, and conventions. ## Terminologies Real-time media refers to scenarios where media must be processed in real-time, ## See also * [Build bots for Teams](../what-are-bots.md)-* [Work with the cloud communications API in Microsoft Graph](/graph/api/resources/communications-api-overview) +* [Microsoft Graph SDK overview](/graph/sdks/sdks-overview) * [Add Graph permissions](registering-calling-bot.md#add-graph-permissions)-* [Develop calling and online meeting bots on your local PC](debugging-local-testing-calling-meeting-bots.md) * [Enable an event as online meeting in Outlook calendar](/graph/outlook-calendar-online-meetings?tabs=http)-* [Requirements and considerations for application-hosted media bots](./requirements-considerations-application-hosted-media-bots.md) * [Teams recording policy](/microsoftteams/teams-recording-policy) * [Set up an auto attendant](/microsoftteams/create-a-phone-system-auto-attendant) * [Set up auto answer for Microsoft Teams Rooms on Android and Teams video phone devices](/microsoftteams/set-up-auto-answer-on-teams-android) |
| platform | Debug | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/concepts/build-and-test/debug.md | To load and run your experience within Teams, you need to create a package and u ## See also * [Test and debug your bot locally with IDE](../../bots/how-to/debug/locally-with-an-ide.md#test-and-debug-your-bot-locally-with-ide)-* [DevTools for Microsoft Teams tabs](../../tabs/how-to/developer-tools.md) +* [Dev Tools for Microsoft Teams tabs](../../tabs/how-to/developer-tools.md) * [Test app behavior in different environment](../../toolkit/test-app-behavior.md) |
| platform | Shared Channels | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/concepts/build-and-test/shared-channels.md | Title: Teams Connect shared channels description: Learn about Teams Connect shared channels to securely collaborate with internal and external users in a shared space without switching tenants. -localization_priority: Normal +ms.localizationpriority: high Last updated 11/02/2022 Microsoft Teams Connect shared channels allow members of a channel to collaborat * Individuals and other teams of other organizations. > [!NOTE]-> Tab apps in shared channels are available in [Government Community Cloud (GCC), GCC-High, and Department of Defense (DOD)](~/concepts/app-fundamentals-overview.md#government-community-cloud) environments. +> * Tab apps in shared channels are available in [Government Community Cloud (GCC), GCC-High, and Department of Defense (DOD)](~/concepts/app-fundamentals-overview.md#government-community-cloud) environments. +> * SharePoint and the SharePoint pages apps aren't supported for shared channels in GCC, GCC-High, and DOD environments. Teams Connect shared channels facilitate secure collaboration seamlessly. Allow external users outside of your organization to collaborate with internal users in Teams without changing their user context. Enhance user experience unlike using guest accounts, for example, the members must sign out of Teams and sign in again using a guest account. Teams applications extend the powerful collaboration space. |
| platform | Test App Overview | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/concepts/build-and-test/test-app-overview.md | To test and debug your app, you must create at least one workspace. You can sele Test your bot locally. For more information, see [debug your bot locally with an IDE](~/bots/how-to/debug/locally-with-an-ide.md). You can also debug your bot with [inspection middleware](/azure/bot-service/bot-service-debug-inspection-middleware?view=azure-bot-service-4.0&tabs=csharp&preserve-view=true) and [adaptive tools](/azure/bot-service/bot-service-debug-adaptive-tools?view=azure-bot-service-4.0&preserve-view=true). -To view the console logs, view or modify html, css, and network requests during runtime, add breakpoints to your JavaScript code, and perform interactive debugging access the DevTools. For more information, see [access the DevTools for Teams tabs](~/tabs/how-to/developer-tools.md). +To view the console logs, view or modify html, css, and network requests during runtime, add breakpoints to your JavaScript code, and perform interactive debugging access the Dev Tools. For more information, see [access the Dev Tools for Teams tabs](~/tabs/how-to/developer-tools.md). > [!NOTE] > Debugging is supported on desktop, web, and Android devices but not on iOS devices. |
| platform | Glossary | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/get-started/glossary.md | Common terms and definitions used in Microsoft Teams developer documentation. | [Device capabilities](../concepts/device-capabilities/device-capabilities-overview.md) | Built-in devices, such as camera, microphone, barcode scanner, photo gallery, in a mobile or desktop. You can access the following device capabilities on mobile or desktop through dedicated APIs available in the Microsoft Teams JavaScript client library (TeamsJS). <br>**See also**: [Capability](#c); [Media capability](#m); [Location capability](#l) | | [Device permission](../concepts/device-capabilities/browser-device-permissions.md) | A Teams app setting that you can configure in your app. You use it to request permission for your app to access and utilize a native device capability. You can manage device permissions in Teams settings. <br>**See also**: [App permissions](#a) | | [Dev environment](../toolkit/TeamsFx-multi-env.md#create-a-new-environment-manually-in-visual-studio-code) | A type of development environment that Teams Toolkit creates by default. It represents remote or cloud environment configurations. A project can have multiple remote environments. You can add more dev environments to your project using Teams Toolkit. <br>**See also** [Environment](#e); [Local environment](#l) |-| [DevTools](../tabs/how-to/developer-tools.md) | Browser's DevTools are used to view console logs, view or modify runtime network requests, add breakpoints to code (JavaScript) and perform interactive debugging for a Teams app. | +| [Dev Tools](../tabs/how-to/developer-tools.md) | Browser's Dev Tools are used to view console logs, view or modify runtime network requests, add breakpoints to code (JavaScript) and perform interactive debugging for a Teams app. | | [Dialogs](../task-modules-and-cards/what-are-task-modules.md) (referred as task modules in TeamsJS v1.x) | A feature of Teams app to create modal pop-up for completing tasks, displaying videos, or dashboard. <br> **See also**: [Adaptive Card](#a), [Task modules](#t) | | [Dynamic search](../task-modules-and-cards/cards/dynamic-search.md#dynamic-typeahead-search) | A search feature for Adaptive Cards that is useful to search and select data from large data sets. It helps to filter out the choices as the user enters the search string. <br>**See also**: [Static search](#s) | |
| platform | Grant Resource Specific Consent | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/graph-api/rsc/grant-resource-specific-consent.md | For more information on how to get details of the apps installed for the user, s | **Sample name** | **Description** | **.NET** |**Node.js** | **App manifest**| |--|--|-|-|-| | Resource-Specific Consent (RSC) | This sample code describes the process to use RSC to call Graph APIs. | [View](https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/graph-rsc/csharp)|[View](https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/graph-rsc/nodeJs)|[View](https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/graph-rsc/csharp/demo-manifest/graph-rsc.zip)|+| Configure RSC permissions | This sample code demonstrates how to configure RSC permissions in the app manifest, utilize them to invoke Microsoft Graph, and observe the actual response with the installed scope. | NA |[View](https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/graph-rsc-helper/nodeJs)|NA| ## See also |
| platform | Teams Updates | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/resources/teams-updates.md | To ensure a smooth transition, a phased rollout of the new platform is planned. The following Teams features aren't supported in the new Teams client: -* [DevTools](/microsoft-edge/devtools-guide-chromium/overview) isn't supported in the new Teams client. - * [App caching](~/tabs/how-to/app-caching.md) isn't supported in the new Teams client. * [Generating a deep link to share content to stage in meetings](~/concepts/build-and-test/share-in-meeting.md#generate-a-deep-link-to-share-content-to-stage-in-meetings) isn't supported in the new Teams client. |
| platform | Troubleshoot | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/resources/troubleshoot.md | Title: Troubleshoot your app description: Learn about different issues or error scenarios while building apps for Microsoft Teams and how to troubleshoot the issues for bots, tabs, and app package. keywords: teams apps development troubleshooting -localization_priority: Normal +ms.localizationpriority: medium Last updated 07/09/2018 Last updated 07/09/2018 ## To troubleshoot tabs -### Access DevTools +### Access Dev Tools -You can open [DevTools in the Teams client](~/tabs/how-to/developer-tools.md) for a similar experience as pressing F12 (on Windows) or Command-Option-I (on MacOS) in a browser. +You can open [Dev Tools in the Teams client](~/tabs/how-to/developer-tools.md) for a similar experience as pressing F12 (on Windows) or Command-Option-I (on MacOS) in a browser. ### Blank tab screen |
| platform | Content Page | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/tabs/how-to/create-tab-pages/content-page.md | Use the following steps to show the native loading indicator: * [Create a personal tab](../create-personal-tab.md) * [Create a channel tab or group tab](../create-channel-group-tab.md) * [App manifest schema for Teams](../../../resources/schem)-* [DevTools for Microsoft Teams tabs](~/tabs/how-to/developer-tools.md) +* [Dev Tools for Microsoft Teams tabs](~/tabs/how-to/developer-tools.md) |
| platform | Developer Tools | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/tabs/how-to/developer-tools.md | Title: DevTools for Teams Desktop & Mobile -description: Learn about DevTools for Microsoft Teams tabs and how to access and debug DevTools using Teams desktop or mobile client (Android). + Title: Dev Tools for Teams Desktop & Mobile +description: Learn about Dev Tools for Microsoft Teams tabs and how to access and debug Dev Tools using Teams desktop or mobile client (Android). ms.localizationpriority: medium Previously updated : 08/29/2022 Last updated : 08/22/2024 -# DevTools for Microsoft Teams tabs +# Dev Tools for Microsoft Teams tabs -When Teams is running in a browser, it's easy to access the browser's DevTools: F12 on Windows or Command-Option-I on macOS. The DevTools gives you access to: +When Teams is running in a browser, it's easy to access the browser's Dev Tools. To access Dev Tools in Windows press F12 and in macOS press Command-Option-I. Dev Tools gives you access to: -1. View console logs. -1. View or modify HTML, CSS, and network requests during runtime. -1. Add breakpoints to your JavaScript code and perform interactive debugging. +- View console logs. +- View or modify HTML, CSS, and network requests during runtime. +- Add breakpoints to your JavaScript code and perform interactive debugging. > [!NOTE]-> The feature is only available for desktop and Android clients after the **Developer Preview** has been enabled. For more information, see [How do I enable developer preview](~/resources/dev-preview/developer-preview-intro.md). +> Dev Tools is only available for desktop and Android clients. To access Dev Tools, you must enable [**Public preview**](~/resources/dev-preview/developer-preview-intro.md#desktop-or-web-client). -## Access DevTools on the desktop +## Access Dev Tools on desktop -While the web version and the desktop version of Teams are almost the same, there are some differences concerning authentication. Sometimes the only way to figure out what is going on is to use the DevTools. To use DevTools in the desktop client, you must: +While the web version and the desktop version of Teams are almost same, there are some differences with authentication. Sometimes the only way to figure out what's going on is to use Dev Tools. To use Dev Tools in the desktop client, follow these steps: -1. Ensure you have enabled [Enable developer preview](../../resources/dev-preview/developer-preview-intro.md#enable-developer-preview). -1. Open up a tab so you have something to inspect with the DevTools. -1. Open the DevTools one of the following ways: - * On Windows, you open DevTools via the Microsoft Teams icon in the desktop tray. +1. Enable [**Public preview**](../../resources/dev-preview/developer-preview-intro.md#desktop-or-web-client). +1. Open a tab to inspect with Dev Tools. +1. Open Dev Tools in one of the following ways: + * On Windows: Open the desktop tray and right-click to select the Microsoft Teams icon. Select **Open Dev Tools**: - :::image type="content" source="../../assets/images/dev-preview/devtools-right-click.png" alt-text="Screenshot shows the option to open DevTools from Windows desktop."::: + :::image type="content" source="../../assets/images/dev-preview/devtools-right-click.png" lightbox="../../assets/images/dev-preview/devtools-right-click.png" alt-text="Screenshot shows the option to open Dev Tools from Windows desktop."::: - * On macOS, select the Microsoft Teams icon in the Dock. + * On macOS: Select **Open Dev Tools**: - :::image type="content" source="../../assets/images/dev-preview/mac-os-developer-tools.PNG" alt-text="Screenshot shows the option to open DevTools from macOS dock."::: + :::image type="content" source="../../assets/images/dev-preview/mac-os-developer-tools.png" alt-text="Screenshot shows the option to open Dev Tools from macOS dock."::: -The following example shows DevTools open and inspecting a tab configuration dialog: +## Access DevTools from Android device - :::image type="content" source="../../assets/images/dev-preview/tab-and-devtools.png" alt-text="Screenshot shows the Tab and DevTools." lightbox="../../assets/images/dev-preview/tab-and-devtools.png"::: --## Access DevTools from an Android device --You can also enable the DevTools from the Teams Android client. To enable DevTools, you must: +You can enable DevTools in the Teams Android client. To enable DevTools, follow these steps: 1. DevTools for Android is available only on the beta version of Teams app. To join the beta version of Teams app, follow the instructions listed in [Get beta versions of apps.](https://support.google.com/googleplay/answer/7003180?hl=en#:~:text=Get%20beta%20versions%20of%20apps) :::image type="content" source="~/assets/images/tabs/android-beta-dev-tools.png" alt-text="Screenshot shows the option to join the beta."::: -1. Enable the [developer preview](~/resources/dev-preview/developer-preview-intro.md). +1. Enable [**Public preview**](../../resources/dev-preview/developer-preview-intro.md#mobile-client). 1. Connect your device to your desktop computer, and set up your Android device for [remote debugging](https://developers.google.com/web/tools/chrome-devtools/remote-debugging/). 1. In your Chrome browser, open `chrome://inspect/#devices`. 1. Select **inspect** under the tab you wish to debug, as in the following image: - :::image type="content" source="../../assets/images/android-devtools.png" alt-text="Screenshot shows the Android DevTools."::: + :::image type="content" source="../../assets/images/android-devtools.png" alt-text="Screenshot shows the Android DevTools." lightbox="../../assets/images/android-devtools.png"::: ## See also |
| platform | Cards Actions | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/task-modules-and-cards/cards/cards-actions.md | The following code shows an example of Adaptive Cards with `invoke` action with |2|Using cards|Introduces all card types including thumbnail, audio, media etc. Builds on Welcoming user + multi-prompt bot by presenting a card with buttons in welcome message that route to appropriate dialog.|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/csharp_dotnetcore/06.using-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/javascript_nodejs/06.using-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/python/06.using-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/java_springboot/06.using-cards)|NA| |3|Adaptive cards|Demonstrates how the multi-turn dialog can use a card to get user input for name and age.|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/csharp_dotnetcore/07.using-adaptive-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/javascript_nodejs/07.using-adaptive-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/python/07.using-adaptive-cards)|[View](https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/java_springboot/07.using-adaptive-cards)|NA| -> [!NOTE] -> Media elements aren't supported for Adaptive Card in Teams. - ## Next step > [!div class="nextstepaction"] |
| platform | Cards Format | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/task-modules-and-cards/cards/cards-format.md | Bots and message extensions can include mentions within the card content in [Tex > [!NOTE] >-> * [Media elements](https://adaptivecards.io/explorer/Media.html) aren't supported in Adaptive Cards on Teams platform. > * Channel and team mentions aren't supported in bot messages. > * You can @mention multiple users in a single Adaptive Card message, however, ensure that the message size limit doesn't exceed 28 KB for [Incoming Webhooks](~/webhooks-and-connectors/how-to/add-incoming-webhook.md) and 40 KB for a [bot message](~/bots/how-to/format-your-bot-messages.md). > * Adaptive Cards sent from Incoming Webhooks only support user mentions and don't support bot mentions. |
| platform | Debug Mobile | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/toolkit/debug-mobile.md | You can view the project folders and files under **Explorer** in the Microsoft V :::image type="content" source="../assets/images/debug-mobile/mobile-tab-app.PNG" alt-text="Screenshot shows the mobile tab app."::: -1. For Android devices, use [DevTools](../tabs/how-to/developer-tools.md#access-devtools-from-an-android-device) to debug your tab while it's running. +1. For Android devices, use [DevTools](../tabs/how-to/developer-tools.md#access-devtools-from-android-device) to debug your tab while it's running. ## Test your bot app on mobile client |
| platform | Whats New | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/whats-new.md | Teams platform features that are available to all app developers. **2024 August** -***August 21, 2024***: [Use sample prompts to guide the users for using various plugins within Copilot.](messaging-extensions/high-quality-message-extension.md#sample-prompts) +* ***August 22, 2024***: [Dev Tools for Teams tabs are available in the new Microsoft Teams client.](tabs/how-to/developer-tools.md) +* ***August 21, 2024***: [Use sample prompts to guide the users for using various plugins within Copilot.](messaging-extensions/high-quality-message-extension.md#sample-prompts) :::column-end::: :::row-end::: Explore updates from the previous GA releases listed here. | 09/24/2018 | Calls and online meetings APIs for Microsoft Graph is released to beta, and Teams apps can now interact with users in rich ways using voice and video. | [Calls and online meetings bots](~/concepts/calls-and-meetings/registering-calling-bot.md), [Real-time media concepts](~/concepts/calls-and-meetings/real-time-media-concepts.md), [Registering a calling bot](~/concepts/calls-and-meetings/registering-calling-bot.md), [Debugging and local testing](~/concepts/calls-and-meetings/debugging-local-testing-calling-meeting-bots.md), [Application-hosted media](~/concepts/calls-and-meetings/requirements-considerations-application-hosted-media-bots.md), [Handling incoming call notifications](~/concepts/calls-and-meetings/call-notifications.md) | | 09/11/2018 | Tab configuration pages are now taller. | [Tab Design](tabs/design/tabs.md) | | 08/15/2018 | Adaptive cards are now supported in Teams.|[Adaptive card actions in Teams](task-modules-and-cards/cards/cards-reference.md#adaptive-card) |-| 08/10/2018 | Client support for DevTools.| [DevTools for the Microsoft Teams Desktop Client](~/resources/dev-preview/developer-preview-tools.md)| +| 08/10/2018 | Client support for Dev Tools.| [Dev Tools for the Microsoft Teams Desktop Client](~/resources/dev-preview/developer-preview-tools.md)| | 08/08/2018 | Message extensions now support multiple commands. | [composeExtensions.commands](~/resources/schem#composeextensionscommands)| | 08/07/2018 | Inline configuration is now supported in Connectors. The Connectors documentation is revised and expanded for clarity.| [Connectors](~/concepts/connectors/connectors.md)| | 08/06/2018 | Your bot can now send and receive files. | [Send and receive files through your bot](~/bots/how-to/bots-filesv4.md)| |