[Idea] Screen Sharing application using electronjs and pusher

#pushercontest #electronjs #javascript #explore

My idea?

To create a realtime screen sharing application like Teamviewer / Chrome remote desktop but without any realtime controlling system.

Tech Stack

ElectronJS (get native OS APIs support specifically desktopCapture)
NodeJS (Routes to generate userId for sharing session and maybe for up/down data streams)
Pusher Channel API (the power provider these gods need)

Challenges I know I'm going to face?

MediaRecorder, FileReader, Buffer, ElectronJS (all these are going to be my first try) but I know this is going to be interesting and an exciting journey for me and my learning 😁

Doubts I have regarding pusher:

How do I start a stream from one client to another? For example, I send a request to backend route that generates a id, I make a pusher channel with that id. Now how do I send video data as stream on that channel via pusher api from client? Any help would be appreciated.

This was my first article so pardon me for bad markup and thanks for reading.

Top comments (5)

K • May 11 '18 • Edited

You can either send data to your server via HTTP and broadcast it to other clients in a room with Pusher.

Or.

Use client events, that get transmitted directly to Pusher and broadcasted to other clients in a room.

pusher.com/docs/client_api_guide/c...

But I don't know if either way would be fast enough

Akshat • May 12 '18

Thank you, will there be high delays if both parties are at good internet?

K • May 12 '18

It's one TCP package to the Pushe servers and one back to your other client.

If both have a ping of 50, which I'd consider good, the delay would at least be 100, but Pusher says you should only send 10 client events per second, so this should fit.

But I guess you're stuck with max 10fps, most of the time even less.