如何在OpenTok中选择audioOutput音频输出设备？

我来帮你捋捋这个问题的解决思路——我之前做OpenTok项目时也碰到过一模一样的情况，咱们一步步来拆解：

为什么OT.getDevices()拿不到音频输出设备？ #

首先得明确：OpenTok的OT.getDevices()方法默认只返回音频输入（麦克风）和视频输入（摄像头）设备，这是它的API设计决定的，音频输出设备不在这个方法的返回范围内，所以你用这个方法查不到完全是正常现象，不是你的代码写错了。

可行的解决方法 #

既然原生的navigator.mediaDevices.enumerateDevices()能拿到音频输出设备，那咱们可以把原生API和OpenTok的功能结合起来实现输出设备选择：

1. 用原生API获取音频输出设备列表 #

先通过原生方法拿到所有可用的音频输出设备，过滤出类型为audiooutput的设备：

navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    const audioOutputDevices = devices.filter(device => device.kind === 'audiooutput');
    // 这里可以把audioOutputDevices渲染成选择下拉框或者按钮组
    console.debug('可用音频输出设备:', audioOutputDevices);
  })
  .catch(err => console.error('获取设备失败:', err));

2. 结合OpenTok设置音频输出设备 #

拿到设备ID后，分两种场景设置：

• 针对订阅的远端流：当你在OpenTok会话中订阅了远端流后，可以调用订阅器（Subscriber）的setAudioOutput()方法来切换输出设备：

  // 假设subscriber是你创建的订阅器实例，deviceId是选中的音频输出设备ID
  subscriber.setAudioOutput(deviceId)
    .then(() => console.log('音频输出设备切换成功'))
    .catch(err => console.error('切换失败:', err));
  

• 针对本地测试或自定义音频元素：如果是本地音频预览，你可以直接给对应的audio元素调用setSinkId()方法（这是浏览器原生API）：

  const audioElement = document.getElementById('local-audio-preview');
  audioElement.setSinkId(selectedDeviceId)
    .then(() => console.log('本地音频输出切换成功'))
    .catch(err => console.error('切换失败:', err));
  

3. 注意事项 #

• 权限要求：浏览器需要已经获取到媒体权限（哪怕只是麦克风权限），否则enumerateDevices()可能返回匿名的设备信息，无法看到具体设备名称。
• HTTPS环境：除了localhost本地调试，setSinkId()方法在大部分浏览器中要求页面运行在HTTPS环境下，否则可能无法生效。
• opentok-hardware-setup.js的限制：你用的这个硬件设置组件默认只支持输入设备选择，所以如果要加输出设备选择，需要自己扩展UI，结合上面的原生API和设置方法来实现。

内容的提问来源于stack exchange，提问作者zabumba