blob: c5a44efa4592f52d2ceb0a622f8714d0dc88c2c9 [file] [log] [blame]
<!doctype html>
<title>Test multichannel support for MediaStreamDestination.</title>
<style type="text/css">
body {
margin: 2em;
.manual-test-ui {
font-family: Arial;
padding: 1em;
border: 1px solid #999;
.manual-test-ui button {
padding: 1em;
font-size: 1em;
#eError {
font-family: Arial;
margin: 0.75em;
color: red;
<h1>Test Multichannel Audio Output for MediaStreamDestination</h1>
<p><strong>NOTE: This test requires HTTP server.</strong></p>
<p>This test is for multichannel (&gt; 2 channels) support for
MediaStreamDestination. This test cannot be run with an offline audio
context because the node is not compatible with the offline context.</p>
<p>Press "Start Test Tone" to run the test. You should hear an one-second
sine tone from all the available audio output channels from the channel 1
to the last channel.</p>
<p>CRBUG issue: <a href="" target="_blank">
<div class="manual-test-ui">
<p>Max Channel Count: <span id="eMaxChannelCount">2</span></p>
<p>Currently playing: <span id="eChannelIndex">NONE</span></p>
<button id="eButton" onclick="startTestTones()">Start Test Tone</button>
<div id="eError"></div>
<script type="text/javascript">
// Silent interval between the test tones.
var testToneInterval = 0.1;
// The safe range for the equal loudness of sinusoid is roughly between
// 200 ~ 1000Hz, which is A3(57) ~ C6(84). In this test, the starting
// pitch is 220Hz and the interval is the whole tone. (2 MIDI pitch)
// With 16 speakers, the last test tone will play the MIDI pitch of
// F6(89), which is 1396Hz.
var startMIDIPitch = 57;
var eMaxChannelCount = document.querySelector('#eMaxChannelCount');
var eButton = document.querySelector('#eButton');
var eChannelIndex = document.querySelector('#eChannelIndex');
var eError = document.querySelector('#eError');
var context = new AudioContext();
var mediaStreamDestination = context.createMediaStreamDestination();
var maxChannelCount = context.destination.maxChannelCount;
try {
mediaStreamDestination.channelCount = maxChannelCount;
} catch (error) {
eError.textContent = error;
var audioElement = new Audio();
audioElement.srcObject =;;
// The ChannelMerger for the individual channel access.
var merger = context.createChannelMerger(maxChannelCount);
merger.channelCountMode = 'explicit';
merger.channelInterpretation = 'discrete';
eMaxChannelCount.textContent = maxChannelCount;
// Convert the MIDI pitch to frequency.
function midi2freq(midiPitch) {
return 440 * Math.pow(2, (midiPitch - 69) / 12);
// A global storage to keep the OSC reference alive.
var oscs = [];
// Play a test tone for the specified amount of duration at the channel.
function playTestToneAtChannel(channelIndex, gain, duration) {
var osc = context.createOscillator();
var amp = context.createGain();
amp.connect(merger, 0, channelIndex);
osc.onended = function () {
var nextChannelIndex = channelIndex + 1;
if (nextChannelIndex < maxChannelCount)
playTestToneAtChannel(nextChannelIndex, gain, duration);
// The pitch for each speaker goes up as the channel index increases.
// Note that the interval is 2, whole tone.
osc.frequency.value = midi2freq(startMIDIPitch + channelIndex * 2);
// The channel index starts from 1.
eChannelIndex.textContent = 'Channel #' + (channelIndex + 1);
var now = context.currentTime;
var toneDuration = duration - testToneInterval;
// Add fade in and out to avoid the click noise.
amp.gain.setValueAtTime(0.0, now);
amp.gain.linearRampToValueAtTime(gain, now + toneDuration * 0.1);
amp.gain.setValueAtTime(gain, now + toneDuration * 0.9);
amp.gain.linearRampToValueAtTime(0.0, now + toneDuration);
osc.stop(now + duration);
// Push osc to keep the reference alive. Otherwise |osc| will be
// collected and the |onended| event won't be fired.
// When the button is clicked the button to produce the test sound,
// the button is grayed out so one cannot press again until the tone is
// over. (producing sounds multiple times in a short period time will
// hurt the speaker).
function startTestTones() {
eButton.disabled = true;
// Math.SQRT1_2(=0.707..) is -3dB. This is necessary because 1.0
// amplitude can cause overload/distortion on some speakers.
playTestToneAtChannel(0, Math.SQRT1_2, 1.0);
// The button needs to be active back again when the test tone is over.
// The index number in DIV should also be reset.
function endTestTone() {
eButton.disabled = false;
eChannelIndex.textContent = 'NONE';