title: Use AudioCard of Microsoft Bot with Microsoft Teams see bot UI shows "Go back to the main window to see this content."
body: <p>I can run this Teams Bot sample:
  <a href="https://github.com/microsoft/BotBuilder-Samples/tree/main/samples/csharp_dotnetcore/57.teams-conversation-bot" rel="nofollow noreferrer">https://github.com/microsoft/BotBuilder-Samples/tree/main/samples/csharp_dotnetcore/57.teams-conversation-bot</a></p>
  <p>When I need to add an AudioCard to play a mp3 song, I updated my code:</p>
  <pre><code>    private async Task CardActivityAsync(ITurnContext&lt;IMessageActivity&gt; turnContext, bool update, CancellationToken cancellationToken)
      {
          var card = GetAudioCard();
  
          await SendUpdatedCardAudio(turnContext, card, cancellationToken);
  
      }
  
      private static AudioCard GetAudioCard()
      {
          var audioCard = new AudioCard
          {
              Title = &quot;I am your father&quot;,
              Subtitle = &quot;Star Wars: Episode V - The Empire Strikes Back&quot;,
              Text = &quot;The Empire Strikes Back (also known as Star Wars: Episode V – The Empire Strikes Back)&quot; +
                     &quot; is a 1980 American epic space opera film directed by Irvin Kershner. Leigh Brackett and&quot; +
                     &quot; Lawrence Kasdan wrote the screenplay, with George Lucas writing the film's story and serving&quot; +
                     &quot; as executive producer. The second installment in the original Star Wars trilogy, it was produced&quot; +
                     &quot; by Gary Kurtz for Lucasfilm Ltd. and stars Mark Hamill, Harrison Ford, Carrie Fisher, Billy Dee Williams,&quot; +
                     &quot; Anthony Daniels, David Prowse, Kenny Baker, Peter Mayhew and Frank Oz.&quot;,
              Image = new ThumbnailUrl
              {
                  Url = &quot;https://upload.wikimedia.org/wikipedia/en/3/3c/SW_-_Empire_Strikes_Back.jpg&quot;,
              },
              Media = new List&lt;MediaUrl&gt;
              {
                  new MediaUrl()
                  {
                      Url = &quot;https://wavlist.com/wav/father.wav&quot;,
                  },
              },
              Buttons = new List&lt;CardAction&gt;
              {
                  new CardAction()
                  {
                      Title = &quot;Read More&quot;,
                      Type = ActionTypes.OpenUrl,
                      Value = &quot;https://en.wikipedia.org/wiki/The_Empire_Strikes_Back&quot;,
                  },
              },
          };
  
          return audioCard;
      }
  
      private static async Task SendUpdatedCardAudio(ITurnContext&lt;IMessageActivity&gt; turnContext, AudioCard card, CancellationToken cancellationToken)
      {
          var attachments = new List&lt;Attachment&gt;();
          var reply = MessageFactory.Attachment(attachments);
  
          reply.Attachments.Add(card.ToAttachment());
  
          await turnContext.SendActivityAsync(reply, cancellationToken);
      }
  </code></pre>
  <p>Above modification is with reference from this sample:
  <a href="https://github.com/microsoft/BotBuilder-Samples/tree/main/samples/csharp_dotnetcore/06.using-cards" rel="nofollow noreferrer">https://github.com/microsoft/BotBuilder-Samples/tree/main/samples/csharp_dotnetcore/06.using-cards</a></p>
  <p>When I tested it in Teams Bot, I see the following replies:
  <a href="https://i.stack.imgur.com/LHQhu.png" rel="nofollow noreferrer">From Teams Bot</a></p>
  <p>The replies said: &quot;Go back to the main window to see this content.&quot;.</p>
  <p>Do you know why? Thanks.</p>