Forum Discussion

chernandezgil's avatar
chernandezgil
Copper Contributor
Jun 28, 2021
Solved

Take snapshoots of video in React app

It is possible in Azure Communication Services to take snapshots in a 1:1 call just pressing a button for example? I know there is no sdk for that, but how could it be done.? It is a requirement of our client.

Any hint would be highly appreciated.

  • manoskow-msft's avatar
    manoskow-msft
    Jul 20, 2021

    Found out our web calling sample has this functionality: https://github.com/Azure-Samples/communication-services-web-calling-hero/blob/public-preview/Calling/ClientApp/src/Utils/captureScreenshot.ts

    Edit: also including a link to our call recording quickstart since you mentioned it: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/voice-video-calling/call-recording-sample?pivots=programming-language-java

    hope this helps, and thanks for the context!

3 Replies

  • Hi chernandezgil !

    You are correct we don't have any native support for this - but I am pretty sure you can do something on web with WebRTC APIs. Let me check with a few colleagues and get back to you!

    I would also love to understand the scenario here if you don't mind sharing - for example, is it for diagnostics/troubleshooting?

    • chernandezgil's avatar
      chernandezgil
      Copper Contributor
      Hi manoskow-msft ,
      Thanks for your answer!
      Our client has clients with whom he connects in video calls and wants to have a record of the people who participate in the conversation in graphic form. In the future we will implement implement call recording as well with your sdk. The initiator of the call will be able to take screenshots and then save them.
      • manoskow-msft's avatar
        manoskow-msft
        Former Employee

        Found out our web calling sample has this functionality: https://github.com/Azure-Samples/communication-services-web-calling-hero/blob/public-preview/Calling/ClientApp/src/Utils/captureScreenshot.ts

        Edit: also including a link to our call recording quickstart since you mentioned it: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/voice-video-calling/call-recording-sample?pivots=programming-language-java

        hope this helps, and thanks for the context!

Resources