Co-browsing Server Rendering Synchronized Website Images
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing websites do not allow multiple users to share the same experience simultaneously across different computing devices, which can have varying types, operating systems, and web browsers, resulting in inconsistent and isolated interactions.
Innovation Solution
A co-browsing system that includes a co-browsing server which renders a website and transfers a synchronized image to multiple clients, enabling them to view and interact with the same instance of a website, regardless of device type or browser, by using protocols like HTTP and RFB for image transfer.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple users access the same website from different computing devices, then each user can independently browse the website, but each user interacts with a separate and independent instance of the website, resulting in no shared experience
Solution Approach 1:
The system creates a centralized virtual instance of the website that is copied and transmitted to multiple client devices. This virtual instance acts as a master copy that all users interact with, ensuring they share the same browsing state while allowing simultaneous access from multiple devices. The rendered image of the website is distributed to multiple clients, enabling synchronized viewing and interaction.
2Adaptability or versatility
If different types of devices access the website, then device compatibility is improved, but the website is displayed differently on each device due to different operating systems and web browsers
Solution Approach 1:
The system introduces a intermediary rendering server that acts as a mediator between the website source and multiple client devices. This intermediary captures the rendered image of the website and distributes it to all clients, ensuring display consistency across different devices. The intermediary layer abstracts away the differences in operating systems and browsers, providing a unified viewing experience.
Solution Approach 2:
The system creates a standardized copy of the rendered website image that is identical across all client devices. By capturing and distributing this unified rendered image, the system ensures that every user sees the exact same version of the website regardless of their device type, operating system, or browser, thereby maintaining display consistency.
3Stability of the object's composition
If a centralized system renders and distributes website images to multiple clients, then display consistency is improved, but network bandwidth consumption increases
Solution Approach 1:
Instead of continuously transmitting the entire website image to all clients, the system implements periodic updates that transmit only the changes or deltas in the rendered image. This approach maintains display consistency across all devices while significantly reducing network bandwidth consumption by sending updates only when and what is necessary.
Data Source
AI summary
Embodiments described herein provide systems and method for allowing multiple devices to browse the same instance of a website. In a particular embodiment, a method provides receiving an instruction in the co-browsing system to initiate a co-browsing session for a website with a first client and a second client. The method further provides acquiring the website from a server that hosts the website and rendering the website in the co-browsing system to generate a rendered image of the website. The method further provides transferring a first copy of the rendered image to the first client and a second copy of the rendered image to the second client.