CN111107116A - 递送个性化和定制化媒体的无缝连续播放的系统和方法以及浏览器屏幕共享 - Google Patents

Abstract

用于为社交购物递送个性化或定制化媒体和浏览器屏幕共享的无缝连续播放的系统和方法。该系统用于在来自不同web域的各种web浏览器窗口上无缝且连续地播放媒体文件。对于第一设备和第二设备之间的浏览器屏幕共享，该系统包括在第一设备的第一web浏览器应用内的前端，该第一设备在第一web浏览器窗口上显示第三方网页。该系统包括后端，其被配置为向第二设备发送代码以在第二设备的第二web浏览器窗口上以与第一web浏览器窗口相同的相对网页视图设置显示相同的第三方网页。对第一设备的第一web浏览器窗口的当前网页或任何网页视图设置的任何改变都反映在第二设备的第二web浏览器窗口中。

Description

递送个性化和定制化媒体的无缝连续播放的系统和方法以及 浏览器屏幕共享

相关申请的交叉引用

本申请要求2017年9月25日提交的题为“SYSTEM AND METHOD FOR DELIVERINGSEAMLESS CONTINUOUS PLAY OF PERSONALIZED AND CUSTOMIZED MEDIA”的美国临时专利申请号62/563,012的优先权，其内容通过引用并入到下文中的具体实施方式中。

技术领域

一些示例实施例涉及媒体分发，并且特别地涉及用于递送个性化和定制化媒体的无缝连续播放的系统和方法。一些示例实施例涉及浏览器屏幕共享。

背景技术

在常规系统中，媒体播放器可以嵌入网站中。然而，可能难以具有连续且无缝的客户体验，诸如信息搜索、购物和游戏。例如，如果媒体播放器嵌入在网页的web浏览器窗口中，则当网页被刷新或重新加载时，嵌入其中的媒体播放器也被刷新，并且媒体将从媒体的开头播放。当从相同或另一个网页打开新的web浏览器窗口时，媒体将同时由不同的web浏览器窗口播放。这会致使中断和令人不快的音频体验。当存在多于一个web浏览器窗口时，所有媒体播放器可能同时播放，导致混淆和同时播放多个声音。

同样，通常针对特定网页总是播放相同的媒体内容，而不管特定的在线终端客户。在许多常规系统中，在各种网页中使用的媒体内容是预定的并且对于所有客户是相同的。

同样，在线购物体验可以是单独的实践。终端客户体验通常平淡无奇，并且在线购买的转化率很低，约为3％。人们通常想要在做出购买决定之前咨询其他人，但此选项不可用。此外，随着生育高峰出生的一代逐渐变老，他们的视力也会受到损害。此外，存在一部分身体受损并且可能难以操纵其用户输入设备(诸如键盘、鼠标，触摸屏)的群体。因此，人们，尤其是存在视力和身体上的挑战的人们，可能需要在线购物方面的帮助。

同样，一些常规的web屏幕共享系统效率低下。例如，一些常规的web屏幕共享系统连续地屏幕捕获一个用户的整个屏幕的图像，这可能导致该用户的高数据负载，并且依赖于图像或视频压缩或其他技术来进行补偿。

考虑到下文中对示例实施例的详细描述，可以理解现有系统的其他困难。

发明内容

根据示例实施例，提供了一种用于播放媒体文件的系统，所述系统包括：后端，其被配置为注册至少一个网站域；前端，其被嵌入在设备的至少一个web浏览器窗口的每一个中，每个web浏览器窗口与注册到后端的网站域中的至少一个相关联，每个前端包括媒体播放器，所述后端被配置为生成唯一设备标识(ID)，以用于唯一地标识第一设备，其中后端被配置为引导至少一个web浏览器窗口中的仅一个web浏览器窗口的媒体播放器播放媒体文件。

根据示例实施例，提供了一种用于唯一地标识设备的系统，所述系统包括：后端；前端，其被嵌入在设备的web浏览器窗口中，所述后端被配置为生成用于唯一地标识设备的唯一设备标识(ID)，所述设备ID由后端根据设备的web浏览器的浏览器设置的图像、设备的用户代理数据、设备的IP地址的组合生成，后端被配置为从前端接收通信，验证来自通信的设备ID并且当成功验证设备ID时通过前端向设备发送第二通信。

根据示例实施例，提供了一种用于第一设备和第二设备之间的web屏幕共享的系统，所述系统包括：后端，其被配置为：从正在第一web浏览器窗口中显示第三方网页的第一设备的第一web浏览器应用内的前端接收第一设备的屏幕宽度和高度，其中第三方网页来自第三方主机服务器；从前端接收第三方网页的地址；从前端接收正显示第三方网页的第一web浏览器窗口的第一网页视图设置，所述第一网页视图设置包括正显示第三方网页的第一web浏览器窗口的宽度和高度、以及正显示第三方网页的第一web浏览器窗口的第一滚动X和Y位置；从第三方主机服务器接收第三方网页的网页宽度和高度；生成一个寻址(address)后端的链接；将链接发送到第二设备；并且响应于检测到第二设备选择链接：从第二设备接收第二设备的第二屏幕宽度和高度，以及第二web浏览器窗口的宽度和高度，并且向第二设备发送用于在第二设备的第二web浏览器窗口上显示第三方网页的代码，以及包括第二web浏览器窗口的第二滚动X和Y位置的第二网页视图设置，以用于在第二设备的第二web浏览器窗口上显示第三方网页，以达到与在第一设备上显示第三方网页的第一web浏览器窗口的第一网页视图设置相同的相对网页视图设置。

另一示例实施例是一种在线购物方法，包括：由第一设备选择指定的网页；向第二设备发送邀请以访问指定的网页，该邀请包括用于共享第一设备的web屏幕的链接，包括指定的网页以及基于屏幕分辨率、网页信息和浏览器信息的要显示的网页的X和Y坐标；生成用于在第二设备的web屏幕上显示的指定网页的内容；当共享web屏幕时，在两个设备之间提供双向音频；当共享web屏幕时，在两个设备上同时播放媒体，基于两个设备中的至少一个或两者的终端客户来选择媒体。

附图说明

现在将通过示例参考示出本申请的示例实施例的附图，并且其中：

图1是示出根据示例实施例的示例性系统的框图；

图2是示出由图1的系统无缝且连续地播放媒体的示例的示例性框图；

图3是示出识别特定终端客户的示例的框图；

图4是示出由图1的系统在web浏览器窗口中为终端客户无缝播放媒体的示例的框图；

图5是示出图4的示例中的业务层的过程的流程图；

图6是示出激活客户或终端客户的示例性过程的流程图；

图7是示出用户访问图1的系统的示例性过程的流程图；

图8是示出识别终端客户的示例性过程的流程图；

图9是示出为标识的终端客户检索媒体的示例性过程的流程图；

图10是示出在接收到“获取下一首歌曲(Get-Next-Song)”请求之后图1中系统的过程的流程图；

图11是示出在接收到“获取类型(Get-Genre)”请求之后图1中系统的过程的流程图；

图12(a)是根据实施例的web屏幕共享系统的图，其中在接收设备和发送设备之间匹配滚动位置，并且在接收设备中web浏览器窗口大小和位置不变；

图12(b)是根据实施例的web屏幕共享系统的图，其中在接收设备和发送设备之间匹配滚动位置、web浏览器窗口大小和位置；

图13是示出图12(a)和图12(b)中的系统的示例性web屏幕共享过程的流程图；

图14是用于社交购物的图1的系统的示例性界面，示出有网页的侧工具栏中的“收藏夹(Favorites)”人选项卡，以用于单击快速连接；

图15是用于社交购物的图14的另一示例性界面，示出有侧面工具栏中的“愿望清单(Wishlist)”产品选项卡，以用于单击快速调用；

图16是示出使用图1的系统进行社交购物的示例性过程的流程图；并且

图17是示出使用图14的屏幕共享系统进行社交购物的另一示例性过程的流程图。

在不同的图中可以使用类似的附图标记来表示类似的组件。

具体实施方式

为了使网页提供改进的在线客户体验，不同的终端客户应当具有不同的媒体选择。同样，远程用户应当能够分享浏览和在线购物体验。

在该应用中，术语网页的web浏览器窗口也可以指web浏览器程序中的web窗口、无头web窗口或web浏览器选项卡。在本文的所有示例中，任何提及由“人”、“用户”或“客户”进行的操作类似地适用于由该人、用户或客户正在使用的“设备”的功能或操作。

图1是示出根据示例实施例的系统100的框图。系统100被配置为用于在设备上递送个性化和定制化媒体的无缝连续播放。系统100还被配置为用于两个设备之间的屏幕共享和社交购物。系统100可以包括后端101和客户端105，其中客户端105包括前端103。前端103和后端101被配置为彼此通信。后端101包括管理员用户界面(AUI)102和后端层(BL)104。BL 104对于在线终端客户是不可见的，因为终端客户仅仅浏览到注册到(registerwith)BL 104的第三方web域。BL 104可以包括一个或多个处理器。在其他示例中，在线终端客户可以专门登录BL 104。在一些示例中，后端101包括媒体服务器122(MS)。在一些示例中，MS 122是BL 104的第三方媒体服务器。在其他示例中，MS 122是BL 104的第一方媒体服务器。MS 122可以是多个媒体服务器。在一些示例中，MS 122可以是云端的虚拟服务器。

MS 122存储媒体文件或者有权访问媒体文件库。AUI 102是允许BL 104的系统管理员或具有适当访问权限的人配置客户/终端用户特定的音乐类型、客户管理和系统配置的界面。BL 104包括数据库106。数据库106包括一个或多个存储器，并包括一个或多个处理器。数据库106可以存储用户ID信息(包括用户信息、用户历史、用户人口统计、用户偏好等)、设备ID信息和关于媒体文件的媒体文件信息。通常，数据库106不将媒体文件本身存储为存储在MS 122中的媒体文件。

客户端105包括具有对在线终端客户可见的用户界面的用户设备，并且包括前端103。其他端节点可以在客户端105上。在一些示例中，前端103是从一个或多个相同或不同web域的网页集成或嵌入在一个或多个浏览器窗口中的模块。网页来自第三方web域，其已经由第三方客户(诸如在线商务(online business))在后端101处注册到系统100。前端103嵌入在被终端客户使用的设备的一个或多个web域的一个或多个网页中。在一些示例中，web浏览器窗口包括并用于显示网页。如果终端客户打开多于一个web浏览器窗口，则前端103可以嵌入每个web浏览器窗口中。

前端103包括元数据收集层(MDCL)108、媒体播放器(MP)110和播放器控制器(PC)112。在一些示例中，系统100可以包括用于提供屏幕共享服务和web屏幕共享服务的web屏幕共享应用111(也称为屏幕共享应用111)。屏幕共享应用111被配置为与BL 104通信。屏幕共享应用111可以从一个或多个相同或不同的web域的网页嵌入一个或多个浏览器窗口中。在此更详细地描述屏幕共享应用111。在一些示例中，MP 110是媒体播放器并且可以显示徽标(logo)和均衡器图形(静态或动态)以示出MP 110被启动。在一些示例中，MP 110的媒体选择由终端客户直接控制；例如，终端客户可以从前端103选择媒体。在一些示例中，MP 110的媒体选择不是由终端客户直接控制，而是通过后端101控制。PC 112集成到网页中并具有对MP 110的用户控制。

当在线客户浏览被嵌入有前端103的网页并选择通过PC 112播放媒体时，BL 104例如以元数据的形式从PC 112接收信息117，并且将通信118发送到MP 110以及将通信120发送到PC 112。通信118和120包括MP 110先前播放的特定媒体，诸如媒体服务器(MS)122中的特定媒体的web链接或媒体文件标识符(媒体文件ID)，以及在针对终端客户的该设备的上一个web浏览器窗口的前端103中播放的先前停止点。MP 110将在停止点播放特定媒体的请求124发送到MS 122，并且作为响应，MS 122将从停止点开始的媒体流126发送到MP 110。在示例中，媒体可以包括视频、音频以及视频和音频。然后，MP 110可以从先前的停止点恢复继续(resume)播放特定媒体。当已经从MS 122接收到媒体流126时，MP 110在先前停止点处播放媒体。一旦MP 110播放了媒体，播放媒体的进度信息就从MS 122发送到BL 104，以用于在数据库106中进行记录。

在一些示例中，MP 110获得整个媒体文件并基于来自BL 104的先前停止点信息标识起始点。在一些示例中，MS 122可以从先前停止点将媒体馈送到MP 110。在其他示例中，MP 110可以在不指定先前停止点的情况下仅向MS 122发送播放特定媒体文件ID的请求124，并且MP 110从MS 122获得具有媒体文件ID的整个媒体文件，并且MP 110在先前停止点开始媒体文件。

当媒体正在当前网页上播放时或者在播放媒体之后，MP 110收集与网页相关的web套接字数据(Web Socket Data)114并将其发送到BL 104。PC 112还收集与网页相关的web套接字数据116并将其发送到BL 104。web套接字数据114和116可以包括正在显示的产品信息、客户的位置、一天中的时间信息、客户品味或简档(诸如情绪和频道)，以及其他信息。web套接字数据114和116由BL 104处理，并且经处理的web套接字数据被存储在数据库106中。此外，PC 112还收集元数据117并将其发送到BL 104。BL 104处理元数据117，并且经处理的元数据被存储在数据库106中。

通过说明，终端客户打开第一web浏览器窗口，其具有集成在其中的第一前端103。BL 104将媒体文件ID发送到web浏览器窗口的第一前端103。当终端客户播放PC 112时，第一前端103以媒体文件ID向MS 122发送请求，并且作为响应，MS 122将以媒体文件ID标识的媒体发送或流入到媒体播放器110，其在终端客户的媒体播放器110上播放媒体。当选择或激活第二web浏览器窗口时，第二前端103集成在其中，第一前端103处的媒体在停止点处停止播放，并且使用web套接字数据114将该信息传送到BL 104。BL 104使用到MP 110的通信118和到PC 112的通信120将媒体文件ID和停止点发送到第二前端103。第二前端103使用媒体文件ID从MS 122请求媒体，并且MS 122在与第一前端103相同的停止点处将媒体发送或流入到第二前端103，其中前端103从相同停止点播放媒体，从而在终端客户的设备上提供无缝且连续的媒体播放。

在一些示例中，系统100包括前端103处的通用库(GL)。GL使用应用编程接口(API)调用来收集、存储/记录与终端客户相关联的信息并将其发送到后端101。API调用捕获的信息包括，例如，终端客户浏览的网页数量和与终端客户关联的在线购物车状态、终端客户的地理位置、一天中的时间、与特定终端客户关联的唯一设备信息、终端客户的访问信息(诸如网站URL)、在网站上花费的时间、浏览的网站或网页、MP 110状态和媒体(诸如播放、跳过或评级的歌曲)。

在一些示例中，终端客户可以使用社交媒体帐户从前端103登录系统100。社交媒体帐户被注册到系统100，与系统100用于唯一标识终端客户的唯一终端用户ID相关联。登录信息可以被存储在数据库106中。在示例中，终端客户可以使用终端客户登录160直接登录到BL 104，诸如利用其通过Facebook(TM)认证的经注册的Facebook(TM)帐户，其中该帐户与存储在数据库106中的用户ID相关联。在另一示例中，终端客户还可以使用第一方web域(BL 104的第一方)以其注册到系统100的用户ID登录系统100。申请人协议接口调用(API)170可用于记录或促进这些注册过程，例如，通过记录经客户注册的用户ID。在另一示例中，API调用170可用于访问终端客户浏览的网页的数量或终端客户的购物车状态。web域的所有者可以执行类似的登录过程。

在一些示例中，类似于媒体播放器，系统100的前端103可以播放、停止、暂停、转发和评级媒体文件(例如，音乐文件)。音乐文件典型地包含可以被分类在一个或多个音乐类型内的歌曲，或者由一个或多个无线电台、播客、流媒体服务等播放。示例音乐文件格式包括MP3、高级音频编码(AAC)、高效率AAC(HE-AAC)、Vorbis和Opus。音乐文件可以由播放器控制器112控制，其允许用户控制MP 110。在这种情况下，PC 112控制播放、停止、暂停、转发和评级MP 110中的媒体文件。

图2是示出由系统100无缝且连续地播放媒体示例的示例性框图200。在图200中，当已经打开两个或更多个web浏览器窗口时，每个web浏览器窗口可以具有集成在该web浏览器窗口中的前端103。web浏览器窗口202是访问在线零售商214(第三方主机服务器)的网站的web浏览器之一。前端103在客户端105上，其包括MP 110和PC 112。在一些示例中，MP110嵌入在web浏览器窗口202的网页中，并且web浏览器窗口202中的PC 112控制web浏览器窗口202中的MP 110。在一些示例中，web浏览器窗口可以包括至少两个web浏览器窗口202，其各自具有来自相同网站域或不同网站域的网页的MP 110。网站域可以被注册到BL 104。每个web浏览器窗口的PC 112可以包括播放器按钮。当客户点击播放器按钮以播放媒体时，播放与点击动作相关联的特定媒体的命令被发送到系统100的BL 104。参考图2，图1中的BL104是业务层204，图1中的数据库106是数据库层(DL)205。业务层204已经将代码发送到第三方主机服务器(在线零售商214)以供在线零售商214将前端103嵌入到由访问在线零售商214的网站的一个或多个web浏览器窗口202所访问的网页中。当一个或多个web浏览器窗口202访问在线零售商214时，前端103被嵌入来自在线零售商214的网页内。DL 205可以包括用于存储与终端客户相关联的活动web浏览器窗口的信息的外部事件库(EEL)205a、用于存储与终端客户相关的信息的客户信息库205b、以及用于存储从MS 122接收到的计费信息(诸如与访问过第三方web域所有者的网站的用户所播放的媒体有关的计费信息)的计费信息库205c。在一些示例中，EEL 205a可以存储信息诸如音乐类型列表和流行度、当前事件(包括政治、经济、社会、技术和环境事件)、文化事件(包括节日、假日和特殊事件)、以及环境数据(包括天气、一天中的时间、星期几)。在一些示例中，客户信息库205b可以存储终端客户的信息，诸如当前在线客户的身份、客户背景、客户年龄、客户性别、客户音乐或其他收听品味、客户历史、客户访问当前在线网站的频率(近期和长期两者)、客户在当前在线网站上花费的时间(近期和长期两者)、当前在线网站的身份、如客户的当前在线活动所证明的参与者感兴趣的产品或服务的性质、由与在线网站相关联的实体递送给在线网站的声音体验的历史、客户地理位置。客户信息库205b可以存储用户的社交媒体帐户帖子，诸如Facebook(TM)状态(例如，快乐或悲伤)，通过Twitter(TM)的推文等。业务层204可以被配置为使用外部事件库(EEL)205a和客户信息库205b中的至少一个，以用于智能地选择用于在MP 110上播放的媒体文件。

在图2的示例中，业务层204确定哪个web浏览器窗口是活动web浏览器窗口，其中嵌入在该活动web浏览器窗口中的MP 110将接收和播放媒体流。在一些示例中，在打开多于一个web浏览器窗口的情况下，业务层204选择用户最近选择的web浏览器窗口作为活动窗口。在一些示例中，最近打开的窗口被指定为活动窗口。web浏览器窗口202可以实施媒体缓冲，以用于缓冲从媒体库(ML)208接收到或从媒体库(ML)208流进的媒体文件216。在一些示例中，最后选择的web浏览器窗口是活动窗口，并且这种活动窗口状态不受用户选择其他应用或窗口(例如，文字处理应用或电子邮件应用)的影响。在一些示例中，在其他web浏览器窗口顶部的web浏览器窗口是活动web浏览器窗口，或者当前显示在用户设备(例如，计算机、平板电脑，移动电话)的屏幕上的web浏览器窗口是活动web浏览器窗口。

业务层204从每个web浏览器窗口的前端103接收信息114和116，其包括每个web浏览器窗口的浏览器ID、每个web浏览器窗口播放的特定媒体和先前停止点。因此，业务层204知道哪个浏览器ID是活动web浏览器窗口，例如，具有最新停止点或播放媒体的web浏览器窗口是活动web浏览器窗口。在仅打开与终端客户314和316(图3)相关联的一个web浏览器窗口的情况下，活动web浏览器窗口是所述一个web浏览器窗口。在决定了活动web浏览器窗口之后，业务层204将相关信息发送到MS 122，例如图2中的媒体库(ML)208，使得可以在活动web浏览器窗口上播放特定媒体。在一些示例中，相关信息包括要播放的特定媒体的链接和活动web浏览器窗口的标识信息。在一些示例中，业务层204还将特定媒体的先前停止点的信息发送到MS 122，使得特定媒体可以从上一个停止点无缝且连续地在下一个活动web浏览器窗口上播放。

响应于从业务层204接收特定媒体和/或先前停止点的信息，ML 208将特定媒体发送到被嵌入在活动web浏览器窗口中的MP 110以用于播放。图2的示例中的活动web浏览器窗口是窗口202。MP 110可以包含缓冲器，以用于临时存储从ML 208接收的媒体流。如果ML208没有从先前停止点提供媒体流，则缓冲器还允许特定媒体在MP 110上从先前停止点播放。图2的示例中的窗口202不包括任何用于控制特定媒体的播放的控制按钮。在其他示例中，可以在窗口202中提供控制按钮。

通过仅在先前停止点处在活动web浏览器窗口上播放媒体流，即使终端客户在经注册的网站之间切换、关闭非活动web浏览器窗口之一，也可以为与设备相关联的特定终端客户无缝且连续地播放所选择的媒体。同样，这避免了在多个web浏览器窗口上播放多个媒体的问题。

在一些示例中，ML 208将向窗口202提供媒体流服务的计费信息发送到业务层204。然后，业务层204可以将计费信息与特定客户相关联，例如，第三方web域所有者(诸如在线零售商或在线公司)。

图3是示出可以通过编译与终端客户相关的信息为特定终端客户无缝且连续地播放诸如音乐的媒体的示例的框图300。在图3中，多感官解决方案提供商(MSSP)308(诸如系统100的后端101)，从诸如客户简档数据库(CPD)302(其是图2中的客户信息库205b的示例)、媒体库208(诸如音乐库)和EEL 205a的来源编译与终端客户314和316相关的信息。基于存储在ML 208和CPD 302中的信息，MSSP 308标识并选择为终端客户314和316中的每个播放的特定媒体，以及为终端客户314和316播放的特定媒体的先前停止点。BL 104先前已经将代码发送到第三方主机服务器(在线零售商310或在线公司312)以供那些第三方主机服务器将前端103嵌入由一个或多个终端客户314、316访问的网页中。当一个或多个web浏览器窗口202访问在线零售商310或在线公司312时，前端103被嵌入来自在线零售商310或在线公司312的网页内。在一些示例中，一旦识别出终端客户314和316，MSSP 308就基于终端客户314或316在在线零售商310网站(第三方主机服务器)上查看的产品而生成播放列表；CPD 302提供历史客户品味信息；EEL 205a提供外部事件信息；并且ML 208提供可用的媒体。基于存储在EEL 205a和CPD 302中的信息，MSSP 308识别与终端客户314和316相关联的设备的活动web浏览器窗口。BL 104通过基于例如浏览器设置的图像和/或设备的IP地址和/或用户代理数据而识别设备ID来唯一地标识特定终端客户314或316的设备，这将在下面详细描述。当终端客户通过前端103登录BL 104或直接登录到第一方网站或第一方应用时，BL 104还可以通过用户ID识别终端客户。

如此，MSSP 308具有活动web浏览器窗口的信息，其中应当在先前停止点处为每个终端客户314和316播放特定媒体。MSSP 308可以将该信息提供给在线商务，诸如在线零售商310和在线公司312(第三方主机服务器)。利用该信息，当终端客户314或316浏览在线商务的在线内容时，媒体仅为特定终端客户314或316从先前停止点在活动web浏览器窗口中播放。换句话说，当终端客户浏览在线商务的在线内容时，为特定终端客户无缝且连续地播放媒体，并且这改善了终端客户的购物体验。在一些示例中，在线内容包括当前内容，其至少包括可以从web域购买的产品或服务，并且web域是电子商务web域。

为了分发个性化和/或定制化媒体，BL 104识别设备并保存与特定在线终端客户相关联的设备的标识。BL 104生成设备ID以唯一地标识设备。在一些示例中，单独的IP地址是不充分的，这是因为IP地址解析仅取决于家庭或办公室，而不取决于特定设备。当设备访问注册到系统100的第三方web域时，设备的IP地址可用于系统100，这是因为那些第三方网站具有加载在其中的前端103，其被配置为与后端101通信。但是，在一个家庭中，可能存在多于一个设备具有相同的IP地址，并且IP地址可能会不时改变。设备的媒体访问控制(MAC)地址也是不切实际的，这是因为出于安全考虑，它不是公开可用的。相反，在一些示例中，BL104从每个设备识别浏览器设置的图像。与设备相关联或安装在设备中的每个web浏览器(诸如Microsoft Internet Explorer(TM)或Google Chrome(TM))都具有唯一的浏览器设置的图像。当设备首次访问注册到系统100的网站时，BL 104生成将设备的浏览器设置的图像保存在系统100的数据库106中。在通过设备对注册到系统100的网站的每次后续访问中，BL 104将设备的浏览器设置的图像与数据库106中的所保存的浏览器设置的图像进行比较。如果BL 104找到匹配，则BL 104利用浏览器设置的图像识别设备，并且因此识别设备的关联终端客户。因此，BL 104可以在终端客户不必登录或在BL 104专门注册的情况下，向终端客户提供个性化和/或定制化服务。个性化和/或定制化服务可以包括基于上下文的音乐服务。例如，系统100可以播放基于网页或网站窗口的上下文或内容选择的音乐文件。在一些示例中，浏览器设置的图像导致在识别单个设备上94％的准确性。

在一些示例中，BL 104可以利用设备ID来识别设备，所述设备ID包括浏览器设置的图像以及设备使用的IP地址和设备的用户代理数据。这种方法可以导致在识别设备以及因此设备的关联终端客户上良好的准确性，诸如99.95％的准确性。设备的IP地址可以保存在数据库106中。在这种情况下，当设备首次访问注册到系统100的网站时，BL 104保存浏览器设置的图像和设备使用的IP地址。在通过设备对注册到系统100的网站中的任何一个的后续访问中，BL 104将浏览器设置的图像和设备使用的IP地址与保存在数据库106中的那些进行比较，并且如果找到设备匹配，则BL 104识别设备和相关联的终端客户，以向终端客户提供个性化和/或定制化服务。在其他示例中，使用浏览器设置的图像、设备的IP地址和用户代理数据来生成设备ID。

例如，用户可以使用其用户ID登录两个单独的设备。BL 104可以通过生成设备ID来确保不存在媒体播放冲突，所述设备ID对于两个单独设备中的每一个是不同的。在示例中，前端103向BL 104发送请求连同终端客户当前正在使用的设备的设备ID(和其他信息)，并且BL 104以适当的媒体ID和具有该媒体ID的媒体的停止点对前端103进行响应。

BL 104可以随时间将客户简档和品味记录在数据库106中，诸如客户信息、浏览器设置的图像、设备的IP地址、用户代理数据和客户品味/简档(诸如情绪和频道)。

在一些示例中，个性化和/或定制化服务包括基于与终端客户、媒体和事件等相关的因素提供个性化和/或定制化媒体。例如，因素包括由在线商务提供的产品或服务，与不同媒体或音乐相关联的不同的产品/服务；终端客户背景，诸如年龄和品味(不同的人想听不同的音乐)；终端客户历史，诸如终端客户访问了特定网页多少次；根据先前访问期间所花费的时间以及上一次访问在何时来改变音乐；基于各种在线商务的历史的音乐变化或延续；终端客户的地理位置；外部事件；音乐类型列表和流行度；当前事件(诸如变化的政治、经济、社会、技术环境)；文化事件(诸如节日、假日、特别事件等)；外部环境(诸如天气或一天中的时间或星期几，以考虑不同的音乐文件以适应一天中的不同时间)。诸如，当终端客户在网站上浏览房地产时，网页的内容(诸如房地产的图片和或web浏览器窗口上的文本)可以用作系统100选择要在活动web浏览器窗口上播放的媒体文件的因素。在一些示例中，BL 104可以被配置为例如根据图像或文本识别来确定网页的内容，并且然后基于来自网页内容的上下文选择合适的音乐文件。

通过向终端客户提供个性化和/或定制化服务，系统100改善终端客户体验，通过播放与产品和谐的媒体(诸如音乐)，增加了终端客户在关于在线商务的网站上花费的时间，并且因此引发产品购买，增加购物车大小、客户忠诚度并提高转化率。

图4是示出使用系统100用于在web浏览器窗口中为终端客户无缝且连续地播放媒体(音乐)的示例的框图400。在图4的示例中，终端客户402打开至少一个web浏览器窗口，其各自嵌入有系统100的前端103。诸如MP 110或PC 112的前端103经由诸如因特网的通信网络403进行API调用404以查询系统100的后端101。图4的示例中的后端101包括业务逻辑406、数据库抽象(DA)408和数据库106。业务逻辑406和数据库抽象408是BL 104的示例。在图4中，业务逻辑406从与终端客户402相关的前端103接收API调用404，并指示DA 408查询数据库106以从数据库106检索与终端客户402相关的相关信息，诸如与终端客户402相关联的活动web浏览器窗口标识(ID)、终端用户在媒体方面的偏好。基于从数据库106检索到的信息，业务逻辑406确定在活动web浏览器窗口中为终端客户402播放的媒体。如果终端用户仅打开一个web浏览器窗口，则web浏览器窗口是活动web浏览器窗口。如果打开两个或更多个web浏览器窗口，则业务逻辑406根据上述标准、在上一个活动web浏览器窗口上播放的特定媒体、以及在上一个活动web浏览器窗口上的特定媒体的最新停止点，来确定活动web浏览器窗口。每个web浏览器窗口具有来自标记语言代码的web窗口ID或来自前端103的唯一标识了web浏览器窗口的一些其他标识符。

利用要为终端客户402播放的确定的媒体，业务逻辑406经由API调用412向MS 122发送命令。API调用412包括特定媒体的标识。如果打开相同网站或不同网站的两个或更多个web浏览器窗口，则API调用412还可以包括特定媒体的停止点和web窗口ID。利用API调用412中包含的信息，MS 122经由通信网络403将媒体流416发送到终端客户402以用于在前端103上播放，诸如在具有web窗口ID的活动web浏览器窗口的MP 110上。

图5是示出图4的示例中的业务逻辑406的过程的流程图500。在开始502之后，业务逻辑406从具有前端103的网页(由作为第三方web域所有者的客户拥有)上的终端客户402接收API调用404。API调用404包括请求，诸如“获取歌曲(Get-Song)”。该请求可以包括API密钥、用户ID(可选)和设备ID(步骤504)。在506处，业务逻辑406指示DA 408基于API密钥从数据库106确定和检索第三方web域所有者的客户类型，诸如旅行、服装、硬件等。例如，客户类型是第三方web域所有者(诸如在线零售商或在线公司)的在线商务的类型。

基于来自数据库106的响应(例如，基于是否从数据库106检索到适当的客户类型)，业务逻辑406确定客户是否已知(步骤508)。如果无法从数据库106检索到客户类型并且因此业务逻辑406不知道客户类型，则业务逻辑406以错误消息(诸如“客户未知”)对前端103进行响应或者以http响应状态进行响应(步骤510)。如果可以从数据库106检索到客户类型并且因此业务逻辑406基于用户ID和设备ID知道客户类型，则业务逻辑406识别与这些ID相关联的终端客户402(步骤512)。在图8的方法800中更详细地描述步骤512的识别步骤。

图6是示出激活客户的示例性过程600的流程图。客户可以包括第三方web域所有者和在线商务。客户可以包括终端客户(终端用户)。在图6的示例中，新客户例如通过提供所需信息(诸如电子邮件ID、客户的名称和地址等)订购BL 104提供的服务(步骤602)，并且可以同意为BL 104或业务层406的各种服务支付费用。例如，可以通过在客户的web浏览器应用上下载和安装前端103来订购BL 104的服务。在示例中，安装的前端103被嵌入在客户的设备上使用的浏览器。在另一示例中，下载的前端103被嵌入在客户的网站内，诸如登录到BL 104的第三方在线商务。在另一示例中，由BL 104托管或操作的第一方网站用于激活客户。

BL 104或业务逻辑406从客户接收所需信息(在步骤604处)。BL 104还可以利用客户的电子邮件ID进行电子邮件ID验证(步骤606)。在一些示例中，过程600还允许客户列出媒体的优选部分，其可以由客户将来在BL 104或业务逻辑406中的客户相关配置中进行修改。在客户订购了服务之后，BL 104还可以例如基于客户的订购和客户的偏好利用AUI 102配置前端103的设置。

图7是示出用户(诸如客户)访问系统100的示例性过程的流程图700。在系统100中激活用户之后，在图7中，用户首先尝试利用登录凭证(例如，利用用户名和密码、或用户ID、或社交媒体帐户)登录系统100(步骤702)。当用户首次订购系统100的服务时，登录凭证可以由BL 104生成，或者由用户创建。在步骤704处，BL 104通过例如将在用户的登录信息中提供的凭证与存储在系统100中存储的那些凭证进行比较来认证用户。在其他示例中，社交媒体帐户由社交媒体提供商进行认证。如果用户提供的凭证与存储在系统100中的凭证不匹配，则用户未被认证，并且BL 104拒绝用户的登录请求(步骤706)。如果用户提供的凭证与存储在系统100中的凭证匹配，则用户被认证为合法用户，并且BL 104继续验证用户是否是活动的(步骤708)。如果系统100中的用户的用户ID不是活动的(步骤710)，则BL 104认为用户不活动并拒绝用户访问系统100的请求。如果系统100中的用户的用户ID是激活的(步骤710)，则允许用户访问系统100，诸如仪表板(步骤712)，以访问系统100提供的服务。仪表板712可用于向用户示出相关信息，诸如客户登入信息和计费信息，并提供对客户简档的访问。

图8是示出识别终端用户客户的示例性过程的流程图800。在图5中，在步骤508处对用户进行了认证和识别之后，在步骤512处，BL 104继续识别终端客户(步骤802)。BL 104利用登录凭证识别和认证终端客户。在步骤804处，BL 104从数据库106检索与终端客户相关联的来自步骤504的接收到的用户ID和接收到的设备ID，以及终端客户的上一个已知播放列表。如果数据库106中的用户ID和设备ID是空字符串，则不必从数据库106中检索用户ID和设备ID。如果终端客户尚未登录到业务客户的网站上，则用户ID可以是空字符串，并且设备ID可以是非空字符串。换句话说，如前所述，终端客户由设备ID识别。在示例中，终端客户的播放列表以URL的形式保存，并且每个URL链接到MS 122中的特定中间文件。

利用接收到的用户ID，BL 104通过查询数据库106来确定用户ID是否存在于系统100中。如果用户ID存在于BL 104中，即用户ID是非空字符串，则前端103(终端客户)继续从MS 122检索诸如歌曲的媒体(步骤818)。如果用户ID不存在于BL 104中，即用户ID是空字符串，则BL 104继续确定与终端客户相关联的设备ID是否存在于BL 104中(步骤808)。如果与终端客户相关联的设备ID存在于BL 104中，则如果接收到的用户ID不是空字符串则BL 104将用户ID保存在数据库106中(步骤816)，并且继续执行步骤818。如果不存在与终端客户相关联的设备ID，则BL 104生成与终端客户相关联的新设备ID(步骤810)，将新设备ID保存到BL 104的数据库106中，并且为识别出的终端客户继续检索诸如歌曲的媒体(步骤818)。如本文所述，设备ID可以是设备的浏览器设置的图像，或者根据浏览器设置的图像和设备的IP地址的组合生成，或者根据浏览器设置的图像、和设备的IP地址、以及设备的用户代理数据的组合生成。

图9是示出为识别出的终端客户检索媒体的示例性过程的流程图。从步骤818，BL104基于第三方web域所有者的客户类型从数据库106获得媒体的第一信息，诸如音乐类型(步骤902)。BL 104还基于客户类型从数据库106获得媒体的第二信息，诸如最流行的类型(“播放列表”)(步骤904)。播放列表可以被包括在至MS 122的API调用412中。然后，BL 104可以经由API调用412从MS 122获得用于播放列表的网络链接(例如URL)(步骤906)，并且URL可以表示特定播放列表的媒体(诸如歌曲)。在从MS 122检索到URL之后，BL 104将URL保存到数据库106中(步骤908)。后端101或前端103可以使用来自MS 122的URL为识别出的终端客户检索媒体文件(步骤912)。

同样，响应于在步骤504处的诸如“获取歌曲”的请求，BL 104向前端103发送URL、如接收到的用户ID、以及可以由BL 104生成的设备ID(步骤910)。

在一些示例中，BL 104从MS 122获得两个URL，其表示两个媒体文件，诸如两首歌曲，并且在数据库106中保存两个URL。该示例也适用于多于两个的URL。然后，BL 104向前端103发送两个URL、如接收到的用户ID和设备ID。在这种情况下，前端103具有两个要播放的媒体文件，诸如歌曲。这两个URL对应于MS 122中的两个媒体文件，并且这两个媒体文件包括当前媒体文件和下一个媒体文件。当前媒体文件由前端103在下一媒体文件之前播放。在一个示例中，紧接着播放了当前媒体文件之后，或者跳过了当前媒体文件之后，前端103可以发送“获取下一首歌曲(Get-Next-Song)”的请求并且可以从MS 122检索由第二URL表示的下一个媒体文件并播放该下一个媒体文件。在播放了当前媒体文件或跳过了当前媒体文件之后，如果下一个媒体文件的URL不可用于前端103，则前端103可以发送“获取下一首歌曲”的请求。

图10是示出在从前端103接收到“获取下一首歌曲”请求之后的过程1000的流程图。在图10中，BL 104从前端103接收“获取下一首歌曲”请求(步骤1002)。该请求包括API密钥、当前类型ID(或名称)、当前播放列表ID(或名称)、用户ID和设备ID。在一些示例中，该请求包括API密钥、播放的URL、用户ID和设备ID。在步骤1004处，基于请求中包含的信息，BL104以步骤906中描述的类似方式经由到MS 122的API调用412从MS 122检索被链接到播放列表中的下一媒体文件的URL。然后，BL 104将URL保存到数据库106中(步骤1006)。在一些示例中，每个终端客户可以具有两个或更多个URL。如果终端客户具有两个URL，则可以将第二URL保存到与识别出的终端客户相关联的数据库106的新字段，诸如“第二歌曲”或“第二媒体文件”。响应于API调用404“获取下一首歌曲”请求，BL 104然后向识别出的终端客户的前端103发送URL、如接收到的用户ID以及可以由系统100生成的设备ID(步骤1008)。

图11是示出在BL 104从前端103接收“获取类型(Get-Genre)”请求之后系统100的过程1100的流程图。过程1100可以应用于音频媒体文件，诸如音乐文件。根据过程1100，BL104从与终端客户相关联的前端103接收“获取类型”请求(步骤1102)。该请求可以包括与终端客户有关的信息，诸如API密钥、所选择的类型ID(或类型名称)、用户ID和设备ID。BL 104从数据库106获得来自所选择的类型的媒体的信息，诸如来自类型(“播放列表”)的最流行的媒体(步骤1104)。播放列表可以被包括在到MS 122的API调用412中。然后，BL 104可以经由API调用412从MS 122获得用于播放列表的URL(步骤1106)，并且URL可以表示特定播放列表的媒体(诸如歌曲)。响应于“获取类型”请求，BL 104向前端103发送URL、如接收到的用户ID、以及可以由BL 104生成的设备ID(步骤1108)。

在一些示例中，web浏览器窗口202可以在系统100的类型选择和媒体播放过程期间显示在线商务的内容。web浏览器窗口中的系统100的媒体播放器界面可以在单独的窗口201中播放，或者在该过程期间不播放。

BL 104的设置可以由不同的用户配置。不同级别的用户可以例如经由AUI 102访问BL 104的不同屏幕。在一些示例中，BL 104的屏幕可以包括系统设置模块(其可以被系统和“仅客户的管理员用户(Client’s Admin Users Only)”访问)以及客户管理/多个列表屏幕。客户管理/多个列表屏幕可以包括通过查询数据库106的搜索功能。客户管理/多个列表屏幕还可以包括：a.具有添加/更新屏幕的完整详细视图屏幕(系统可访问，并且“仅客户的管理员用户”)，b.音乐管理(系统可访问)，c.DB查询控制台(系统可访问)，以及d.管理简档(“全部”可访问)。音乐管理可以包括不同的内容选择，诸如“无线电”或“类型”。

系统100的提供者和“仅客户的管理员用户”是系统100的管理员的示例。在“客户的管理员用户”的情况下，客户包括已订购系统100服务的在线商务和终端客户。“全部”包括系统100的管理员、订购的在线商务和终端客户、浏览订购的在线商务的网站的终端用户、以及从管理员获得对系统100的访问的其他方。

注册到系统100的订购用户可以经由系统100的登录界面(诸如网页或其他用户界面)登录系统100。登录界面适用于订购的用户，诸如在线商务、订购的终端客户和系统管理员。订购的在线商务、订购的终端客户和系统管理员可以通过提供所需信息以便识别订购的用户来登录系统100。例如，所需信息可包括电子邮件地址、用户名、密码等。如果潜在用户(诸如在线商务或终端客户)未订购或未注册到系统100的服务，则在线商务或终端客户可以通过提供所需信息(例如，姓名、公司名称、公司网站、电子邮件地址和潜在用户设置的密码)使用登记(sign up)界面来登记到系统100。只要系统100可以充分地识别用户和要与由系统100提供的服务相关联的用户的网站，就可以改变用于登录和登记到系统100的所需信息。由于存在与一个在线商务客户相关联的多个终端用户，因此可以由具有关于在线商务客户的附加信息的客户经理提供附加信息。

在终端客户具有高隐私设置的一些示例中，系统100中的注经册网站可以安装异步JavaScript和可扩展标记语言(XML)(AJAX)插件并且将前端103嵌入具有使用AJAX插件打开的网站内容的静态部分。在一些示例中，AJAX插件阻止web浏览器窗口刷新，并且因此防止媒体文件在媒体的开头播放。在一些示例中，AJAX插件用作指示媒体文件的先前停止点的书签。

在示例中，BL 104识别用户设备并生成设备ID。BL 104确定浏览器指纹(浏览器设置的图像)、用户代理数据和IP地址(通常是路由器IP地址)。除浏览器指纹之外，可以使用其他示例浏览器ID。浏览器指纹、用户代理数据和路由器IP地址的组合用于生成设备ID，所述设备ID在设备访问BL 104时是唯一的。

如本领域所理解的，用户设备的浏览器指纹可以由BL 104使用JavaScript(TM)功能“Fingerprintjs2”来确定，所述功能是十六进制序列形式的用户设备的浏览器设置的唯一JavaScript TM指纹。用户设备的用户代理数据由BL 104根据从前端103接收到的HTTP请求报头确定，并且其包括用户设备的应用类型、操作系统、软件供应商或软件版本。在示例中，可以通过聚合该组合(可选地连同其他计算(例如散列))来生成设备ID。在各种示例中，组合的三个参数中的一个、两个或三个用于生成设备ID。在其他示例中可以使用更多参数。

BL 104可以经由各种仪表板屏幕向用户呈现不同的信息。在一些示例中，BL 104可以包括仪表板主屏幕，并且可以以用户友好的方式在主屏幕上收集和示出BL 104或客户的信息。例如，可以用图或图表来示出一些数据。仪表板主屏幕可以包括信息诸如与“音乐”、“客户”相关的“系统设置”、“简档管理”、“管理员活动”以及与关于系统100的信息的一些或全部信息相关的“查询”、“报告”以及“计费”等。

在一些示例中，BL 104可以包括仪表板客户管理屏幕作为仪表板主屏幕的子屏幕。例如，客户管理屏幕可以允许系统管理员搜索订购的客户，以显示与感兴趣的客户相关的信息(诸如客户的姓名、状态、客户经理)并且管理客户(诸如停用客户和管理与客户相关联的播放列表)。

在一些示例中，BL 104可以包括与用于系统100的无线电的音乐管理相关的仪表板管理员屏幕，作为仪表板主屏幕的子屏幕。仪表板管理员屏幕允许用户选择客户区域中的可用无线电。可以通过无线电频道名称等显示可用的无线电台。在一些示例中，BL 104可以包括与用于系统100的类型的音乐管理相关的仪表板管理员屏幕。该屏幕允许客户创建播放列表、上传第三方播放列表、以及配置欢迎/促销消息等。欢迎/促销消息可以被配置在单独的配置窗口中，所述窗口允许客户将媒体文件上传到服务器(诸如BL 104的数据库106中)，以设置要在消息之间播放的媒体文件(诸如歌曲)的数量，以及媒体文件的到期日期。

欢迎/促销消息可以包括例如本地交易、赠品、商店销售、当前交易等。欢迎/促销和/或个性化消息还可以包括销售确认消息，诸如“感谢您的订单”或“您节省了20美元”或“希望很快见到你”。配置的个性化问候消息或欢迎/促销消息可以例如通过使用人工智能语音到文本应用或通过记录语音消息以文本或语音的形式递送给终端客户。

在一个示例中，当终端客户登录到系统100时，BL 104通过记录欢迎终端客户进行在线购物的欢迎消息(例如，来自CEO或VP)或者通过在欢迎/促销消息中使用人工智能文本到语音应用来向终端客户提供个性化的问候消息。

在另一个示例中，系统100可以促销产品。一旦进行了购买，系统100就可以用作确认平台。在一些常规的情况下，这是由实体店的销售人提供的。系统100使得能够确认与终端客户的通信，诸如通过播放音频“你得到了一笔好交易”或“10％的折扣，你今天节省了20美元”。这些消息加强了终端客户的节省，并为终端客户提供了与实体店相似的体验。

一旦终端客户登出，BL 104还可以通过感谢终端客户并且连同回来的提议来配置欢迎/促销消息，例如“谢谢”、“祝你有愉快的一天”、“圣诞快乐，新年快乐”、“希望很快见到你”等。

在一些示例中，BL 104可以包括仪表板上传第三方播放列表屏幕作为仪表板主屏幕的子屏幕。仪表板上传第三方播放列表屏幕允许客户选择要上传到系统100(诸如在BL104的数据库106中)的媒体文件(诸如歌曲)。

在一些示例中，BL 104可以包括仪表板数据库查询控制台屏幕作为仪表板主屏幕的子屏幕。利用仪表板数据库查询控制台屏幕，客户可以选择数据库(诸如数据库106)的表格和所选择的表格的字段(诸如所选择的表格的列)，并且然后查询所选择的字段中的信息。例如，表格可以与客户、访问、类型、播放列表、歌曲、系统设置和系统用户有关。

在一些示例中，BL 104可以包括：用于终端用户请求为终端用户播放的特定媒体文件(诸如歌曲)的窗口。然后，BL 104例如利用到MS 122的API调用412检索针对终端用户的媒体文件。在该过程中，如果终端用户未注册到在线商务，则所请求的媒体文件(诸如歌曲)可以嵌入附加的音频广告信息例如注册网站的所有者的联系信息(诸如电子邮件或电话号码)或与其聚合。

在其他示例中，BL 104可以甚至在终端客户登入了系统100之前交叉验证在线终端客户，以便向在线商务(诸如在线零售商)提供促销机会。例如，大多数在线商务都有用于登入到其数据库的忠诚度计划或客户简档。登入/登记在签出之前发生。一旦终端客户出现或上线，前端103就开始播放媒体文件(诸如歌曲)。然后，BL 104可以在终端客户登入之后或在线购物期间交叉验证终端客户。例如，通过分析存储在系统100的数据库106中的信息，BL 104确定终端客户的偏好，并将终端客户的偏好传送给相关的在线商务。然后，在线商务可以提供针对终端客户的偏好而定制的产品以增加销售。

再次参考图1，前端103可以包括屏幕共享应用111，以用于提供web屏幕共享服务。在一些示例中，屏幕共享应用111由例如嵌入在网页中的Javacript(TM)代码组成，或者在其他示例中由web浏览器应用的浏览器扩展或浏览器插件组成。利用屏幕共享应用111，人们可以与一个或多个人实时共享他们的web屏幕。web屏幕共享可以是人A与人B共享，或者人B可以是多人。对“人”的所有引用类似地适用于由它们各自的设备执行的功能或操作。

许多现有的常规屏幕共享应用通常拍摄屏幕的快照图像并与其他人共享整个屏幕，而不管所显示的程序、应用和信息的类型如何。因此，那些现有的屏幕共享应用是数据密集型的，并且有时需要在计算机上下载额外的软件。

在客户(人A)针对web屏幕共享服务登记到系统100之后，用户订购屏幕共享应用111。例如，登记到系统100的过程与上面在图6中描述的过程相同。在一些示例中，被包括在前端103中的屏幕共享应用111可以嵌入在与订购了服务的用户相关联的设备上的网站或网页中。在一些示例中，屏幕共享应用111可以嵌入在网站中或作为web浏览器扩展，例如在网页的右侧，并与一个或多个人共享网站或网页。

图14是用于社交购物的图1的系统100的前端103的示例性网页1402，示出有用于单击快速连接的收藏夹人1404。图15是用于社交购物的图1的前端103的另一示例性网页1502，示出有用于单击快速调用的愿望清单产品1504。

如图14所示，屏幕共享应用111的示例web域是“hotel.musyfy.com”，其可以包括具有由前端103实施的第三方浏览器扩展“Hotel”的第一方web域“Musyfy.com”。浏览器扩展1404是扩展网页1402的功能的插件。所示出的浏览器扩展1404是浏览器工具栏。在各种示例中，前端103可以包括或不包括MP 110和/或PC 112。类似地，在图15中，“hotel.musyfy.com”是屏幕共享应用111的示例web域。在这种情况下，浏览器扩展1504是例如具有工具栏的插件，其扩展了网页1502的功能。

在一些示例中，如果屏幕共享应用111嵌入在网站中，则发送者(人A)或接收者(人B)不必下载额外的软件。如果屏幕共享应用111嵌入在浏览器扩展中，则仅需要由人A进行一次性软件安装，其可以是Java代码或其他合适的代码。

参考图12(a)、图12(b)和图13。图12(a)是根据实施例的web屏幕共享系统的图，其中在人A和人B之间匹配滚动位置，并且web浏览器窗口大小和位置在人B中不变。图12(b)是根据实施例的web屏幕共享系统的图，其中在人A和人B之间匹配了包括滚动位置、web浏览器窗口大小和位置的多个网页视图设置。

当浏览网页1210时，人A打开网页1216，其具有嵌入有包括屏幕共享应用111的前端103的至少一个web浏览器窗口。web浏览器窗口具有窗口宽度和窗口高度。人A可以例如通过点击前端103上的控制按钮来启动屏幕共享应用111，其中屏幕共享应用111嵌入在网页1216中。BL 104要求人A登录系统100。在BL 104已经验证了人A的登录之后，人A可以访问屏幕共享应用111(步骤1302)。登记到系统100的过程与上面在图7中描述的过程相同。在一些示例中，如果人A曾经登录过系统100，则所有订购的服务都可供人A使用。

在图12(a)和图12(b)的示例中，在人A登录系统100并启动屏幕共享应用111之后，前端103可以收集人A的信息并经由通信网络1205(诸如因特网)与BL 104进行通信。在该示例中，人A正在浏览第三方主机服务器1218的第三方网页1210。第三方网页1210装载有前端103并且被注册到BL 104。在图12(a)和图12(b)的示例中，前端103收集与人A相关的网页信息并且经由通信网络1205将其发送到后端业务逻辑(BBL)1202，所述与人A相关的网页信息诸如网页1210的当前统一资源定位符(URL)、人A的设备1206的屏幕宽度和高度、web浏览器窗口的窗口宽度和高度、人A的屏幕上的web浏览器窗口位置(窗口屏幕顶部，窗口屏幕左侧)、网页1216的网页宽度和高度、以及滚动X和Y的坐标(步骤1304)。在一些示例中，前端103收集并发送到后端业务逻辑(BBL)1202的与人A相关的网页信息包括人A的屏幕上的web浏览器窗口位置的位置1216(窗口屏幕顶部，窗口屏幕左侧)。图12(a)和图12(b)的示例中的BL 104包括后端业务逻辑(BBL)1202、数据库层(DL)1204。在一些示例中，DL 1204可以包括数据库抽象化(DA)408和数据库106。BBL 1202和DL 1204是如上所述的BL 104(图1)的示例。利用人A的信息，前端103向BBL 1202发送人A正在浏览的网页1210的URL、人A的网页1216的尺寸、人A的屏幕宽度和高度1206、人A的窗口宽度和高度1216、人A的屏幕上的web浏览器窗口位置(窗口屏幕顶部，窗口屏幕左侧)、以及基于滚动X和Y的位置的人A正在浏览的网页1216的内容的相对位置。在一些示例中，可以经由诸如因特网的通信网络1205从第三方主机服务器1218收集网页1210的页面宽度和页面高度。在人A的网页1216上对这些参数的任何改变都被BBL 1202接收，并且BBL 1202致使这些相同的改变在人B的web浏览器上被改变。注意到的是，某些网站只有滚动Y，但在此仍称为滚动X和Y。

在一些示例中，前端103还可以收集人A的附加信息并通过通信网络1205将其发送到BBL 1202，所述人A的附加信息包括IP地址、人A的设备(诸如桌面或移动设备)的操作系统、人A的设备中使用的中央处理单元(CPU)或图形处理单元(GPU)的型号、人A的地理坐标和本地时间、以及人A的设备1206的浏览器名称和设置。在一些示例中，附加信息可以用于基于人A和人B使用的设备来确定和显示人B的网页的新滚动X和Y坐标。例如，人A可以使用计算机，而人B可以使用移动电话。共享网页的信息可以根据人B使用的设备显示在人B的设备上，使得在人A和人B的设备上显示的网页具有相同的内容，其中人B的浏览器使用该信息来达到大小与滚动X坐标和滚动Y坐标、和/或web浏览器窗口位置在屏幕上(窗口屏幕顶部，窗口屏幕左侧)的相同比率和比例。在人A的网页1216上对这些参数的任何改变都被BBL1202接收，并且BBL 1202致使这些相同的改变在人B的web浏览器上被改变。

在其他示例中，即使在客户登入系统100之前，人A的该附加信息也可用于交叉验证客户(诸如人A)，例如通过使用链接和/或人A的设备信息、IP地址和浏览器设置，以唯一地标识人A或人A的设备。该信息可用于确定如本文所述的人A的设备ID，以便唯一地标识人A(要求或不要求人A登录，或者甚至在人A注册之前根据过去对后端业务逻辑(BBL)1202的使用标识人A)。如上所述，设备ID可以基于例如浏览器设置的图像和/或设备的IP地址和/或用户代理数据和/或该附加信息。因此，在一些示例中，设备ID可用于例如唯一地标识客户，以其名字欢迎客户，询问他们是否是我们所认为的那个谁，并且甚至没有让他们登入，并且即使他们没有登入也将像购物的未来活动与客户进行链接。

在一些示例中，后端101可以在检测到人B的设备选择链接的同时或之前或之后接收在人A设备上显示的网页1216的网页信息、附加信息和/或网页视图设置。

在一些示例中，网页信息、附加信息和后续信息可以与时间戳相关联，以指示前端103何时将信息发送到BBL1202。利用时间戳，BBL 1202可以确定与人A相关的最新信息。

BBL 1202可以将来自前端103的接收到的信息保存在DL 1204中，诸如在数据库106中。在一些示例中，人A的该信息可用于确定设备ID。在一些示例中，人A的该信息还可用于选择在人A和人B的设备上播放的特定媒体。在一些示例中，BL 104可以连续地保存从数据库106中的前端103接收到的网页信息和/或附加信息中的任何变化。

如果人A想要与人B共享具有与他或她的web浏览器窗口相同的视图设置的网页1216，则人A可以启动与一个或多个所选择的人(例如，如所示出的人B)的网页共享过程。例如，人A可以单击人A的联系人列表上的一个或多个联系人。联系人列表出现在包括屏幕共享应用111的前端103中，诸如人A的朋友列表。如果A人想要与之共享该网页的人不在联系人列表中，则A人可以将该人的信息添加到联系人列表或朋友列表中。在人A选择人B之后，BBL 1202可以生成包含网页信息的链接。链接可以包括链接控制按钮和/或网页地址。BBL1202可以经由通信网络1205向所选择的人B发送链接(步骤1306)，诸如例如经由电子邮件、电话、一个或多个社交媒体平台(诸如Facebook(TM)、WhatsApp(TM)、文本消息或其他通信方法)中的至少一个将该链接发送到人B的设备1208。当人B接收到并点击链接时，可以打开网页1212。人B的前端103可以与BBL 1202通信。BBL 1202可以例如通过确定该链接源自人A来认证被发送给人B的链接是来自已登记用户的合法链接。如网页1212所示，BBL 1202可以从人B的设备1208检索人B的屏幕和浏览器窗口信息，诸如设备1208的屏幕宽度和高度、web浏览器的窗口宽度和高度(步骤1308)、人B的屏幕上的web浏览器窗口位置(窗口屏幕顶部，窗口屏幕左侧)。

在一些示例中，链接可以包括要转到的链接按钮和/或网页地址。该链接可以包括到第一方网页的地址。在一些示例中，后端101可以从第三方主机服务器1218接收第三方网页，并且生成包括第三方网页的第一方网页，所述第三方网页被光栅化为第一方网页内的图像。后端101可以响应于由人B的设备选择出的链接将第一方网页发送到人B的设备。

在一些示例中，并行于将邀请发送给人B，后端101基于人A的设备的屏幕上的浏览器窗口位置向人A的前端103请求人A的浏览器窗口的光栅化图像。作为响应，前端103准备图像并发送到后端101。后端101将光栅化图像保存在DL 1204中，诸如在数据库106中。在人A的设备屏幕上的网页显示中的任何改变触发了对光栅化图像的更新，并且将改变传送到后端101并保存在DL 1204中，诸如在数据库106中。在一些示例中，最后五个光栅化图像被保存在DL 1204中并且其余部分被清除。

在一些示例中，作为替代方案的是，后端101并不如上所述将最后保存的人A的网页域URL信息发送到人B的前端103，后端101使用内联框架(inline frame)选项，准备第一方网页(诸如“musyfy.com/sender”)，其中最近或最新的光栅化图像被保存在DL 1204中，诸如在数据库106中，以用于人B。后端101将第一方域地址链接(诸如“musyfy.com/sender”)发送给人B的前端103。后端101可以在人B加入了屏幕共享时或之后通知人A。人B的前端103可以加载第一方网页，诸如“musyfy.com/sender”。后端103可以利用最新的光栅化的人A的浏览器屏幕连续更新第一部分网页，诸如“musyfy.com/sender”。更新的第一部分网页可以由人B的前端103显示。

在一些示例中，人B可以经由通信网络1205向BBL 1202发送与人B的网页1212相关的附加信息，包括IP地址，操作系统，诸如桌面或移动设备，设备1208中使用的中央处理单元(CPU)或图形处理单元(GPU)的型号，人B的地理坐标和本地时间。在一些示例中，附加信息可以用于基于人A和人B使用的设备来确定和显示人B的网页的新的X和Y坐标。例如，人A可以使用计算机，而人B可以使用移动电话。共享网页的信息可以根据人B使用的设备而显示在人B的设备上，使得在人A和人B的设备上显示的网页具有相同的内容。在其他示例中，即使在客户登入到系统100之前，该附加信息也可用于交叉验证客户(诸如人B)，例如通过使用链接和/或人B的设备信息、IP地址和浏览器设置，以唯一地标识人A或人B的设备。BBL1202可以将来自人B的前端103的接收到的信息保存在DL 1204中，诸如在数据库106中。在一些示例中，人B的该信息可用于确定设备ID，以用于人B的唯一标识。在一些示例中，人B的该信息还可用于选择在人A和人B的设备上播放的特定媒体。

在一些示例中，网页信息、附加信息和后续信息可以与时间戳相关联，以指示人B的前端103何时将信息发送到BBL1202。利用时间戳，BBL 1202可以确定与人B相关的最新信息。

在人B点击被人B的设备接收到的链接之后，BL 104生成网页1212的新的web浏览器窗口，并且将新网页1212的代码发送给人B。在一些示例中，从后端101到人B的设备的代码可以包括第三方主机服务器(诸如1218)的地址，以用于人B的设备从第三方主机服务器检索第三方网页。

在一些示例中，后端101还被配置为从第三方主机服务器(诸如服务器1218)接收第三方网页的宽度和高度。

在一些示例中，BL 104可以在人B已经点击链接之后通知人A：人B已经加入了屏幕共享过程。在一些示例中，人A的设备上的前端103被配置为从后端101接收由人B的设备选择链接的消息，并在人A的设备上输出指示以示出人B的设备是与人A的设备共享web浏览器窗口的web屏幕。使用人A的网页设置在人B的设备上打开网页1212，并且在一些示例中，其中网页顶部附加或标记有网页1210的原始网页地址或URL(步骤1310)(注意：具有附加或标记的原始URL的步骤1310在图12(a)和图12(b)中示出，但未在图14或15中示出)。在一些示例中，BL 104可以基于时间戳发送网页1210的最新网页地址或URL。在一些示例中，后端101从人A的设备接收在人A的设备上显示的第三方网页1216的网页视图设置，其包括显示第三方网页1216的第一web浏览器窗口的宽度和高度、以及在人A的屏幕上显示第三方网页1216的第一web浏览器窗口的第一滚动X和Y位置。

在图12(b)的示例中，可以使浏览器窗口高度和宽度设置为针对人A和人B的相同的相对窗口大小，以及相同的网页视图设置。可替选地，如图12(a)所示，浏览器窗口高度和宽度设置不会被修改并保持原样，但只修改页面视图设置，使得人A和人B查看网页上的类似位置。

在图12(a)的示例中，BBL 1202可以在1214中发送更新的网页宽度和高度、URL以及用于在人B的设备的屏幕上显示共享网页的滚动X和Y。在该示例中，在不修改显示在共享网页上的窗口宽度和窗口高度或web窗口位置的情况下，人B的设备使用已在人B设备的web浏览器应用中显示的原始web窗口高度和窗口高度以及原始web窗口位置。

在图12(b)的示例中，BBL 1202可以在1214中发送更新的网页宽度和高度、ULR、滚动X和Y、窗口宽度和窗口高度以及屏幕上的web浏览器窗口位置，以用于在人B的设备的屏幕上显示共享的网页。在该示例中，人B的设备使用如由BBL 1202提供的经修改的web窗口高度和窗口高度。

在一些示例中，参考图12(b)，人B的网页1212的新web浏览器窗口例如通过利用人A的网页1216的宽度和高度使用窗口“resizeTo()”代码而具有与人A的屏幕上的网页1216相同的相对高度和宽度。在一些示例中，后端101可以向人B的设备发送用于在人B的设备的web浏览器窗口上显示网页1210的代码。在一些示例中，后端101还可以向人B的设备发送网页视图设置，以用于在人B的设备上显示网页1212，以达到与在人A的设备上显示的网页1216的视图设置相同的相对网页视图设置。发送到人B的设备的网页视图设置可以包括人B的设备上的web浏览器窗口的更新的宽度和高度，以及人B的设备上的web浏览器窗口的更新的滚动X和Y位置。例如，使用从后端101发送的网页视图设置，人B的设备可以在人B的设备上显示具有web浏览器窗口的更新的宽度和高度并且具有更新的滚动X和Y位置的web浏览器窗口。在一些示例中，后端101基于在人A的设备上显示的网页1216的大小、人A的设备的屏幕上的网页1216的相对位置、人B的设备的屏幕尺寸而导出web浏览器窗口的更新的宽度和高度以及更新的滚动X和Y位置，使得网页1212关于人B的设备的整体屏幕尺寸类似地显示在人B的设备上，并且因此网页1212具有与显示在人A的设备上的网页1216的视图设置相同的相对网页视图设置。例如，如果在人A的设备上显示的网页1216的左上角在人A的设备的屏幕的顶部边缘下方1/4处并且在人A的设备的屏幕的左侧边缘右侧1/4处，则网页1212的左上角也显示在人B的设备的屏幕的顶部边缘下方1/4处并且在人B的设备的屏幕的左侧边缘右侧1/4处。在一些示例中，网页1216的大小与人A的屏幕的大小成比例，并且网页1212的大小与人B的屏幕的大小具有相同的比例，例如，如web浏览器窗口的更新的宽度和高度中所设置的，并且具人B的设备上的有更新的滚动X和Y位置。由于一些网页可能具有取决于web浏览器窗口大小的文本移位，因此后端101可以在确定人B的设备的滚动X和Y位置时适应文本移位，使得对于人A和人B同时显示大致相同的文本。

在一些示例中，后端101例如通过计算web浏览器窗口的宽度和高度与人A的设备的屏幕宽度和高度的比例来确定相同的相对网页视图设置。后端101还可以确定第二web浏览器窗口的第二宽度和高度与人B的设备的第二屏幕宽度和高度的相同比例。

在图12(a)的情况下，网页1212显示在人B的屏幕上，具有现有的web浏览器窗口大小和人B的位置。在这种情况下，网页1212显示在人B的屏幕上，具有通常对应于在人A的屏幕上看到的内容的滚动X和Y位置。在该示例中，web浏览器窗口大小和人B的位置不会更改。

在图12(a)和图12(b)两者的情况下，在一些示例中，当在人A的设备中改变网页1216的网页视图设置(例如，关于人A的设备的屏幕的网页1216的位置的改变，或者网页1216的宽度或高度的改变)时，在检测到人B的设备选择链接之后，后端101从人A的设备接收对显示在人A的设备上的网页1216的网页视图设置的更新。后端101可以基于在人A的设备上显示的网页1216的大小、人A的设备的屏幕上的网页1216的相对位置以及人B的设备的屏幕大小，而重新导出web浏览器窗口的宽度和高度以及网页1212的滚动X和Y位置。然后，后端101可以向人B的设备发送网页1212的更新的网页视图设置，以达到与如上所述从第一设备接收到的更新的网页1216的视图设置相同的相对网页视图设置。

BBL 1202基于人A的网页信息或附加信息(诸如人A的网页宽度和高度信息、人A的屏幕和浏览器信息(诸如人A的设备的屏幕宽度和高度、人A的滚动X和Y)、人B的屏幕和浏览器信息)确定人B的网页1212上的滚动X和Y位置以及网页1212的宽度和高度的设置，使得显示在人B的网页1212上的内容与针对人A显示的那些内容相同。然后，如1214所示，BBL 1202可以将更新的信息发送到人B的网页1212。

人B的网页1212基于网页1212上的更新的滚动X和Y位置，利用URL和人B的屏幕和浏览器信息显示网页1218的内容(步骤1312)。在一些示例中，人B的设备可以从BL 104运行JavaScript的“scrollto()”或“scrollby()”方法，以将网页1212滚动到如人A的网页1216上出现的位置。在一些示例中，人B的设备可以从BBL 1202运行JavaScript的“resizeTo()”方法，以将新窗口的大小调整为人A的网页1216的宽度和高度。在一些示例中，当从BBL1202接收到这样的信息时，人B的设备可以运行代码以将新窗口移动到人A的屏幕上的相对web浏览器窗口位置(窗口屏幕顶部，窗口屏幕左侧)。在一些示例中，系统100可以允许人B登入系统100以进行人B的屏幕共享。在一些示例中，人B不需要登入以进行屏幕共享，并且仅使用该链接访问网页1212。

在一些示例中，在人A的设备上显示的网页1216的网页视图设置包括在人A的设备上的web浏览器窗口的第一位置。人B的设备的屏幕上的网页1212的网页视图设置可以包括人B的设备上的web浏览器窗口的第二位置，以达到与人A的设备上的第一位置相同的人B的设备上的相对位置。在一些示例中，第一位置包括人A的设备上的web浏览器窗口的第一顶部位置和人A的设备上的web浏览器窗口的第一左侧位置。第二位置可以包括人B的设备上的第二浏览器窗口的第二顶部位置和第二web浏览器窗口的第二左侧位置。在示例中，Javascript(TM)的“moveTo()”或“moveTo()”方法可用于将第二浏览器窗口移动到新位置。

在一些示例中，当人A的设备将显示第网页1216的web浏览器窗口的第一位置改变为更新的第一位置时，后端101接收该改变并将代码发送到人B的设备以将显示网页1212的第二web浏览器窗口的第二位置改变到更新的第二位置，所述更新的第二位置是与对于第一设备的第一设备的屏幕宽度和高度的更新的第一位置相同的对于第二设备的屏幕宽度和高度的相对位置。

在一些示例中，BL 104可以使用内联框架功能来为人B准备网页，其中由BL 104托管或控制第一方web域上的人A的URL。该网页嵌入在第一方域中，诸如“musyfy.com/sender”。BL104将第一方域链接发送到人B的前端。并且BL 104通知人A：人B已加入屏幕共享。然后，人B的前端可以加载第一方网页，诸如“musyfy.com/sender”。BL 104基于人A和人B提供的信息计算网页上的滚动X和滚动Y。BL 104可以更新人B的前端上的第一方网页的滚动X和滚动Y位置。当人A的网页上的滚动X和Y坐标发生变化时，以新的滚动X和Y坐标更新第一方网页。

每当人A滚动共享网页1216时(步骤1314)，例如基于人A的网页1216上的当前滚动X和Y位置通过在人B的屏幕上显示网页1212上的内容，屏幕共享应用111在人B的网页1212上重复步骤1312。如此，人B的屏幕上出现的网页1212反映了人A屏幕上的网页1216的实时变化。

在一些示例中，当人A的设备在人A的设备的屏幕上改变显示第三方网页的第一web浏览器窗口中的当前滚动X和Y位置时，后端101接收该改变并将代码发送到人B的设备以将显示第三方网页的第二web浏览器窗口滚动到相同的相对当前滚动X和Y位置。

在一些示例中，当人A的设备改变显示第三方网页的web浏览器窗口的宽度和高度时，后端101接收该改变并将代码发送到人B的设备以将在人B的屏幕上显示第三方网页的web浏览器窗口改变为第一web浏览器窗口相同的相对窗口宽度或窗口高度。

在一些示例中，后端101还被配置为，当人A的设备改变到第二第三方网页1216时：从人A的设备的前端103接收第二第三方网页1216的网址；并且将代码发送给人B的设备网页1212，从而以第二网页视图设置在第二web浏览器窗口上显示第二第三方网页。

在一些示例中，当人A改变网页窗口的大小时，第三方网站上的Javascript(TM)代码(诸如在主机服务器1218上)例如以预定的频率(诸如每2秒)不断刷新人B的设备上的网页。在一些示例中，当滚动X和Y在人A的屏幕上的网页上改变时，人B的设备上的共享网页改变。

在一些示例中，当人A的设备上的网页1216被改变为人A的设备的web浏览器窗口中的第二网页时，后端101还被配置为在检测到人B的设备选择链接之后，从人A的设备接收在人A的设备的web浏览器窗口上显示的第二网页的地址。然后，后端101可以发送到人B的设备代码，以用于在人B的设备上以第二网页视图设置显示web浏览器窗口中的第二网页。在一些示例中，代码还致使人B的设备在人B的设备上可听地输出第三方网页1212的文本或图像。

在一些示例中，当人A开始浏览新网页时，并且如果人A想要与人B共享新网页，则人A可以再次开始过程1300。

在一些其他示例中，在人B点击链接之后，人B可以被路由到由BL 104托管或控制的第一方web域，诸如“musyfy.com/sender”，其中的“musyfy.com”是通常在BL 104内或由BL 104操作的示例第一方web域。“/sender”是域名的扩展名，并且可以是人A的名称。该链接可以包含到第一方web域的地址。网页121由BL 104生成并发送给人B。网页1212镜像人A正在查看的网页1216。网页1212具有来自由主机服务器1218托管的网页1210的内容，并且网页1212具有与人A正在浏览的网页1216相同的窗口高度和宽度。

在一些示例中，人B上的网页1212可以是由BL 104生成的并且从第三方主机服务器1218内联框定到网页1210的网页1212，使得网页1210可以显示在人B的网页1212上。换句话说，从网页1210显示的内容的部分使用超文本标记语言(HTML)“iframe”代码而被内联框定并显示在人B的屏幕上的网页1212上。在一些其他示例中，BL 104在网页1210上缓存标记代码(例如，包含文本和图像的标记代码(诸如HTML或XML))，并发送标记代码以在网页1212上显示，以在人B的屏幕显示网页1212。利用网页1212，人B从人A看到共享网页1216的相同内容。命令或指令被发送到人B的网页1212，使得网页1212具有与人A正在浏览的网页1216相同的窗口高度和宽度。

在一些示例中，BBL 1202可以经由通信网络1205从主机服务器1218检索关于网页1210的信息，包括URL或网页地址、网页宽度和高度。在所示的示例中，由BL 104生成的新网页具有URL：“musyfy.com/customer_name”。主机服务器1218可以是第三方主机服务器，其中第三方可以是零售电子商务商店。

在一些示例中，在人B点击链接之后，屏幕共享应用111可以提供指示以示出人B与人A连接并且跟随A。该指示可以是视觉指示(诸如前端103上的按钮变为绿色)，或者由屏幕共享应用111生成的音频指示。

在一些示例中，在网页屏幕共享过程1300期间，人A和人B可以经由麦克风通过语音彼此通信。BL 104提供人A和人B的设备之间的双向音频通信。

在一些示例中，在网页屏幕共享过程1300期间，人A和人B可以通过现场图片、视频诸如现场视频(经由人A和人B的设备的相机诸如计算机的网络摄像头或者手机或平板电脑的相机)而彼此通信。在一些示例中，现场图片可以包括在屏幕共享过程期间的画中画。在一个示例中，画中画是通过在当前查看的网页之上的层的web浏览器应用中的扩展。在一些示例中，人A和/或人B的简档图片可以显示在相应的人B和/或人A的屏幕上。

在一些示例中，在屏幕共享过程1300期间，人A和人B可以使用经由麦克风的语音以及经由网络摄像头或人A和人B的设备的相机的视频来彼此通信。

在网页共享过程期间，人A通过系统100与人B连接。例如，BL 104在人A和人B之间传送信息。在一些示例中，当人A和人B中的至少一个离开屏幕共享应用111(诸如通过人A关闭共享网页1216或通过人B关闭人B屏幕上的网页1212)时，BBL 1202终止人A和人B之间的所有连接(包括音频或视频通信)。在一些示例中，系统100可以例如使用在人的屏幕上显示的消息通知一个人：另一个人已离开屏幕共享应用111。在一些示例中，后端101还被配置为当在人A的设备上关闭网页1216时通过后端101终止对人B的设备上的网页1212的任何改变。

在一些示例(未示出)中，人A可以通过点击屏幕共享应用111的控制按钮来暂停web屏幕共享。在这种情况下，每当人A滚动共享网页1216时，屏幕共享应用111将不更新人B的网页1212上的滚动位置。

在一些示例(未示出)中，屏幕共享应用111可以允许人A和人B交换发送者或引导者和接收者或跟随者的web屏幕共享角色。在这种情况下，人B可以使用本文描述的过程1300与人A共享人B的网页屏幕。

在一些示例中，当共享web屏幕时，BL 104可以在两个设备上同时播放媒体文件(其可以是音乐文件)，基于两个设备中的至少一个或两者的终端客户来选择媒体文件。如本文所述，后端101可以被配置为仅在注册到BL 104的那些网页(或web域)的一个活动窗口上播放音乐文件。

在一些示例中，BL 104可以在第一设备和第二设备上同时播放视觉图像，诸如音频和/或视频文件或幻灯片。在一些示例中，BL 104可以提供第一设备和第二设备之间的视频通信。在一些示例中，媒体文件和/或视觉图像针对与第一设备相关联的终端客户而被定制化并且个性化。

在一些示例中，BL 104可以提供第一设备的振动，以在web屏幕共享期间确认方法1300的步骤中的至少一个。在一些示例中，第一设备可以是移动设备。

在一些示例中，BL 104可以在web屏幕共享期间在第一设备或两个设备上播放个性化问候语。

在一些示例中，后端101被配置为注册至少一个网站域；其中，前端103嵌入在人A的设备的至少一个web浏览器窗口的每一个中，每个web浏览器窗口与注册到后端101的网站域中的至少一个相关联，每个前端103包括媒体播放器，其中后端101被配置为生成唯一设备标识(ID)，以用于唯一地标识人A的设备，其中后端101被配置为引导至少一个web浏览器窗口中的仅一个web浏览器窗口的媒体播放器播放媒体文件。

在以下场景中，不会修改人B的浏览器高度和宽度设置以及web浏览窗口位置，但仅更新滚动X和滚动Y以遵循人A的视图设置。

在一些示例中，浏览器屏幕共享应用111的代码被嵌入在第三方网站中。人A访问第三方网站。人A登入浏览器屏幕共享应用111。以下信息从人A前端发送到后端。

a.网页域地址URL信息，

b.页面宽度，

c.页面高度，

d.屏幕宽度，

e.屏幕高度，

f.窗口屏幕顶部，

g.窗口屏幕左侧，

h.浏览器名称

i.浏览器设置，

j.浏览器窗口宽度，

k.浏览器窗口高度，

l.滚动X，

m.滚动Y，

n.设备信息，

o.操作系统信息，

p.IP地址，

q.地理坐标，以及

r.时间以时间戳发送到后端。

该信息被保存在数据库106中。从这一点开始，对上面捕获的信息的任何改变都会记录有时间戳。人A可以将项目保存到愿望清单以进行比较和/或将来购买。愿望清单信息被保存在后端数据库中。人A可以添加新联系人，如果浏览器屏幕共享应用的联系人列表中没有的话。人A经由链接通过电子邮件、电话消息和/或社交媒体平台从联系人列表向一个或多个人B发送邀请。通过发送邀请，人A现在变为人A，并且信息数据库中收集到的信息被视为人A的信息。邀请包含要转到的链接按钮和/或网页地址。人B接收到邀请。人B单击邀请中的链接，这将打开浏览器的新选项卡或在浏览器的新选项卡中复制粘贴web地址。人B的屏幕共享应用与后端101通信。后端101认证来自人B的链接。一旦被认证，以下信息从人B的屏幕共享应用111从人B的前端103发送到后端101。

a.人B的屏幕宽度，

b.人B的屏幕高度，

c.人B的浏览器名称

d.人B的浏览器设置，

e.人B的窗口宽度，

f.人B的窗口高度，

g.人B的窗口屏幕顶部，

h.人B的窗口屏幕左侧，

i.人B的设备信息，

j.人B的操作系统信息

k.人B的IP地址

l.人B的地理坐标以及

m.时间戳。

后端101将最后保存的人A的网页域URL信息发送到人B的前端103。并且后端101通知人A：人B已加入屏幕共享。人B的前端103加载人A的URL网页，并从主机服务器1218获取页面宽度和页面高度信息。后端101基于人A和人B提供的信息计算滚动X和滚动Y。后端101更新人B的前端103的滚动X和滚动Y位置。人B被带到新的滚动X和Y坐标。此时，人B可以选择登入人B的屏幕共享应用前端103。

在一些示例中，使用例如iframe HTML代码，后端101准备第一方网页，其中人A的URL网页被内联框定到用于人B的第一方域页面(例如，musyfy.com/sender)中。后端101将第一方域地址链接发送到人B的前端103。并且后端101通知人A：人B已加入屏幕共享。人B的前端103加载第一方网页(例如，musyfy.com/sender)。后端101基于人A和人B提供的信息计算滚动X和滚动Y。后端101更新人B的前端103上的第一方网页的滚动X和滚动Y位置。以新的滚动X和Y坐标更新第一方网页。

总之，在屏幕共享过程期间可以收集到的数据如下：

在一些示例中，从后端101发送到人B的设备的数据可以总结如下：

因此，屏幕共享应用111允许人A通过仅与人B共享所选择的信息来与人B共享网页，所述所选择的信息诸如人A的设备的URL或网址、屏幕设置、网页视图设置、浏览器设置、以及滚动X和Y位置、以及人B的屏幕设置和浏览器设置。

现在将根据示例实施例描述安全的社交在线购物。图16是示出使用系统100的在线购物的示例性过程1600的流程图。在图16中，人A首先访问在线商务(诸如零售商)的网站(步骤1602)。该网站嵌入有系统100的前端103。前端103可以包含媒体播放器按钮、麦克风按钮和社交购物按钮。在一些示例中，在点击媒体播放器按钮之后，前端103可以显示媒体文件的信息，诸如歌曲的类型。

然后，人A经由前端103登入系统100(步骤1604)。随着人A的登入，在一些示例中，人A登入到不同的个人社交媒体平台。人A在媒体文件开始播放的同时浏览在线商务的网站上的产品。如果人A喜欢产品，并且他或她将其添加到愿望清单中(步骤1606)。在一些示例中，BBL 1202可以将人A的愿望清单保存在DL 1204中，诸如在数据库106中。愿望清单上的每个产品可以链接到在线商务的特定网页的网页。

如图14的示例所示，在点击社交购物按钮之后，显示包含收藏夹选项卡和愿望清单选项卡的界面。如果选择了收藏夹选项卡，则可以在前端103上显示人A要联系的收藏夹联系人的示例性列表。当点击麦克风按钮时，麦克风的状态可以在“关”、“开”和“静音”之间切换。如果麦克风处于“开”状态，则人A可以与来自前端103的收藏夹联系人上列出的其他人说话。如图15的示例中所示，在点击社交购物按钮并且选择了愿望清单选项卡之后，产品(诸如鞋子、珠宝、手提包等)的示例性列表，或者愿望清单中先前已添加的网页，例如以表格格式。

人A可以例如通过点击图15中的社交购物按钮190开始社交购物，并且然后经由电话文本消息、社交媒体平台(例如，Facebook(TM)、WhatsApp(TM)、Windows Live Messenger(TM)、Skype(TM)、Google Plus(TM)等)邀请人B(步骤1608)。人A向人B发送邀请或通知(步骤1610)。例如，邀请可以是诸如“www.musyfy.com/sender”的web链接的形式，其中“musyfy.com”是BL 104的示例第一方web域。前端103将邀请发送到所选择的社交媒体平台(诸如WhatsApp(TM)、Facebook(TM)、Windows Live Messenger(TM)、Skype(TM)、GooglePlus(TM)等)中的人B的账户。在一些示例中，当人员A登入到系统100的前端103时，人A登入到与人员A相关联的一个或多个各种社交媒体平台中。人B点击将人B指向指定网页的邀请，诸如与网站链接www.musyfy.com/meetme/personA相关联的网页(步骤1612)。在一些示例中，社交媒体平台用于传达人B的其他模态以进一步与人A通信。例如，人A可以经由社交媒体平台向人B发送电话号码，或电子邮件中的web链接，或使用Twitter(TM)的推文消息，以使人B到达具有由人A发起的web屏幕共享会话的指定网页。在其他示例中，BL 104将邀请或通知发送给人B。

邀请或通知提供到指定网页的链接。指定的网页用作虚拟会议室。在人B在设计的网页上之后，人A从BL 104接收到人B在BL 104的指定网页上的通知(步骤1614)。人A可以凭借相同的指定网页访问具有共享屏幕的指定网页或虚拟会议室，以进一步与人B通信(步骤1616)。在一些示例中，至少一个扬声器和麦克风可用于人A和人B中的每一个，他们可以远程地关于愿望清单项目彼此说话。如此，BL 104允许人A通过与人B交谈而具有双向音频连接性，并且通过在指定的网页上查看相同的内容而具有视觉连接性。系统100的前端103嵌入在指定的网页中。在过程1200中，人B可以表示一个或多个人。

在一些示例中，计算机的网络摄像头或移动电话/平板设备的相机的可用于人A和人B中的每一个，他们也可以远程地关于愿望清单项目看到彼此。如此，BL 104允许人A和人B通过在指定网页之上彼此示出图像例如作为画中画(PIP)形式而具有双向视觉连接性。系统100的前端103嵌入在指定的网页中。人B可表示一个或多个人。在一些示例中，后端101被配置为通过嵌入在人A的设备上的web浏览器窗口的显示出的第三方网页1216中的画中画以及人A的设备和人B的设备之间的web浏览器窗口和前端来提供视频通信。

在一些示例中，BL 104可以在第一设备上可听地呈现网页的文本或图像，或者在第一设备上呈现产品评论部分或指定网页的预定义部分。例如，可以使用文本到语音或可以识别和音频描述图像的图像识别算法。在一些示例中，BL 104可以在第一设备上可听地输出本地交易、赠品、商店销售和/或当前交易。

因此，通过允许终端客户在购物过程中引入其他人(诸如人B)，过程1200创建双向购物聊天体验，并且从而通过使购物体验社交化和通过包括除了视觉(视觉感觉)之外的附加感觉(诸如通过在两个远程人之间使用麦克风和扬声器来提供语音通信)来改善和增强在线客户的客户体验。

有时，如果终端客户无法找到产品，则终端客户可能会感到沮丧。在一些示例中，在线商务可以具有在前端103中登录到他们自己的设备的代表，以便与在线客户进行口头聊天；例如，通过使用例如图14或15中的前端103来回答在线客户的查询。例如，利用图12或图13中所示的前端103还允许两个或更多人通过登录被并入在前端103中的指定网页(诸如指定为讨论区域的附加按钮)来进行音频通信。例如，一个或多个终端客户可能具有一个或多个在线商务的职员。在指定的网页上，至少一个扬声器和一个麦克风可用于终端客户和一个或多个职员中的每个。在线商务代表可以查看在线客户当前查看的同一网页，反之亦然。

图17是示出使用具有屏幕共享应用111的系统100的在线购物的另一示例性过程1700的流程图。在图17中，人A首先访问在线商务(诸如零售商1)的网站(步骤1702)。该网站嵌入有系统100的前端103。前端103可以包含屏幕共享应用111。在一些示例中，前端103还可以包含媒体播放器按钮、麦克风按钮和社交购物按钮。

然后，人A经由前端103登入系统100(步骤1704)。如此，人A可以访问屏幕共享应用111。随着人A的登入，在一些示例中，人A登入到不同的个人社交媒体平台。人A在媒体文件开始播放的同时浏览在线商务的网站上的产品。如果人A喜欢产品，则他或她将其添加到愿望清单中(步骤1706)。愿望清单上的每个产品可以链接到在线商务的特定网页的网页。人A可以例如通过点击图15中的社交购物按钮190来开始社交购物，并且例如经由电子邮件或诸如Facebook(TM)的社交媒体平台邀请人B一起购物(步骤1708)。前端103例如以诸如“www.musyfy.com/sender”的web链接的形式向人B发送邀请或通知(步骤1710)。前端103将邀请发送到人B的电子邮件或所选择的社交媒体平台(诸如WhatsApp(TM)、Facebook(TM)、Windows Live Messenger(TM)、Skype(TM)、Google Plus(TM)等)中的人B的账户。在一些示例中，当人A登入到系统100的前端103时，人A登入到与人A相关联的各种社交媒体平台中。人B点击将人B指向指定网页的邀请，诸如网页“www.musyfy.com/sender”(步骤1712)。在一些示例中，社交媒体平台用作人B与人A进一步通信的通信手段。例如，人A可以经由社交媒体平台向人B发送电话号码，或电子邮件中的web链接，或到达人A的推特消息，指定的网页用作虚拟会议室。在人B在设计的网页上之后，人A从BL 104接收到人B已经加入并且在BL104的指定网页上的通知(步骤1714)。在步骤1716处，在一些示例中，使用在过程1300中描述的屏幕共享应用111，与人B共享任何人A查看的页面，并且在屏幕共享步骤1306中也使用web链接“www.musyfy.com/sender”。在这种情况下，人A使用上述过程1300仅与人B共享所选择的网页。

人A可以凭借相同的指定网页访问具有共享屏幕的指定网页或虚拟会议室，以进一步与人B通信(步骤1716)。如果人A或人B终止或关闭web浏览器窗口，则链接将被破坏。在一些示例中，可以向一个人显示或输出另一个人已经终止会话的消息。

在一些示例中，在过程1600和1700两者中，至少一个扬声器和麦克风可用于人A和人B中的每一个，他们可以远程地关于愿望清单项目彼此说话并一起购物。如此，BL 104允许人A通过与人B交谈而具有音频体验，并且通过在指定的网页上查看内容而具有视觉体验。在过程1600和1700中，人B可以表示一个或多个人。

在一些示例中，计算机的网络摄像头或移动电话/平板设备的相机的可用于人A和人B中的每一个，他们也可以远程地关于愿望清单项目看到彼此。如此，BL 104允许人A和人B通过在指定网页之上彼此示出图像而具有双向视觉连接性，例如作为画中画(PIP)形式。系统100的前端103嵌入在指定的网页中。人B可表示一个或多个人。

在一些示例中，一旦人A或人B在过程1700中离开社交购物(例如，通过终止或关闭他们的web浏览器窗口(或web浏览器程序))，BL 104就终止人A和人B之间的连接(步骤1718)。可以关闭web屏幕共享连接的视觉指示以向人A发信号。

在一些示例中，前端103可以包括将网页上显示的文本转换为语音以帮助视力受损个体的应用。一旦网页被打开或终端客户突出显示文本，这就可以自动实现。嵌入在网页中的前端103然后可以以音频形式递送文本的内容。这将通过从网页提供听觉格式的信息来改善视力障碍的终端客户的终端客户体验。

在一些示例中，产品信息可以由在线商务提供，或者人工智能图像识别、文本到语音软件可以用于获得网页上的产品属性并通过系统100可听地递送给终端客户。

在一些示例中，除了播放音乐、评论等之外，前端103可以捕获来自终端客户的口头评论，并且从而改善了在线商务和终端客户之间的通信。当终端客户想要口头听到时，前端103通过将语音与(关联于终端客户的)设备ID相关联并将语音保存在数据库106中来使能对终端客户的语音的记录。

在一些示例中，BL 104可以向终端客户提供个性化和定制化的媒体和图像。例如，基于保存在数据库106中的终端客户的注册简档，BL 104为该人确定适当类型的媒体(诸如音乐)。

在一些示例中，通过同时模拟具有不同感觉的人的大脑的不同部分，诸如音频和视觉刺激系统100可以帮助减轻记忆的退化并且有时有助于神经元连接的重建。已知音乐有助于重建大脑中的神经元连接。来自音乐的音频刺激连同来自熟悉图像的视觉刺激产生神经可塑性。通过根据患者的偏好播放媒体(诸如音乐)连同视觉刺激，系统100可以有助于减轻记忆的退化(其导致阿尔茨海默氏症)并且可以有助于神经元连接的重建。视觉模拟包括患者熟悉的图像，例如患者的家庭照片以及来自该人去过的历史位置的任何旅行照片等。

同样，系统100可以用作产品促销平台，其利用声音为终端客户提供另一个接触点，并且使得零售商能够利用第二感觉以个人方式接触终端客户。具体地，除了媒体(诸如音乐)之外，BL 104还可以获得本地交易、赠品、商店销售、当前交易等，并且可听地向终端客户递送，就像终端客户正在与销售人交谈一样。同样，BL 104可以像航空业那样基于先前搜索来使交易个性化。对于回头客，BL 104可以提供特殊折扣来达成交易。最后，终端客户可以选择收听或观看由系统100递送的广告，并且作为交换，终端客户从零售商处接收购物信用。

在一些示例中，系统100可以用作产品评论者或客户体验平台。特别地，前端103可以获得产品评论或页面的预定义部分。例如，对于房屋销售/房地产网站，前端103可以获得家庭大小和房间属性，其在下面以小文本示出。目前，客户在单独的浏览器窗口上查找产品/服务评论。这使他们远离零售商的商店。通过在客户的选择/请求下使用人工智能文本到语音应用来策划评论，前端103可以通过相同的浏览器窗口使用声音来提供产品评论。客户可以在继续浏览项目特征的同时，点击产品并听取评论。

在一些示例中，前端103可以用于传递像天气之类的本地信息，并且用于获取播客、演讲、故事、新闻、有趣的新闻故事、书籍和笑话等。在一些示例中，诸如在餐馆，前端103可用于获得顾客的菜单。有时，一些餐馆的灯光可能暗淡，或顾客没有眼镜。

在一些示例中，除了视觉和声音之外，系统100可以包括针对使用移动设备的终端客户的多感官体验的另一维度——触觉。可以通过电话的振动来添加触觉，以用于确认/验证像“购买”、“添加到购物车”等的各种动作。通过使用语音到文本应用或与客户对接，系统100可以促进某些在线活动的处理。在该示例中，可以利用移动设备中的振动来处理“购买确认”。在具有或不具有音频和视觉感觉的情况下，在移动设备中使用触觉(振动)可以吸引在线终端客户的注意力并转换为销售。

根据示例实施例，提供了一种非暂时性计算机可读介质，其包含可由处理器执行的指令，以用于执行所描述的方法中的任何一个或全部。根据示例实施例，提供了一种处理器实施的方法，以用于执行关于处理器中任一个描述的所描述的功能中的任何一个或所有。

根据示例实施例，提供了一种用于播放媒体文件的系统，所述系统包括：后端，其被配置为注册至少一个网站域；前端，其被嵌入在设备的至少一个web浏览器窗口的每一个中，每个web浏览器窗口与注册到后端的网站域中的至少一个相关联，每个前端包括媒体播放器，所述后端被配置为生成唯一设备标识(ID)，以用于唯一地标识第一设备，其中后端被配置为引导至少一个web浏览器窗口中的仅一个web浏览器窗口的媒体播放器播放媒体文件。

根据前述示例实施例中的任一个，所述仅一个web浏览器窗口是活动web浏览器窗口，其中媒体播放器在活动web浏览器窗口上无缝且连续地播放媒体文件，而不管至少一个web浏览器窗口中的哪个是活动web浏览器窗口。

根据前述示例实施例中的任一个，媒体文件从媒体服务器提供给所述仅一个web浏览器窗口。

根据前述示例实施例中的任一个，媒体服务器是第三方媒体服务器。

根据前述示例实施例中的任一个，后端被配置为生成到媒体服务器的至少一个媒体链接，并且将至少一个媒体链接发送到前端中的一个，其中该前端被配置为通过访问媒体链接中的至少一个来检索至少一个媒体文件，以供在该前端的媒体播放器上进行播放。

根据前述示例实施例中的任一个，至少一个web域中的每一个是到后端的第三方web域。

根据前述示例实施例中的任一个，至少两个不同的网站域被注册到后端，并且其中，所述至少一个web浏览器窗口包括来自所述至少两个不同网站域的至少两个web浏览器窗口。

根据前述示例实施例中的任一个，每个前端还被配置为用于收集、存储、记录与该前端相关联的信息或将其发送到后端。

根据前述示例实施例中的任一个，设备ID由后端根据用于显示所述至少一个web浏览器窗口的web浏览器的浏览器设置的图像生成。

根据前述示例实施例中的任一个，浏览器设置的图像包括设备的web浏览器的浏览器指纹。

根据前述示例实施例中的任一个，设备ID由后端使用设备的用户代理数据生成。

根据前述示例实施例中的任一个，设备ID由后端根据设备的web浏览器的浏览器设置的图像、设备的用户代理数据和设备的IP地址的组合来生成。

根据前述示例实施例中的任一个，在用户不登录或用户不注册到后端的情况下生成设备ID。

根据前述示例实施例中的任一个，所述至少一个web浏览器窗口包括第一web浏览器窗口和第二web浏览器窗口，其中当第一web浏览器窗口是活动web浏览器并且活动web浏览器切换到第二web浏览器窗口时，第一web浏览器窗口的前端中的媒体播放器停止播放媒体文件，并且第二web浏览器窗口的前端中的媒体播放器从媒体文件的停止点开始播放媒体文件。

根据前述示例实施例中的任一个，媒体文件是音乐文件。

根据前述示例实施例中的任一个，后端被配置为基于web浏览器窗口中的一个或多个的当前内容来选择媒体文件。

根据前述示例实施例中的任一个，当前内容是一个或多个图像或一个或多个文本。

根据前述示例实施例中的任一个，当前内容包括可以从相应web域购买的web浏览器窗口中的一个或多个的产品或服务，其中web域是电子商务web域。

根据前述示例实施例中的任一个，播放媒体文件的一个web浏览器窗口是活动web浏览器窗口。

根据前述示例实施例中的任一个，后端被配置为基于与设备ID相关联的用户简档来选择媒体文件，所述用户简档至少基于与用户简档相关联的终端客户使用的一个或多个web浏览器窗口的过去的内容和/或当前内容而生成。

根据前述示例实施例中的任一个，通过浏览器指纹、用户代理数据和路由器IP地址的组合来生成设备ID。

根据示例实施例，提供了一种用于唯一地标识设备的系统，所述系统包括：后端；前端，其被嵌入在设备的web浏览器窗口中，所述后端被配置为生成用于唯一地标识设备的唯一设备标识(ID)，由后端根据设备的web浏览器的浏览器设置的图像、设备的用户代理数据、设备的IP地址的组合生成设备ID，后端被配置为从前端接收通信，验证来自通信的设备ID并且当成功验证设备ID时通过前端向设备发送第二通信。

根据示例实施例，提供了一种用于第一设备和第二设备之间的web屏幕共享的系统，所述系统包括：后端，其被配置为：从在第一web浏览器窗口中显示第三方网页的第一设备的第一web浏览器应用内的前端接收第一设备的屏幕宽度和高度，其中第三方网页来自第三方主机服务器；从前端接收第三方网页的地址；从前端接收显示第三方网页的第一web浏览器窗口的第一网页视图设置，所述第一网页视图设置包括显示第三方网页的第一web浏览器窗口的宽度和高度、以及显示第三方网页的第一web浏览器窗口的第一滚动X和Y位置；从第三方主机服务器接收第三方网页的网页宽度和高度；生成一个寻址后端的链接；将链接发送到第二设备；并且响应于检测到第二设备对链接的选择：从第二设备接收第二设备的第二屏幕宽度和高度，以及第二web浏览器窗口的宽度和高度，并且向第二设备发送用于在第二设备的第二web浏览器窗口上显示第三方网页的代码，以及包括第二web浏览器窗口的第二滚动X和Y位置的第二网页视图设置，以用于在第二设备的第二web浏览器窗口上显示第三方网页，以达到与在第一设备上显示第三方网页的第一web浏览器窗口的第一网页视图设置相同的相对网页视图设置。

根据前述示例实施例中的任一个，被发送到第二设备的第二网页视图设置包括第二web浏览器窗口的第二宽度和高度。

根据前述示例实施例中的任一个，由后端通过计算第一web浏览器窗口的宽度和高度与第一设备的屏幕宽度和高度的比例，并且确定第二web浏览器窗口的第二宽度和高度与第二设备的第二屏幕宽度和高度的相同的比例，而确定相同的相对网页视图设置。

根据前述示例实施例中的任一个，在检测到第二设备对链接的选择之后，从前端接收第一网页视图设置。

根据前述示例实施例中的任一个，在检测到第二设备对链接的选择之前，从前端接收第一网页视图设置。

根据前述示例实施例中的任一个，当在第一设备中改变显示第三方网页第三方的第一web浏览器窗口的第一网页视图设置时，后端还被配置为在检测到第二设备对链接的选择之后从前端接收在第一设备上显示的第三方网页的更新的第一网页视图设置；并且向第二设备发送更新的第二网页视图设置，以达到与从第一设备的前端接收到的更新的第一网页视图设置相同的相对网页视图设置。

根据前述示例实施例中的任一个，当第三方网页改变为第一设备的第一web浏览器窗口中的第二第三方网页时，后端还被配置为从前端接收在第一设备的第一web浏览器窗口上显示的第二第三方网页的地址以及显示第二第三方网页的第一web浏览器窗口的第一网页视图设置；并且向第二设备发送用于以第二网页视图设置在第二web浏览器窗口中显示第二第三方网页的代码。

根据前述示例实施例中的任一个，第一设备上显示的第三方网页的第一网页视图设置包括第一web浏览器窗口的第一位置，其中第二网页视图设置包括第二web浏览器窗口的第二位置，以达到与第一设备上的第一位置的在第二设备上的相同的相对位置。

根据前述示例实施例中的任一个，第一位置包括第一web浏览器窗口的第一顶部位置和第一web浏览器窗口的第一左侧位置，其中第二位置包括第二浏览器窗口的第二顶部位置和第二web浏览器窗口的第二左侧位置。

根据前述示例实施例中的任一个，当第一设备将显示第三方网页的第一web浏览器窗口的第一位置改变为更新的第一位置时，后端接收该改变并将代码发送到第二设备以将显示第三方网页的第二web浏览器窗口的第二位置改变到更新的第二位置，所述更新的第二位置是与对于第一设备的屏幕宽度和高度的更新的第一位置相同的对于第二设备的第二屏幕宽度和高度的相对位置。

根据前述示例实施例中的任一个，经由电话和/或社交媒体平台使用电子邮件或文本消息中的至少一个将链接发送到第二设备。

根据前述示例实施例中的任一个，后端还被配置为从前端接收包括以下中的至少一个的附加信息：第一设备上的浏览器名称和浏览器设置、IP地址、第一设备的操作系统、第一设备的中央处理单元(CPU)或图形处理单元(GPU)的型号、地理坐标或第一设备的本地时间；并且其中，后端还被配置为基于附加信息中的至少一个来唯一地标识第一设备。

根据前述示例实施例中的任一个，后端还被配置为从第二设备接收包括以下中的至少一个的附加信息：第二设备上的浏览器名称和浏览器设置、IP地址、第二设备的操作系统、第二设备的中央处理单元(CPU)或图形处理单元(GPU)的型号、地理坐标或第二设备的本地时间；并且其中，后端还被配置为基于第二设备的附加信息中的至少一个来唯一地标识第二设备，以唯一地标识第二设备。

根据前述示例实施例中的任一个，后端还被配置为：使用内联框架功能生成第一方网页，其中来自第三方主机服务器的第三方网页被内联框定在第一方网页内；其中，链接包括到第一方网页的地址；并且其中，从后端发送到第二设备的代码包括第一方网页，以用于在第二设备的第二web浏览器窗口上显示第三方网页，所述第三方网页被内联框定在第一方网页内并具有第二滚动X和Y位置。

根据前述示例实施例中的任一个，后端还被配置为：生成第一方网页，其包括被光栅化为第一方网页内的图像的第三方网页；其中，从后端发送到第二设备的代码包括第一方网页，以用于将第三方网页显示在第二设备的第二web浏览器窗口上。

根据前述示例实施例中的任一个，从后端发送到第二设备的代码包括第三方主机服务器的地址，以用于第二设备从第三方主机服务器检索第三方网页，以在第二设备的第二web浏览器窗口上显示第三方网页。

根据前述示例实施例中的任一个，当第一设备改变显示第三方网页的第一web浏览器窗口中的当前滚动X和Y位置时，后端接收该改变并将代码发送到第二设备以将显示第三方网页的第二web浏览器窗口滚动到相同的相对当前滚动X和Y位置。

根据前述示例实施例中的任一个，当第一设备改变显示第三方网页的第一web浏览器窗口的宽度和高度时，后端接收该改变并将代码发送到第二设备以将显示第三方网页的第二web浏览器窗口改变为第一web浏览器窗口的宽度和高度的相同的相对窗口宽度和高度。

根据前述示例实施例中的任一个，后端还被配置为，当第一设备改变为第二第三方网页时：从前端接收第二第三方网页的网址，以及显示第二第三方网页的第一web浏览器的另外的第一网页视图设置；并且将代码发送到第二设备网页以在第二web浏览器窗口上以另外的第二网页视图设置显示第二第三方网页，以达到与另外的第一网页视图设置相同的相对网页视图设置。

根据前述示例实施例中的任一个，后端被配置为向前端发送链接被第二设备选择的消息，以用于前端在第一设备上输出指示以示出第二设备是共享第一设备的web浏览器窗口的web屏幕。

根据前述示例实施例中的任一个，后端被配置为通过第二设备网页和前端在第一设备和第二设备之间提供音频和/或视频通信。

根据前述示例实施例中的任一个，后端被配置为当在第一设备上关闭第一web浏览器窗口或者在第二台设备上关闭第二web浏览器窗口时，终止第一设备和第二设备之间的音频或视频通信。

根据前述示例实施例中的任一个，后端被配置为通过第一web浏览器窗口和第二web浏览器窗口内的画中画在第一设备和第二设备之间提供视频通信。

根据前述示例实施例中的任一个，后端还被配置为：当在第一设备上关闭第一web浏览器窗口时，通过后端终止对第二设备上的第二设备网页的任何改变。

根据前述示例实施例中的任一个，后端还被配置为当正在执行web屏幕共享时在第一设备和第二设备上同时播放媒体文件，基于两个设备中的至少一个或两者的终端客户来选择媒体文件。

根据前述示例实施例中的任一个，媒体文件是音乐文件。

根据前述示例实施例中的任一个，后端还被配置为在第一设备和第二设备上同时显示附加的视觉图像。

根据前述示例实施例中的任一个，视觉图像针对与第一设备相关联的终端客户而被定制化和个性化。

根据前述示例实施例中的任一个，代码还致使第二设备在第二设备上可听地输出第三方网页的文本或图像。

根据前述示例实施例中的任一个，后端被配置为注册至少一个网站域；其中，前端嵌入在第一设备的至少一个web浏览器窗口的每一个中，每个web浏览器窗口与注册到后端的网站域中的至少一个相关联，每个前端包括媒体播放器，其中后端被配置为生成唯一设备标识(ID)，以用于唯一地标识第一设备，其中后端被配置为引导至少一个web浏览器窗口中的仅一个web浏览器窗口的媒体播放器播放媒体文件。

根据前述示例实施例中的任一个，播放媒体文件的仅一个web浏览器窗口是活动web浏览器窗口。

根据前述示例实施例中的任一个，还包括第一设备的前端。

根据前述示例实施例中的任一个，第一web浏览器应用中的前端嵌入在第三方网页中，或者是第一web浏览器应用的浏览器扩展。

根据前述示例实施例中的任一个，在第二web浏览器应用中提供第二前端，以用于在第二设备的第二web浏览器窗口上显示第三方网页，其中第二前端嵌入在第三方网页中或嵌入在由后端生成的第一方网页中，或者是第二web浏览器应用的浏览器扩展。

根据前述示例实施例中的任一个，第二滚动X和Y位置由后端根据第一web浏览器窗口的宽度和高度、第一web浏览器窗口的第一滚动X和Y位置、第三方网页的网页宽度和高度、第二设备的第二屏幕宽度和高度、以及第二web浏览器窗口的第二宽度和高度而计算。

根据前述示例实施例中的任一个，第一web浏览器窗口的第三方网页显示要购买的商品或服务，其中显示在第二设备的第二web浏览器窗口上的第三方网页显示要购买的商品或服务。

在所描述的方法中，框可以表示事件、步骤、功能、过程、模块、基于状态的操作等。尽管上面的一些示例已经被描述为以特定顺序发生，但是本领域技术人员将理解的是，如果任何给定步骤的改变的顺序的结果不会阻止或损害后续步骤的发生，则可以以不同顺序执行某些步骤或过程。此外，在其他实施例中可以移除或组合上述消息或步骤中的一些，并且在其他实施例中，上述消息或步骤中的一些可被以分成多个子消息或子步骤。更进一步，根据需要，可以重复步骤中的一些或所有。描述为方法或步骤的元件类似地适用于系统或子组件，并且反之亦然。可以根据特定设备的角度来互换对诸如“发送”或“接收”的词语的引用。

尽管已经至少部分地在方法方面描述了一些示例实施例，但是本领域普通技术人员将理解的是，一些示例实施例还涉及用于执行所描述的过程的方面和特征中的至少一些的各种组件，其通过硬件组件、软件或两者的任何组合，或者以任何其他方式。此外，一些示例实施例还涉及预先记录的存储设备或其他类似的计算机可读介质，其包括存储在其上的程序指令，以用于执行本文描述的过程。计算机可读介质包括任何非瞬态存储介质，诸如RAM、ROM、闪存、光盘、USB棒、DVD、HD-DVD或任何其他这样的计算机可读存储器设备。

应当理解的是，本文描述的设备包括一个或多个处理器和相关的存储器。存储器可以包括一个或多个应用程序、模块或包含计算机可执行指令的其他编程构造，当其被一个或多个处理器执行时，实施本文描述的方法或过程。

以上呈现的各种实施例仅仅是示例，并且决不意味着限制本公开的范围。本文描述的创新的变化对于本领域普通技术人员而言将是显而易见的，这些变化在本公开的预期范围内。特别地，可以选择来自上述实施例中的一个或多个的特征来创建包括可能未在上面明确描述的特征的子组合的可替选的实施例。此外，可以选择和组合来自上述实施例中的一个或多个的特征来创建包括可能未在上面明确描述的特征的组合的可替选的实施例。在作为整体阅读本公开后，适合于这种组合和子组合的特征对于本领域技术人员将变得显而易见。本文描述的主题旨在涵盖技术中的所有适合的变化。

可以对所描述的实施例进行某些改编和修改。因此，以上讨论的实施例被认为是说明性的而非限制性的。

Claims (26)

1.一种用于第一设备和第二设备之间的网页屏幕共享的系统，所述系统包括：

后端，其被配置为：

从正在第一web浏览器窗口中显示第三方网页的所述第一设备的第一web浏览器应用内的前端接收所述第一设备的屏幕宽度和高度，其中所述第三方网页来自第三方主机服务器；

从所述前端接收所述第三方网页的地址；

从所述前端接收正显示所述第三方网页的所述第一web浏览器窗口的第一网页视图设置，所述第一网页视图设置包括：正显示所述第三方网页的所述第一web浏览器窗口的宽度和高度、以及正显示所述第三方网页的第一web浏览器窗口的第一滚动X和Y位置；

从所述第三方主机服务器接收所述第三方网页的网页宽度和高度；

生成一个寻址后端的链接；

将链接发送到所述第二设备；并且

响应于检测到所述第二设备选择所述链接：

从所述第二设备接收所述第二设备的第二屏幕宽度和高度，以及所述第二web浏览器窗口的宽度和高度，并且

向所述第二设备发送用于在所述第二设备的第二web浏览器窗口上显示所述第三方网页的代码、以及包括所述第二web浏览器窗口的第二滚动X和Y位置的第二网页视图设置，以用于在所述第二设备的所述第二web浏览器窗口上显示所述第三方网页，以达到与正在所述第一设备上显示所述第三方网页的所述第一web浏览器窗口的所述第一网页视图设置相同的相对网页视图设置。

2.根据权利要求1所述的系统，其中，被发送到所述第二设备的所述第二网页视图设置包括所述第二web浏览器窗口的第二宽度和高度。

3.根据权利要求2所述的系统，其中，由所述后端通过计算所述第一web浏览器窗口的宽度和高度与所述第一设备的屏幕宽度和高度的比例，并且确定所述第二web浏览器窗口的第二宽度和高度与所述第二设备的第二屏幕宽度和高度的相同的比例，而确定所述相同的相对网页视图设置。

4.根据权利要求1所述的系统，其中，在检测到所述第二设备选择所述链接之后，从所述前端接收所述第一网页视图设置。

5.根据权利要求1所述的系统，其中，在检测到所述第二设备选择所述链接之前，从所述前端接收所述第一网页视图设置。

6.根据权利要求1所述的系统，其中，当在所述第一设备中改变正显示所述第三方网页第三方的所述第一web浏览器窗口的所述第一网页视图设置时，所述后端还被配置为在检测到所述第二设备选择所述链接之后从所述前端接收所述第一设备上显示的所述第三方网页的更新的第一网页视图设置；并且向所述第二设备发送更新的第二网页视图设置，以达到与从所述第一设备的所述前端接收到的所述更新的第一网页视图设置相同的相对网页视图设置。

7.根据权利要求1所述的系统，其中，当第三方网页被改变为所述第一设备的所述第一web浏览器窗口中的第二第三方网页时，所述后端还被配置为从所述前端接收被显示在所述第一设备的所述第一web浏览器窗口上的所述第二第三方网页的地址以及正显示所述第二第三方网页的所述第一web浏览器窗口的第一网页视图设置；并且向所述第二设备发送用于以所述第二网页视图设置在所述第二web浏览器窗口中显示所述第二第三方网页的代码。

8.根据权利要求1所述的系统，其中，第一设备上显示的第三方网页的第一网页视图设置包括第一web浏览器窗口的第一位置，其中第二网页视图设置包括第二web浏览器窗口的第二位置，以达到与第一设备上的第一位置的在第二设备上的相同的相对位置。

9.根据权利要求8所述的系统，其中，当所述第一设备将正显示所述第三方网页的所述第一web浏览器窗口的所述第一位置改变为更新的第一位置时，所述后端接收该改变并将代码发送到所述第二设备以将显示所述第三方网页的所述第二web浏览器窗口的所述第二位置改变到更新的第二位置，所述更新的第二位置是与对于所述第一设备的屏幕宽度和高度的所述更新的第一位置相同的对于所述第二设备的所述第二屏幕宽度和高度的相对位置。

10.根据权利要求1所述的系统，其中，经由电话和/或社交媒体平台使用电子邮件或文本消息中的至少一个将所述链接发送到所述第二设备。

11.根据权利要求1所述的系统，其中，所述后端还被配置为从所述前端接收包括以下中的至少一个的附加信息：所述第一设备上的浏览器名称和浏览器设置、IP地址、所述第一设备的操作系统、所述第一设备的中央处理单元(CPU)或图形处理单元(GPU)的型号、地理坐标或所述第一设备的本地时间；并且

其中，所述后端还被配置为基于所述附加信息中的至少一个来唯一地标识第一设备。

12.根据权利要求1所述的系统，其中，所述后端还被配置为从所述第二设备接收包括以下中的至少一个的附加信息：所述第二设备上的浏览器名称和浏览器设置、IP地址、所述第二设备的操作系统、所述第二设备的中央处理单元(CPU)或图形处理单元(GPU)的型号、地理坐标或所述第二设备的本地时间；并且

其中，所述后端还被配置为基于所述第二设备的所述附加信息中的至少一个来唯一地标识所述第二设备，以唯一地标识所述第二设备。

13.根据权利要求1所述的系统，其中，所述后端还被配置为：

使用内联框架功能生成第一方网页，其中来自所述第三方主机服务器的所述第三方网页被内联框定在所述第一方网页内；

其中，所述链接包括到所述第一方网页的地址；并且

其中，从所述后端发送到所述第二设备的所述代码包括所述第一方网页，以用于在所述第二设备的第二web浏览器窗口上显示所述第三方网页，所述第三方网页被内联框定在所述第一方网页内并具有所述第二滚动X和Y位置。

14.根据权利要求1所述的系统，其中，所述后端还被配置为：

生成第一方网页，其包括被光栅化为所述第一方网页内的图像的所述第三方网页；

其中，从所述后端发送到所述第二设备的所述代码包括所述第一方网页，以用于在所述第二设备的所述第二web浏览器窗口上显示所述第三方网页。

15.根据权利要求1所述的系统，其中，从所述后端发送到所述第二设备的代码包括所述第三方主机服务器的地址，以用于所述第二设备从所述第三方主机服务器检索所述第三方网页，以在所述第二设备的所述第二web浏览器窗口上显示所述第三方网页。

16.根据权利要求1所述的系统，其中，当所述第一设备改变正显示所述第三方网页的所述第一web浏览器窗口中的当前滚动X和Y位置时，所述后端接收该改变并将代码发送到所述第二设备以将显示所述第三方网页的所述第二web浏览器窗口滚动到相同的相对当前滚动X和Y位置。

17.根据权利要求1所述的系统，其中，当所述第一设备改变正显示所述第三方网页的所述第一web浏览器窗口的宽度和高度时，所述后端接收该改变并将代码发送到所述第二设备以将显示所述第三方网页的所述第二web浏览器窗口改变为所述第一web浏览器窗口的宽度和高度的相同的相对窗口宽度和高度。

18.根据权利要求1所述的系统，其中，所述后端还被配置为，当所述第一设备改变为第二第三方网页时：

从所述前端接收所述第二第三方网页的网址，以及显示所述第二第三方网页的所述第一web浏览器的另外的第一网页视图设置；并且

将代码发送到所述第二设备网页以在所述第二web浏览器窗口上以另外的第二网页视图设置显示所述第二第三方网页，以达到与所述另外的第一网页视图设置相同的相对网页视图设置。

19.根据权利要求1所述的系统，其中，所述后端被配置为通过所述第二设备网页和所述前端在所述第一设备和所述第二设备之间提供音频和/或视频通信。

20.根据权利要求1所述的系统，其中，所述后端被配置为通过所述第一web浏览器窗口和所述第二web浏览器窗口内的画中画在所述第一设备和所述第二设备之间提供视频通信。

21.根据权利要求1所述的系统，其中，所述后端还被配置为当正在执行web屏幕共享时在所述第一设备和所述第二设备上同时播放媒体文件，所述媒体文件基于两个设备中的至少一个或两者的终端客户来选择。

22.根据权利要求21所述的系统，其中，所述后端被配置为注册至少一个网站域；其中，所述前端嵌入在所述第一设备的至少一个web浏览器窗口的每一个中，每个web浏览器窗口与注册到所述后端的网站域中的至少一个相关联，每个前端包括媒体播放器，其中所述后端被配置为生成唯一设备标识(ID)，以用于唯一地标识所述第一设备，其中所述后端被配置为引导所述至少一个web浏览器窗口中的仅一个web浏览器窗口的所述媒体播放器以播放所述媒体文件。

23.根据权利要求22所述的系统，其中，播放所述媒体文件的所述仅一个web浏览器窗口是活动web浏览器窗口。

24.根据权利要求1所述的系统，其中，所述第一web浏览器应用中的所述前端嵌入所述在第三方网页中，或者是所述第一web浏览器应用的浏览器扩展。

25.根据权利要求1所述的系统，其中，在所述第二web浏览器应用中提供第二前端，以用于在所述第二设备的所述第二web浏览器窗口上显示所述第三方网页，其中所述第二前端嵌入在所述第三方网页中或嵌入在由所述后端生成的第一方网页中，或者是所述第二web浏览器应用的浏览器扩展。

26.根据权利要求1所述的系统，其中，所述第一web浏览器窗口的所述第三方网页显示要购买的商品或服务，其中显示在所述第二设备的所述第二web浏览器窗口上的所述第三方网页显示要购买的商品或服务。

Images