Audio Output Devices API

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The Audio Output Devices API allows web applications to prompt users about what audio output device should be used for playback.

Concepts and usage

Operating systems commonly allow users to specify that audio should be played from speakers, a Bluetooth headset, or some other audio output device. This API allows applications to provide this same functionality from within a web page, which may provide a better user experience.

Setting a particular audio output device requires explicit user permission, as the user may be in a location where playing audio is not appropriate through some output devices. For more information see Security requirements below.

Audio devices may arbitrarily connect and disconnect. Applications that wish to react to this kind of change can listen to the devicechange event and use enumerateDevices() to determine if sinkId is present in the returned devices. This might trigger, for example, pausing or unpausing playback.

Interfaces

Extensions to interfaces

The Audio Output Devices API extends the following APIs, adding the listed features:

MediaDevices.selectAudioOutput()

This method prompts the user to select a specific audio output device, for example a speaker or headset.

HTMLMediaElement.setSinkId()

This method sets the ID of the audio device to use for output, which will be used if permitted.

HTMLMediaElement.sinkId

This property returns the unique ID of the audio device being used for output, or an empty string if the default user agent device is being used.

Security requirements

Access to MediaDevices.selectAudioOutput() is subject to the following constraints:

  • It may only be used in a secure context.
  • Access may be gated by the speaker-selection HTTP Permission Policy.
  • Transient user activation is required. The user has to interact with the page or a UI element for this feature to work.
  • The user must explicitly grant permission to use the audio output device through a user-agent specific mechanism, or have previously granted permission. Note that if access is denied by a permission policy it cannot be granted by a user permission.

User permission to set the output device is also implicitly granted if the user has already granted permission to use a media input device in the same group, using MediaDevices.getUserMedia().

Other methods/properties also require a secure context and the speaker-selection permission policy.

The permission status can be queried using the Permissions API method navigator.permissions.query(), passing a permission descriptor with the speaker-selection permission.

Specifications

Specification
Audio Output Devices API
# dom-mediadevices-selectaudiooutput
Audio Output Devices API
# dom-htmlmediaelement-setsinkid
Audio Output Devices API
# dom-htmlmediaelement-sinkid

Browser compatibility

api.MediaDevices.selectAudioOutput

BCD tables only load in the browser

api.HTMLMediaElement.setSinkId

BCD tables only load in the browser

api.HTMLMediaElement.sinkId

BCD tables only load in the browser