SOLVED

Take snapshoots of video in React app

%3CLINGO-SUB%20id%3D%22lingo-sub-2492088%22%20slang%3D%22en-US%22%3ETake%20snapshoots%20of%20video%20in%20React%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2492088%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20is%20possible%20in%20Azure%20Communication%20Services%20to%20take%20snapshots%20in%20a%201%3A1%20call%20just%20pressing%20a%20button%20for%20example%3F%20I%20know%20there%20is%20no%20sdk%20for%20that%2C%20but%20how%20could%20it%20be%20done.%3F%20It%20is%20a%20requirement%20of%20our%20client.%3C%2FP%3E%3CP%3EAny%20hint%20would%20be%20highly%20appreciated.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2549937%22%20slang%3D%22en-US%22%3ERe%3A%20Take%20snapshoots%20of%20video%20in%20React%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2549937%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1059876%22%20target%3D%22_blank%22%3E%40chernandezgil%3C%2FA%3E%26nbsp%3B!%3CBR%20%2F%3E%3CBR%20%2F%3EYou%20are%20correct%20we%20don't%20have%20any%20native%20support%20for%20this%20-%20but%20I%20am%20pretty%20sure%20you%20can%20do%20something%20on%20web%20with%20WebRTC%20APIs.%20Let%20me%20check%20with%20a%20few%20colleagues%20and%20get%20back%20to%20you!%3CBR%20%2F%3E%3CBR%20%2F%3EI%20would%20also%20love%20to%20understand%20the%20scenario%20here%20if%20you%20don't%20mind%20sharing%20-%20for%20example%2C%20is%20it%20for%20diagnostics%2Ftroubleshooting%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2564963%22%20slang%3D%22en-US%22%3ERe%3A%20Take%20snapshoots%20of%20video%20in%20React%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2564963%22%20slang%3D%22en-US%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F935434%22%20target%3D%22_blank%22%3E%40manoskow-msft%3C%2FA%3E%20%2C%3CBR%20%2F%3EThanks%20for%20your%20answer!%3CBR%20%2F%3EOur%20client%20has%20clients%20with%20whom%20he%20connects%20in%20video%20calls%20and%20wants%20to%20have%20a%20record%20of%20the%20people%20who%20participate%20in%20the%20conversation%20in%20graphic%20form.%20In%20the%20future%20we%20will%20implement%20implement%20call%20recording%20as%20well%20with%20your%20sdk.%20The%20initiator%20of%20the%20call%20will%20be%20able%20to%20take%20screenshots%20and%20then%20save%20them.%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2566626%22%20slang%3D%22en-US%22%3ERe%3A%20Take%20snapshoots%20of%20video%20in%20React%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2566626%22%20slang%3D%22en-US%22%3E%3CP%3EFound%20out%20our%20web%20calling%20sample%20has%20this%20functionality%3A%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FAzure-Samples%2Fcommunication-services-web-calling-hero%2Fblob%2Fpublic-preview%2FCalling%2FClientApp%2Fsrc%2FUtils%2FcaptureScreenshot.ts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FAzure-Samples%2Fcommunication-services-web-calling-hero%2Fblob%2Fpublic-preview%2FCalling%2FClientApp%2Fsrc%2FUtils%2FcaptureScreenshot.ts%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EEdit%3A%20also%20including%20a%20link%20to%20our%20call%20recording%20quickstart%20since%20you%20mentioned%20it%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fazure%2Fcommunication-services%2Fquickstarts%2Fvoice-video-calling%2Fcall-recording-sample%3Fpivots%3Dprogramming-language-java%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAzure%20Communication%20Services%20Call%20Recording%20API%20quickstart%20-%20An%20Azure%20Communication%20Services%20quickstart%20document%20%7C%20Microsoft%20Docs%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3Ehope%20this%20helps%2C%20and%20thanks%20for%20the%20context!%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

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.

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?

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.
best response confirmed by chernandezgil (New Contributor)
Solution

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

Edit: also including a link to our call recording quickstart since you mentioned it: Azure Communication Services Call Recording API quickstart - An Azure Communication Services quickst...

hope this helps, and thanks for the context!