Markus Moeller presented an overview of extending Microsoft Teams meetings with custom meeting apps. He demonstrated how to build apps that can record and playback participant names, allow users to vote on movies during a meeting using the stage view, and request emoji feedback from participants at the end of a meeting using a bot. He provided code samples and resources for building pre-meeting, in-meeting, and post-meeting experiences as well as accessing meeting details and lifecycle events through the Microsoft Teams meeting APIs.

2. Extend your Teams Meetings with
Custom Meeting Apps
Markus Moeller
Microsoft MVP, Avanade, Germany

3. Agenda
About me
Teams extensibility – Overview
• Record/Playback participant names
Pre-/In-Meeting Experience
• Vote & Share favorite movie(s)
Stage View
• Emoji Feedback on meeting’s end
Meeting Lifecycle
• Meeting & Participant details
Meeting Api
Resources

4. • Markus Moeller
• Microsoft 365 Developer Expert
• Microsoft MVP
• PnP community contributor
• Avanade Germany
• @moeller2_0
• https://mmsharepoint.wordpress.com
• Proud dad of 1 (2yrs)
About me

5. Bots
Help users get tasks done in calls,
conversations and online meetings
Connectors
Post rich updates to channels
Personal apps
All content across all teams
and channels in one place
Tabs
Surface rich content within
Teams
Activity feed
Engage users via feed
notifications
Messaging extensions
Allow users to query and share
rich cards in conversations
Meeting Apps
Enhance online Meeting
experience with Tabs and bots
MS Graph
Gateway to your data in
Microsoft cloud
Scope of
Teams Development

6. A Teams Meeting App
recording and playback
participant names
helping with
pronunciation

7. Prerequisites
• A meeting with at least one participant
• A physical Teams Desktop client for in-meeting side panel
• Client developer preview enabled for in-meeting side panel
• Device permissions for App (when using mic or camera)
• A Teams Tab app with specific
• Teams manifest

8. Options for Teams Meeting Apps (Tabs)
• Pre-Meeting / Post-Meeting experience
• In-Meeting experience
• Currently developer preview Teams client only
• Side Panel
• Dialog box
• Stage (initiated from side panel but shared for all)

9. Device permissions for app

10. Vote for a movie in side
panel and watch it
“together” in meeting’s
stage view

11. Prerequisites
• A meeting with at least one participant
• A physical Teams Desktop client for share in stageView
• You also cannot share from mobile clients right now
• Web view doesn‘t allow sharing apps „inMeeting“ and doesn‘t show shared apps
• Client „developer preview“ enabled
• A Teams Tab app with specific
• Teams manifest
• App in stage view has individual runtimes per user
• Sync needs to be implemented!
✓„Easy“ with FluidFramework

12. The Manifest

13. Use FluidFramework and Azure Fluid Relay service
Container
Container
Container
Container
Container
Container

14. Outlook: Teams LiveShare SDK
• Even more easy
• Handles Azure Fluid Relay service automatically in the background
• Data storage: 24hrs
• Can also synchronize media

15. Requesting emoji
feedback
at the end of a meeting
with a Teams Meeting
lifecycle event bot

16. Prerequisites
• A Teams channel enabled Azure bot
• A meeting with at least one participant
• Permissions to access the chat (for the bot)
• Client „developer preview“ enabled
• A Teams Bot app with specific
• Teams manifest

17. The manifest
{
"$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.9/MicrosoftTeams.schema.json",
"bots": [
{
"botId": "{{MICROSOFT_APP_ID}}",
"needsChannelSelector": true,
"isNotificationOnly": false,
"scopes": [
"team",
"personal",
"groupchat"
]
}
],
"webApplicationInfo": {
"id": "{{MICROSOFT_APP_ID}}",
"resource": "https://RscPermission",
"applicationPermissions": [
"OnlineMeeting.ReadBasic.Chat"
]
}
}

18. Displaying Meeting and
Participant Details in TAB
and with Task Modules

19. Prerequisites
• A Teams channel enabled Azure bot
• A meeting with at least one participant
• A Teams Bot/Tab app with specific
• Teams manifest

20. The Manifest

21. Bot / Task Module flow
Bot Services

22. Code snippets

23. The meeting ID

24. Detect frameContext

25. Handling meeting events (lifecycle)

26. Resources

27. Resources I – Pre-/Post-/In-Meeting Experience
• https://mmsharepoint.wordpress.com/2021/09/07/meeting-apps-in-
microsoft-teams-1-pre-meeting/
[BlogSeries]
• https://github.com/pnp/teams-dev-samples/tree/main/samples/tab-meeting-
record-name -
[PnP Sample]
• https://github.com/mmsharepoint/tab-meeting-stageview-vote-movie
[Vote Movie sample]
• https://docs.microsoft.com/en-us/microsoftteams/platform/apps-in-teams-
meetings/teams-apps-in-meetings
[Microsoft Documentation]

28. Resources II – Meeting Lifecycle
• https://mmsharepoint.wordpress.com/2021/10/09/meeting-feedback-with-
microsoft-teams-meeting-app/
[BlogPost]
• https://github.com/pnp/teams-dev-samples/tree/main/samples/bot-meeting-
lifecycle-feedback
[PnP Sample]
• https://docs.microsoft.com/en-us/microsoftteams/platform/apps-in-teams-
meetings/create-apps-for-teams-meetings?tabs=dotnet#real-time-teams-
meeting-events
[Microsoft Documentation]

29. Resources III – Meeting Api Bot Framework SDK
• https://mmsharepoint.wordpress.com/2022/08/04/teams-meeting-details-with-bot-
framework-sdk/
[BlogPosts]
• https://github.com/pnp/teams-dev-samples/tree/main/samples/tab-meeting-details
[PnP Sample]
• https://learn.microsoft.com/en-us/microsoftteams/platform/apps-in-teams-
meetings/meeting-apps-apis
[Microsoft Documentation]
• https://blog.yannickreekmans.be/get-full-meeting-details-in-a-teams-meetings-app-
without-using-bot-sdk/
[Inofficial direct MS Graph alternative]

30. Questions?
Now or later …:
• Markus Moeller
• @moeller2_0
• https://mmsharepoint.wordpress.com