小黄鸡

WebRTC(三) Web端音视频设备信息获取

本文介绍如果在浏览器中获取音视频的设备信息，并在html页面中显示设备信息。

文章目录

1 html代码，用于显示当前设备的信息
2 js代码，用于获取当前设备信息
3 js打印结果
4 获取权限方法

通过js代码获取设备信息可以通过如下方法

var ePromise = navigator.mediaDevices.emurateDevices

该方法会返回一个Promise对象，Promise有两个回调方法，then和catch。Promise也可以连续的调用then和catch方法。
例如：获取到音频设备信息接下来执行gotDevices方法，获取失败执行handleError方法。

navigator.mediaDevices.emurateDevices
	.then(gotDevices)
	.catch(handleError);

获取音频设备信息最终会返回一个MediaDevicesInfo对象，MediaDevicesInfo对象有四个属性

deviceID：设备id
label：设备名字
kind：设备种类，
goupID：两个设备groupID相同说明是同一个设备

以下是通过js获取设备信息并在html页面显示的完整示例：

1 html代码，用于显示当前设备的信息

<html>
	<head>
		<title>WebRTC get audio and video devicestitle>
	head>
	<body>
		<div>
			 <label>audio input device:label>
             select>
		div>	
		<div>
			<label>video input device:label>