Any recommendations for an NPM package to access webcam for recordings?

Coffee Lounge
1

Hey all,

Looking at the possibility of opening up a feature for users to record and store videos from their web cam via an app of ours. Found a few NPM packages, just wondering if anyone has achieved such and could recommend any?

Thanks!

Matt

2

Although i have not done something like this and have no idea about any npm packages, but it sounds like this feature requires node to work on client side. Which is not possible via Wappler as of now.

I could be wrong, but take a look from the integration perspective.

1 Like
3

Thank you for the heads up here Sid - I didn’t realise that would be a concern, I’ll dig into that.

4

You could do this with Cordova/Android using a media capture plugin for example:

https://cordova.apache.org/docs/en/10.x/reference/cordova-plugin-media-capture

1 Like
5

Thanks Dave. Looking to facilitate this on a Web App too - I understand Cordoba is only mobile?

6

Unfortunately. I'm sure we did something similar web side though so will look through some Projects later to see if I can find what it was we actually did (during the initial phases of lock-down for home workers).

1 Like
7

That would be brilliant- thank you!

8

Would this need to be live streamed or just a user recording their camera and then saving it on the server?

9

The recording user will just record and save on the server, but then any ‘viewing’ visitors will need to stream, instead of downloading in one file.

So the plan was to utilize AWS to handle the processing and then streaming once I’ve been able to receive a users recording.

10

It should be possible to do this with HTML5 and some Javascript. So theres not a specific Wappler way to do it, but I think you should be able to capture the Webcam and send it to a server action to store. If I get time I’ll have a play and see what I can come up with.

1 Like
11

You would be a superstar!!! Thank you !