How to download audio messages from Microsoft Teams

Audio messages are not one of the most known features on Microsoft Teams as they are only available on the mobile clients, despite this limitation they can be heard in all Teams versions and with the solution I’m bringing here today they can now be downloaded using the web client.

Unlike other files, audio messages are not stored on SharePoint however they are available to be downloaded and listened offline if needed.

download audio messages from Microsoft Teams

This solution makes use of the developer tools included in all browsers and it adds a download button next to each audio message making the download process a breeze.

To download the audio messages from Microsoft Teams do the following:

  1. Open Microsoft Teams in the browser
  2. In the conversation where you have the audio messages open the developer tools by pressing F12
  3. Click on the Console tab and inside of it paste the code below
    var voiceMessages = $('.cell.media').length;
    if(voiceMessages > 0){    
        $.each($('.cell.media'), function( ) {
    		if($(this).find('.dwnaudio').length==0){
    			$(this).append('<a href="'+$(this).parent().attr('url')+'" class="dwnaudio ts-sym has-icon icons-download Download" style="margin-right: 10px;"><svg viewBox="0 0 32 32" role="presentation" class="app-svg icons-download"><g class="icons-default-fill"><path class="icons-unfilled" d="M20.1,16.6L17,19.8V9.5c0-0.8-1-0.8-1,0v10.3l-3.1-3.1c-0.5-0.5-1.2,0.2-0.7,0.7l4,4c0.2,0.2,0.6,0.1,0.7,0l4-4     C21.4,16.7,20.5,16.1,20.1,16.6zM21,24h-9c-0.3,0-0.5-0.2-0.5-0.5S11.7,23,12,23h9c0.3,0,0.5,0.2,0.5,0.5S21.3,24,21,24z"></path><path class="icons-filled" d="M21,23h-9c-0.28,0-0.5,0.22-0.5,0.5S11.72,24,12,24h9c0.28,0,0.5-0.22,0.5-0.5S21.28,23,21,23zM15.79,21.71c0.2,0.2,0.45,0.29,0.71,0.29s0.51-0.1,0.71-0.29l4-4c0.39-0.39,0.39-1.02,0-1.41c-0.39-0.39-1.02-0.39-1.41,0l-2.29,2.29V9.5c0-0.55-0.45-1-1-1s-1,0.45-1,1v9.09l-2.29-2.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41L15.79,21.71z"></path></g></svg></a>');       
    		}
        });
    }
    
  4. Press Enter to execute the code
  5. You will notice that a new download button is added next to the message, all you have to do now is click on it
    download audio messages from Microsoft Teams
Note: If you try to use this code and it doesn’t work let me know in the comment section and I’ll try to provide an update asap.

If you are not familiar with the browser console, have a look at the following video where I explain the entire process.

People vector created by pch.vector – www.freepik.com


13 Responses to “How to download audio messages from Microsoft Teams”

  1. bla

    January 6, 2021

    Didn’t work. There is no download button.

    Reply
    • João Ferreira

      January 6, 2021

      Hi,

      I just tested it and the button to download the audio message still appears.
      Can you please let me know what is the browser you are using?

      Have a nice day 🙂

      Reply
  2. Adela

    January 27, 2021

    Thank you a lot! You saved my day! 🙂

    Reply
  3. Natalija

    February 24, 2021

    Thank you 🙂

    Reply
  4. Layla

    March 10, 2021

    thank you so much Xoxoxoxoxo

    Reply
  5. Nap Lee

    April 11, 2021

    Hello João :

    It worked perfectly. I used I think Chromium browser and it didnt work, I then tried CHROME browser, and it worked.
    So YAY ! Thanks so MUCH !

    Is it possible to transcribe the AUDIO (that I just downloaded) into text, much like a voicemail left on TEAMS to someone else. As you know, That person will receive an email of the attached voicemail (Audio file) + full text transcription.

    Thanks again ! -Nap Lee

    Reply
    • João Ferreira

      May 18, 2021

      Thanks for the valuable feedback, it is good to know the browsers where this is not working properly.

      Reply
  6. SONNY

    April 20, 2021

    Hi I tried it and I get the download button but it shows undefined, I select it and get a 404 page.

    Reply
    • João Ferreira

      May 18, 2021

      Hi Sonny,

      Hi, I just tested the code using the latest version of Edge and it still works.
      As Microsoft Teams has multiple iframes in the application i suggest you to first select the message you want to download using the developer tools and then execute the code in the console to make sure it is executed in the right context. If the issue persists please let me know what is the browser you are using.
      Hope this helps

      Reply
  7. Mateus

    April 22, 2021

    Fiz o teste pelo navegador google chrome não apareceu o botão de download e apresentou o seguinte erro:

    0-angular-jquery.min-eee9041.js:1 Uncaught Error: Syntax error, unrecognized expression: . cell.media
    at Function.oe.error (0-angular-jquery.min-eee9041.js:1)
    at oe.tokenize (0-angular-jquery.min-eee9041.js:1)
    at oe.select (0-angular-jquery.min-eee9041.js:1)
    at Function.oe (0-angular-jquery.min-eee9041.js:1)
    at Function.e.find (2-vendor.min-b7fc31c.js:1)
    at k.fn.init.find (0-angular-jquery.min-eee9041.js:1)
    at e.fn.init.k.fn.init (0-angular-jquery.min-eee9041.js:1)
    at new e.fn.init (2-vendor.min-b7fc31c.js:1)
    at k (0-angular-jquery.min-eee9041.js:1)
    at :1:21

    Reply
    • João Ferreira

      May 18, 2021

      Olá Mateus,

      Testei agora mesmo utilizando a ultima versão do Microsoft Edge e funcionou sem problema.
      Sugiro que tente o seguinte:

      Ao abrir o developer tools seleccione a mensagem que pretente fazer download, ao fazer isto o elemento deve ficar com um border como na imagem em baixo.
      Depois de seleccionado execute o codigo, espero que a imagem deste comentario ajude a perceber o processo.

      Reply
  8. Guillermo

    June 1, 2021

    Muchas gracias!
    Funcionó perfecto!

    Reply

Leave a Reply


I've been working with Microsoft Technologies over the last ten years, mainly focused on creating collaboration and productivity solutions that drive the adoption of Microsoft Modern Workplace.