2016-08-08 62 views
0

Ich weiß, das ist keine spezifische Frage, aber ich will nur Design-Ideen über eine screen sharing Website mit SignalR bekommen.Wie sollte ich "Bildschirm teilen" mit SignalR

Wir wollen einen Link auf unserer Website hinzufügen, die „Share My Screen“ und dann unsere support team der Lage sein, um zu sehen, den Inhalt des Browsers (nicht ganze Desktop) genannt wird und sogar customer browser zu klicken, oder geben Sie auf sie in der Lage .

ich es als

  1. Unter screen shot von Browser durch js (von http://html2canvas.hertzen.com zum Beispiel)
  2. send genommen screen shot zum Server ständig zu tun, dachte (ich weiß nicht, wie noch)
  3. Der Server sendet die empfangene screen shot an unseren support team Browser
  4. Erfassen mouse move10 und key press auf support team Browser
  5. Senden dieser Daten an customer browser erfasst

Da jeder Teil davon eine Menge Arbeit muss ich will nur alle möglichen Ideen sammeln, um eine geprüfte Lösung

+0

Sparen Sie sich den Kummer und verwenden Sie einfach zum Meeting oder etwas. – Will

+0

@Will Ja, aber da unsere Kunden alte Leute sind, möchte unsere Firma ihre Implementierung haben, ohne irgendeine andere Software zu benutzen – RezaRahmati

Antwort

1

Zunächst einmal zu finden, ich glaube nicht, Ihre Idee von capturing screen ist wirklich machbar mit Javascript-Technologie. Sicherheit wäre ein großes Problem, Sie müssten eine große Menge an Daten verarbeiten, und das Synchronisieren von Ereignissen wäre ein Albtraum, egal wie Sie sich ihm nähern. Capturing und Sharing tab content und events ist ein viel überschaubares Ziel.

Wenn Sie dies für Personen verwenden möchten, die eine remote control App nicht installieren können, können wir neuere Technologien wie WebRTC aufgrund von browser compatibility issues auszählen.

Es gibt einen guten Blogbeitrag, der dieses Problem behandelt here - (Screensharing a browser tab in HTML5?).

Ich mag besonders die erste Methode, mit Mutation Observer(browser support) und Web Sockets(browser support). Es synchronisiert im Wesentlichen zwei HTML-Dokumente durch die Verwendung von mutation observer und verwendet web sockets für die Kommunikation. Sie können SignalR anstelle von Standard-Web-Socket-API für die Kommunikation verwenden, wenn Sie bevorzugen.