javascript - How should I create "screen sharing" with SignalR -

i know not specific question, want design ideas screen sharing web site signalr.

we want add link on our website called "share screen" , our support team able see content of browser (not whole desktop) , able click or type on customer browser.

i thinking

1. taking screen shot browser js (by http://html2canvas.hertzen.com example)
2. send taken screen shot server (i don't know how yet)
3. server sends received screen shot our support team browser
4. capturing mouse move , key press on support team browser
5. sending captured data customer browser

since each part of needs lot of work want gather possible ideas find tested solution

first of all, not think idea of capturing screen doable javascript technology. security huge issue, need process high amount of data, , syncing events nightmare no matter how approach it. capturing , sharing tab content , events more manageable goal.

if aiming use people can not manage install remote control app, can count newer technologies such webrtc out due browser compatibility issues.

there blog post discussing issue here - (screensharing browser tab in html5?).

i first method, using mutation observer (browser support) , web sockets (browser support). syncs 2 html documents through use of mutation observer , uses web sockets communication. use signalr instead of standard web socket api communication if prefer.