一种前端web页面实时自动检测媒体设备接入的方法与流程

1.本发明属于网页通讯技术领域，尤其涉及一种前端web页面实时自动检测媒体设备接入的方法。


背景技术：

2.在网页（web）实时音视频通讯应用中需要插入usb摄像头、usb麦克风设备以及usb扬声器等媒体设备以播放对应的媒体消息，以往的使用场景中，当我们进行视频会议的时候，如果中途想更换别的摄像头设备、麦克风以及扬声器等媒体设备的时候，web应用往往不能自动识别，需要用户手动去刷新页面，甚至有些刷新页面后也可能出现无法识别新插入设备的可能。另外，在有些应用场景中，假如用户的电脑上同时插入有多台usb摄像头、麦克风以及扬声器媒体设备时，当用户中途拔掉正在使用的设备时候，web应用可能会出现无法自动选择其他媒体设备的情况，导致无法播放对应媒体信息，在以往的经验中也有通过nodejs的设备库、c#、c 库开发服务器api解决这种类似的问题，但是这样又会增加服务器资源额外的开销，并不是一个有效的办法。


技术实现要素：

3.（一）发明目的为了克服以上不足，本发明的目的在于提供一种前端web页面实时自动检测媒体设备接入的方法，以解决现有的网页（web）实时音视频通讯应用中在更换或新增对应的媒体设备时网页无法及时响应，需要用户手动不断手动刷新，导致用户使用体验感受差的技术问题。
4.（二）技术方案为实现上述目的，本技术一方面提供的技术方案如下：一种前端web页面实时自动检测媒体设备接入的方法，包括：网页定时获取当前接入到智能设备的所有媒体设备的设备标识；判断当前获取到的所有设备标识数量相较于预先存储的所有设备标识数量是否发生变化；若判断到设备标识数量发生变化，向用户发出包含当前获取到的所有设备标识的选项提示框，接收用户从选项提示框中选择的设备标识并且将该设备标识所对应的媒体设备接入到网页中；本申在网页上增加定时获取并且自动判断机制，网页可以定时获取接入到智能设备上的所有媒体设备的设备标识，然后将获取到的设备标识与预先存储的设备标识的数量进行比对，若比对到设备标识数量发生变化，表示接入到智能设备的媒体设备存在更换情况，此时发出包含当前获取到的所有设备标识的选项提示框供用户进行选择，用户从选项提示框可以选取对应的媒体设备，这样就无需用户频繁手动对网页不断刷新，提高了用户的使用体验。
5.在一些实施例中，若判断到设备标识数量发生变化，向用户发出包含当前获取到的所有设备标识的选项提示框包括：若判断到当前设备标识数量减少并且减少的该设备标识所对应的媒体设备处于正在使用状态，向用户发出包含剩余的所有设备标识的选项提示框；在检测到减少了设备标识并且该设备标识对应的媒体设备是处于正在使用状态，可以预判用户是需要更换其他媒体设备的，此时可以向客户发出除了减少的设备标识外所包含的剩余设备标识的选项提示框供用户选择，用户在选项提示框选择剩余对应的媒体设备接入到网页中使用。
6.在一些实施例中，若判断到设备标识数量发生变化，向用户发出包含当前获取到的所有设备标识的选项提示框包括：若判断到设备标识数量增加，向用户发出包含了新增的设备标识的所有设备标识的选项提示框；在检测到增加了新的设备标识，表示新增加了媒体设备，可以预判用户是想采用这个媒体设备进行媒体播放，此时可以向客户发出包含新增加以及原先的所有设备标识的选项提示框供用户选择，用户在选项提示框选择对应的媒体设备接入到网页中使用。
7.在一些实施例中，还包括：若判断到设备标识数量减少但减少的设备标识所对应的媒体设备处于未使用状态，不向用户发出选项提示框；通过检测被减少的媒体设备是否正在被使用，如果不是正在被使用，预判该媒体设备是不需要或是备用的媒体设备，在这种情况下可以不需要向用户发出选项提示框，避免频繁发出选项提示框对用户视频会议造成干扰，这种方式可以提高用户的使用体验。
8.在一些实施例中，网页定时获取当前接入到智能设备的所有媒体设备的设备标识之前，还包括：在初始阶段，网页通过enumeratedeivces接口获取当前接入到智能设备的所有媒体设备的设备标识,并且将获取到的所有设备标识存储存于localstorage中；判断当前获取到的所有设备标识数量相较于预先存储的所有设备标识数量是否发生变化包括：每次在获取到所有设备标识后将当前所有设备标识数量与预先存储于localstorage中的所有设备标识数量进行比对，判断当前设备标识数量是否发生变化。
9.在一些实施例中，还包括：当获取到用户从选项提示框中选择的与原先接入到网页中的媒体设备不同的新的设备标识后，关闭原先媒体设备所占用的资源，并且，将新选择的设备标识所对应的媒体设备传入到网页的原生api接口的getusermedia中。
10.在一些实施例中，还包括：在网页定时获取了当前所有设备标识之后，还包括：对所有设备标识进行分类。
11.在一些实施例中，在发出选项提示框之前，还包括：判别减少或新增的设备标识的类型并且将当前所有与减少或新增的设备标识类型相同的设备标识展示在选项提示框中供用户选择。
12.通过判断减少或新增的设备标识类型再根据减少或新增的设备标识类型在选项提示框中显示相同类型的媒体设备，这样选项提示框中可以只显示同种类型的设备标识供用户选择，避免同时展示多种类型的设备标识导致用户选择时需要大量筛选，降低了选择对应媒体设备的效率。
13.在一些实施例中，还包括：在判断到设备标识数量减少并且在发出选项提示框之后，在预定时间段内检测是
否接收到用户选择的设备标识；若在预定时间段内接收到用户选择的设备标识，将用户选择的设备标识所对应的媒体设备接入到网页中；若超过预定时间段未接收到用户选择的设备标识，自动选择与减少的设备标识类型相同并且用户使用频率最高的设备标识，并且将该设备标识对应的媒体设备接入到网页中。
14.通过检测用户的选择时间并且在用户选择超时的时候为用户自动选择对应的同类型媒体设备，可以避免用户在处理手头上其他紧急工作而忽视了该选项提示框的情况下错过重要的媒体消息，并且，自动选择过程中还可以根据用户使用频率进行设备选择，选择用户使用频率最高的媒体设备，这样更符合用户的使用习惯，能够自动选择到用户需求的媒体设备。
15.在一些实施例中，还包括：在检测到设备标识数量增加并且在发出选项提示框之后，在预定时间段内检测是否接收到用户选择的设备标识；若在预定时间段内接收到用户选择的设备标识，将用户选择的设备标识所对应的媒体设备接入到网页中；若超过预定时间段未接收到用户选择的设备标识，自动选择新增的设备标识并且将该设备标识对应的媒体设备接入到网页中；由于会议过程中经常有紧急事情需要处理，在新增加了媒体设备后，用户可以在处理手头上紧急事情而无法及时选择到对应的媒体设备，本实施例在用户选择超时的时候为用户自动选择新增的媒体设备作为本次会议的媒体设备，可以避免用户在处理其他紧急工作而忽视了该选项提示框的情况下错过重要消息的问题。
附图说明
16.图1是本发明的前端web页面实时自动检测媒体设备接入的方法的流程图。
具体实施方式
17.为使本发明的目的、技术方案和优点更加清楚明了，下面结合具体实施方式并参照附图，对本发明进一步详细说明。应该理解，这些描述只是示例性的，而并非要限制本发明的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本发明的概念。
18.本发明提供的一种前端web页面实时自动检测媒体设备接入的方法，包括以下步骤：网页定时获取当前接入到智能设备的所有媒体设备的设备标识；判断当前获取到的所有设备标识数量相较于预先存储的所有设备标识数量是否发生变化；若判断到设备标识数量发生变化，向用户发出包含当前获取到的所有设备标识的选项提示框，接收用户从选项提示框中选择的设备标识并且将该设备标识对应的媒体设备接入到网页中。
19.若判断到数量没有发生变化，不弹出选项提示框（不操作）。
20.具体的，本发明依赖于支持webrtc协议簇的现代浏览器，如chrome, firefox等。
21.具体的，本技术的智能设备可以是电脑等可以通过上述浏览器打开对应网页进行在线视频会议的设备，媒体设备插入到智能设备中可以对智能设备中的媒体消息进行播放。
22.具体的，本技术的使用场景一般是网页在线视频会议。在进行视频会议时，首先要在网页上创建一个视频会议号，用户加入会议，浏览器弹出询问是否允许使用摄像头或麦克风设备等媒体设备，确认允许。
23.具体的，媒体设备包含一种或多种不同种类的设备，例如，媒体设备可以是摄像头、麦克风、扬声器的一种或多种。
24.具体的，网页上设置定时器，定时器中利用webrtc的原生api接口（enumeratedevices）,间隔时间获取接入到智能设备（用户电脑）中的设备标识，一般而言，该接口会返回以下信息：audioinput(麦克风设备)(可以是多个,从kind字段中获取)；videoinput(摄像头设备)(可以是多个，从kind字段中获取)；audioutput(扬声器设备)(可以是多个，从kind字段中获取)；更具体的，其返回的具体数据内容为：inputdeviceinfo:其中字段有deviceid, groupid, kind, label；medaideviceinfo: 其中字段有,deviceid, groupid,kind,label。
25.具体的，初始时，定时器通过enumeratedeivces接口获取当前接入的所有媒体设备的设备标识（每个媒体设备有对应的字段)，然后将所有设备标识存储存于网页localstorage（本地存储）中；具体的，定时器以毫秒为单位利用webrtc的原生api接口（enumeratedevices）,间隔时间获取接入到智能设备(用户电脑)中的媒体设备对应的媒体信息，定时器是按毫秒级无感状态执行的，当媒体设备没有发生变化的时候，页面不会有任何提示，但是定时器可以实时获取到媒体设备插入和拔出的情况，enumeratedeevices接口是依赖于客户端浏览器执行的，与服务器端无关，能实时地获取媒体设备变化的状态。
26.具体的，当获取到用户从选项提示框中选择的与原先接入到网页的媒体设备不同的新的设备标识，会先关闭原先媒体设备所占用的资源，然后将新选择的设备标识所对应的媒体设备传入到网页的原生api接口的getusermedia中。
27.具体的，在视频会议过程中若判断到设备标识数量发生变化，向用户发出选项提示框包括两个实施例：第一实施例：若判断到当前设备标识数量减少并且减少的该设备标识所对应的媒体设备处于正在使用状态，向用户发出包含剩余的所有媒体设备的选项提示框供用户选择。
28.本技术还对第一实施例进行了优化：若判断到设备标识数量减少但减少的设备标识所对应的媒体设备处于未使用状态，表示减少的媒体媒体设备可能是不需要或是备用的媒体设备，此时网页不向用户发出选项提示框（不操作），可以减少选项提示框频繁弹出对用户造成干扰。若所对应的媒体设备处于使用状态，弹出选项提示框，在用户在选择了新的
设备标识后，将新的设备标识对应的媒体设备传入到网页的原生api接口的getusermedia中。
29.第二实施例：若判断到设备标识数量增加，向用户发出包含了新增的以及原先的所有媒体设备标识的选项提示框供用户选择，用户可以选择新的设备标识或选择正在使用中的媒体设备的设备标识。
30.具体的，选项提示框显示时包含多个并排的设备标识，每个设备标识前端有个对应的圆形选项框，正在使用的媒体设备的选择框中标记有一记号，选项提示框的最下端设置有“确认”按钮，当选择了对应的设备标识，点击“确认”按钮即可。
31.具体的，如果用户想采用当前的媒体设备进行媒体播放，无需点击其他媒体设备的设备标识，直接点击“确认”按钮即可，此时网页不作操作。若用户选择了其它新的设备标识，网页会先关闭原先媒体设备所占用的资源，然后将新选择的设备标识所对应的媒体设备传入到网页的原生api接口的getusermedia中。
32.由于媒体设备包含一种或多种不同种类的设备，优选的，在获取到当前所有设备标识之后，还包括：对所有设备标识进行分类，比如，将摄像头的设备标识统一归纳到第一类型列表中、将麦克风设备标识统一归纳到第二类型列表中、将扬声器设备标识统一归纳到第三类型列表中，归类完毕后，将所有类型列表统一存放到localstorage（本地存储）中。
33.优选的，在发出选项提示框之前，还包括：判别减少或新增的设备标识的类型并且将当前所有与减少或新增的设备标识类型相同的设备标识展示在选项提示框中供用户选择。更具体的，本实施例的执行过程如下：当判别到设备标识增加，根据增加的设备标识的类型在localstorage（本地存储）中查找对应的类型列表，查找到后，将新增的设备标识归类到对应的类型列表中，然后将更新后的类型列表信息映射到选项提示框中向外弹出，供用户选择；当判别到设备标识减少，根据减少的设备标识的类型在localstorage（本地存储）中查找对应的类型列表，查找到后，将该减少的媒体设备的设备标识从对应的类型列表中剔除，然后将更新后的类型列表信息映射到选项提示框中向外弹出；上述的通过按类型提示对应的媒体设备，可以减少选项提示框中同时存在大量的设备标识，用户选择过程中无需不断筛选，降低了选择的繁琐性。
34.优选的，本技术还可以在用户超时未选择对应的媒体设备时自动帮助用户选择对应的媒体设备，自动选择包含以下两个实施例：第一实施例：在判断到设备标识数量减少并且在发出选项提示框之后在预定时间段内检测是否接收到用户选择的设备标识；若在预定时间段内接收到用户选择的设备标识，将该设备标识对应的媒体设备接入到网页中；若超过预定时间段未接收到用户选择的设备标识，自动选择与减少的设备标识类型相同并且用户使用频率最高的设备标识，并且将该设备标识对应的媒体设备接入到网页中；具体的，预定时间一般是5-10s，比如，在判断到第一摄像头减少了并且在选项提示框弹出超过5-10s未接收到用户选择的设备标识，如果检测到第二摄像头是用户经常使用的摄像头，网页会自动选择第二摄像头的设备标识，并且将第二摄像头接入到网页中。
35.第二实施例：在检测到设备标识数量增加并且在发出选项提示框之后在预定时间段内检测是否接收到用户选择的设备标识；若在预定时间段内接收到用户选择的设备标识，将用户选择的设备标识所对应的媒体设备接入到网页中；若超过预定时间段未接收到用户选择的设备标识，自动选择新增的设备标识，并且将该设备标识对应的媒体设备接入到网页中；具体的，比如用户新插入了麦克风，在选项提示框弹出超过5-10s未接收到用户选择麦克风的设备标识，网页会直接选择麦克风的设备标识并且将麦克风接入到网页中。
36.具体的，对于上述第一实施例中计算用户使用频率最高的设备标识的执行过程如下：每次在某个媒体设备被传入到webrtc原生api接口的getusermedia时，网页都会判断该媒体设备是被使用的，此时会对该媒体设备的使用次数进行 1，形成累加值，并且，将累加值存入到对应的类型列表中进行保存，当需要判断同类型的媒体设备哪个使用频率较高时，通过查找累加值进行比对即可。
37.具体的，网页上还设置了手动选择按钮，用户可在会议过程中觉得自动选择的媒体设备不合适时可以手动进行选择。
38.应当理解的是，本发明的上述具体实施方式仅仅用于示例性说明或解释本发明的原理，而不构成对本发明的限制。因此，在不偏离本发明的精神和范围的情况下所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。此外，本发明所附权利要求旨在涵盖落入所附权利要求范围和边界、或者这种范围和边界的等同形式内的全部变化和修改例。