The onheadphoneschange event handler of the AudioChannelManager interface fires when the device's headphones are plugged in or unplugged.
Syntax
navigator.mozAudioChannelManager.onheadphoneschange = function() { ... };
Example
In the following simple example, we use the navigator.mozAudioChannelManager property to access the app's AudioChannelManager object, first to do some rudimentary feature detection, and then to create an anonymous function that runs when the onheadphoneschange event handler fires. In this function, we test to see if AudioChannelManager.headphones returns true, then give the user a notification to tell them the result.
if (navigator.mozAudioChannelManager) {
navigator.mozAudioChannelManager.onheadphoneschange = function() {
if(navigator.mozAudioChannelManager.headphones == true) {
var notification = new Notification('Headphones plugged in!');
} else {
var notification = new Notification('Headphones unplugged!');
}
}
}
Note: For a complete working example, see our audio-channels-demo. Try running this on your Firefox OS device as an installed app (install it using App Manager/WebIDE) and then see what happens when you play the music and then put the app in the background, with the channel set to normal, then content. You should also try plugging in and unplugging some headphones.
Specifications
The AudioChannels API has no official spec at the moment; see https://wiki.mozilla.org/WebAPI/AudioChannels for implementation details, WebIDL, etc.
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| General support | No support | No support | No support | No support | No support |
| Feature | Android | Chrome | Firefox Mobile (Gecko) | Firefox OS | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| General support | No support | No support | No support | 1.0.1 | No support | No support | No support |