{"id":6367,"date":"2021-05-26T09:37:11","date_gmt":"2021-05-26T17:37:11","guid":{"rendered":"https:\/\/officedevblogs.wpengine.com\/?p=6367"},"modified":"2021-05-26T09:37:11","modified_gmt":"2021-05-26T17:37:11","slug":"learn-how-developers-can-build-new-innovative-meeting-experiences","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/learn-how-developers-can-build-new-innovative-meeting-experiences\/","title":{"rendered":"Four\u00a0new features to build richer apps for Microsoft Teams meetings\u00a0"},"content":{"rendered":"<p><span data-contrast=\"auto\">Last November, we announced the general availability of Microsoft Teams apps in meetings \u2013 empowering developers to extend the meeting surface to\u00a0<\/span><a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/teams-apps-in-meetings\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-contrast=\"none\">build apps that could go beyond video conferencing and drive collaborative experiences across the entire meeting lifecycle<\/span><\/a><span data-contrast=\"auto\">. New meeting surfaces and APIs enabled developers and partners to build rich and integrated apps and experiences that allowed users to stay in the flow of work while in their meetings. With hybrid work here now, it\u2019s abundantly clear that the need for first-rate meeting experiences, whether remote or in-person, for every participant is critical.\u00a0We\u00a0are continuing this momentum at Build 2021 by announcing\u00a0<\/span><span data-contrast=\"auto\">four<\/span><span data-contrast=\"auto\">\u00a0new features that expand the breadth and capabilities of apps in meetings.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:240}\">\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6423 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1-1024x582.png\" alt=\"A virtual team \u201coffsite\u201d using a new custom Together Mode scene\" width=\"1024\" height=\"582\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1-1024x582.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1-300x171.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1-768x437.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1-1536x873.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-1.png 1669w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Create inclusive and engaging custom scenes with Together Mode extensibility<\/h3>\n<p>After a year of remote meetings, it was no surprise that people were fatigued and lacked connection with teammates. That was why we built Together Mode \u2013 a new meeting experience that brought us together into a shared background to recreate that sense of being next to one another. And with hybrid work upon us, these virtual environments are key to bridging inclusive experiences for those of us in virtual-world and those in the real-world. That\u2019s why we\u2019re excited to announce that, coming soon, you\u2019ll be able to create your own imaginative custom scenes that you can share \u2013 providing more fun and engaging meeting experiences.<\/p>\n<p>The <a href=\"http:\/\/dev.teams.microsoft.com\/scenes\" target=\"_blank\" rel=\"noopener noreferrer\">new Together Mode Scene Studio<\/a>, within the <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/concepts\/build-and-test\/teams-developer-portal\" target=\"_blank\" rel=\"noopener noreferrer\">Developer Portal for Teams<\/a>, allows you to build custom scenes. You can import your visual assets and pick the number of participants that you want to seat. You can pick a particular seat and reserve it based on the meeting role, particularly for the meeting organizer and the meeting presenter. This helps create specific scenarios \u2013 like recreating a classroom and having the teacher in a specific spot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6431 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Teams-extensibility-GIF-1.gif\" alt=\"Image showing a view on how admins can install meeting apps in the Teams Admin Center\" width=\"853\" height=\"480\" \/><\/p>\n<p>We\u2019ve also made it simpler for you to create scenes just for yourself or to test it within Microsoft Teams. \u2018View in Teams\u2019 automatically creates a Teams app package with pre-populated information. You\u2019ll then be navigated to Teams and can see your scene light-up in the \u2018Scene Picker\u2019 within the meeting.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6433\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-3.png\" alt=\"Image showing the \u2018View in Teams\u2019 button\" width=\"800\" height=\"736\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-3.png 981w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-3-300x276.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-3-768x706.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>These scenes you built can be shared with a link to get your social media followers to start using your scene. Of course, you can also ship it as an app in Microsoft Teams and we will take care of the rest.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6432 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Teams-extensibility-GIF-2.gif\" alt=\"GIF showing the sharing capability within Scene Studio\" width=\"853\" height=\"480\" \/><\/p>\n<p>Security remains top of mind, so we\u2019ve enabled IT Admins continue to have control over their tenant policies. Together Mode scenes are apps, so these can be governed by leveraging the existing App Permission Policy. Furthermore, we have provided control to IT Admins to limit the consumption of shareable links via the \u2018Select Video Filters\u2019 setting in the user-level meeting policy.<\/p>\n<p>We can\u2019t wait to see the amazing scenes you come up with. Look through some custom scenes our partners, <a href=\"https:\/\/appsource.microsoft.com\/en-us\/product\/office\/WA200002412\" target=\"_blank\" rel=\"noopener noreferrer\">Starbucks<\/a> and <a href=\"https:\/\/appsource.microsoft.com\/en-us\/product\/office\/WA200002243?tab=Overview\" target=\"_blank\" rel=\"noopener noreferrer\">BreakThru<\/a>, created:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6430 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-4-1024x583.png\" alt=\"Image of a Starbucks-themed Together Mode scene with a group of people sitting at a table in front of a window\" width=\"1024\" height=\"583\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-4-1024x583.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-4-300x171.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-4-768x438.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-4.png 1457w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6429 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-5-1024x583.png\" alt=\"Image of a Together Mode scene created by Breakthru. A group of people in a meeting with the presenter being slightly larger.\" width=\"1024\" height=\"583\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-5-1024x583.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-5-300x171.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-5-768x438.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-5.png 1457w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Enable real-time collaboration with apps in meetings with a shared meeting stage<\/h3>\n<p>We are thrilled to announce the ability for apps to integrate with the shared-meeting stage. This allows meeting attendees to collaborate using your apps in real-time. This has been the most demanded feature by our partners and we\u2019re happy to provide developers like you a new surface to build engaging experiences. Imagine scenarios where contracts are signed while in a meeting, where whiteboarding is done together, or even doing a code review together. This new feature is in preview today and <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/create-apps-for-teams-meetings?tabs=dotnet\" target=\"_blank\" rel=\"noopener noreferrer\">you can integrate by adding the meeting Stage context in your app manifest<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6428 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6-1024x583.png\" alt=\"An example of a project management app using the shared meeting stage\" width=\"1024\" height=\"583\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6-1024x583.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6-300x171.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6-768x438.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6-1536x875.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-6.png 1692w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Partners, like Mural, can enable users to seamlessly promote a mural board from the meeting side-panel to the meeting stage, where every participant can interact and collaborate live in the meeting.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6427 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7-1024x584.png\" alt=\"The 3rd party Mural app utilizing the shared meeting stage\" width=\"1024\" height=\"584\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7-1024x584.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7-300x171.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7-768x438.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7-1536x876.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-7.png 1670w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Build meeting aware apps with new event and media APIs<\/h3>\n<p>We believe that the richness of our APIs ultimately determines the completeness of critical scenarios. <a href=\"https:\/\/mybuild.microsoft.com\/sessions\/cc59edb2-5b9b-44f3-b72c-00b6a201192d?source=sessions\" target=\"_blank\" rel=\"noopener noreferrer\">In our technical keynote at Build<\/a>, we showed a demo where ServiceNow works with customers using their dashboard to up-level major incidents and rely on Teams to handle the progress of these incidents. Let\u2019s walkthrough how our new meeting event APIs enabled these types of scenarios.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6426\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Teams-extensibility-GIF-3.gif\" alt=\"GIF showing the ServiceNow app in action using meeting event APIs\" width=\"1000\" height=\"640\" \/><\/p>\n<p>It is critical for the ServiceNow app to be aware of the changing dynamics of a Teams meeting, so to enable this we provided the following:<\/p>\n<ol>\n<li>Through our Bot SDK, we are now exposing the Meeting Details API. This API provides <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/create-apps-for-teams-meetings?tabs=dotnet#meeting-apps-api-references\" target=\"_blank\" rel=\"noopener noreferrer\">meeting meta-data<\/a> to app developers.<\/li>\n<li>The Microsoft Graph offers <a href=\"https:\/\/docs.microsoft.com\/en-us\/graph\/api\/resources\/teamsappinstallation?view=graph-rest-beta\" target=\"_blank\" rel=\"noopener noreferrer\">an API to install an app to a Meeting<\/a><\/li>\n<li>Furthermore, the Microsoft Graph offers <a href=\"https:\/\/docs.microsoft.com\/en-us\/graph\/api\/chat-post-tabs?view=graph-rest-beta&amp;tabs=http\" target=\"_blank\" rel=\"noopener noreferrer\">an API to pin a tab to a Meeting<\/a><\/li>\n<li>Once the app is attached to the meeting, developers can start updating their app information based on when the <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/create-apps-for-teams-meetings?tabs=dotnet#meeting-apps-api-references\" target=\"_blank\" rel=\"noopener noreferrer\">meeting started and ended<\/a>. This is different from scheduled start and end time as seen in the Meeting Details API. We share these <strong>events<\/strong> through our Bot Services. As long the app has a Bot ID associated, the bot endpoint will be able to retrieve these events.<\/li>\n<li>Finally, we are <a href=\"https:\/\/docs.microsoft.com\/en-us\/graph\/api\/application-post-calls?view=graph-rest-1.0&amp;tabs=http\" target=\"_blank\" rel=\"noopener noreferrer\">empowering developers to get access to real-time audio and video streams<\/a> with Media APIs, unblocking a huge number of scenarios for our customers. Through our permission model, resource-specific consent, we isolate access to that specific meeting only, rather than granting permission to all meetings.<\/li>\n<\/ol>\n<p>Integrating these APIs enables your app to bring to bear many difference scenarios and empowers you to build rich experiences.<\/p>\n<h3>Providing an easier app discovery and acquisition experience<\/h3>\n<p>It\u2019s critical for customers and users to easily discover, acquire, and get productive with your meeting app. To reduce the back and forth, customers can now access the App Gallery directly from inside the meeting.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6425 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-8-1024x598.png\" alt=\"Image showing in-app discovery experience via the app gallery\" width=\"1024\" height=\"598\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-8-1024x598.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-8-300x175.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-8-768x448.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-8.png 1156w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>We\u2019re also happy to share that IT admins can also install apps on behalf of their users. These apps will appear in the \u2018Recent\u2019 section in the app gallery \u2013 providing users a quicker path and access to using the app.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6424\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9.png\" alt=\"Image showing a view on how admins can install meeting apps in the Teams Admin Center\" width=\"750\" height=\"764\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9.png 959w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9-294x300.png 294w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9-768x782.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9-24x24.png 24w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/05\/Build-extensibility-blog_image-9-48x48.png 48w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<h3>Happy Coding!<\/h3>\n<p>With all these new features and capabilities, our users and customers are set for success as they navigate through meetings in Teams during this new era of hybrid work. We\u2019re excited to see the new and innovative scenarios that you\u2019ll be able to create with these! To get started with these new features, <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/create-apps-for-teams-meetings?tabs=dotnet\" target=\"_blank\" rel=\"noopener noreferrer\">be sure to check out our technical documents<\/a>. And of course, be sure to <a href=\"https:\/\/aka.ms\/modernworkbuildsessions\" target=\"_blank\" rel=\"noopener noreferrer\">check out all our sessions at Build<\/a> where you\u2019ll see firsthand how these new features are enabling the future of hybrid work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With hybrid work, the need for first-rate meeting experiences, whether remote or in-person, for every participant is critical. Four new features expand the breadth and capabilities of apps in meetings.<\/p>\n","protected":false},"author":69074,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[],"class_list":["post-6367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams"],"acf":[],"blog_post_summary":"<p>With hybrid work, the need for first-rate meeting experiences, whether remote or in-person, for every participant is critical. Four new features expand the breadth and capabilities of apps in meetings.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69074"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=6367"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=6367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=6367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=6367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}