nodejs

page_type	description	products	languages	extensions	contentType	createdDate
sample	Microsoft Teams meeting extensibility sample for iteracting with Content Bubble Bot in-meeting	office-teams office office-365	nodejs		samples	07-07-2021 13:38:26

Meetings Content Bubble

This sample illustrates how to implement Content Bubble In-Meeting Experience.

Prerequisites

• Node.js version 10.14 or higher

  # determine node version
  node --version

To try this sample

• Clone the repository

  git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git

• In a terminal, navigate to samples\meetings-content-bubble\nodejs

  cd samples/meetings-content-bubble/nodejs

• Install modules

  npm install

• Start the bot

  npm start

1. Create a new Bot by following steps mentioned in Build a bot documentation.

• Ensure that you've enabled the Teams Channel

2. Go to appsettings.json and add MicrosoftAppId, MicrosoftAppPassword and BaseUrl information.
3. Update the manifest.json file with MICROSOFT-APP-ID value.
4. You need to set the externalResourceUrl in notification payload to load the content bubble page in-meeting pop up

notification: {
         alertInMeeting: true,
         externalResourceUrl: 'https://teams.microsoft.com/l/bubble/<<APP_ID>>?url=<<ENDPOINT_URL>>&height=270&width=300&title=ContentBubbleinTeams&completionBotId=<<APP_ID>>'
       }

6. Install the App in Teams Meeting

Interacting with the app in Teams Meeting

Message the Bot by @ mentioning to interact with the content bubble.

1. You will see agenda items listed in an Adaptive Card.
2. Select any option and click on Push Agenda button
3. You can submit your feedback on either Content Bubble/Adaptive card sent in chat.