index.html

---
title: BaseAudioContext.destination
slug: Web/API/BaseAudioContext/destination
tags:
  - API
  - AudioContext
  - BaseAudioContext
  - Property
  - Reference
  - Web Audio API
  - destination
browser-compat: api.BaseAudioContext.destination
---
<p>{{ APIRef("Web Audio API") }}</p>

<p>The <code>destination</code> property of the {{ domxref("BaseAudioContext") }}
  interface returns an {{ domxref("AudioDestinationNode") }} representing the final
  destination of all audio in the context. It often represents an actual audio-rendering
  device such as your device's speakers.</p>

<h2 id="Syntax">Syntax</h2>

<pre class="brush: js">baseAudioContext.destination;
</pre>

<h3 id="Value">Value</h3>

<p>An {{ domxref("AudioDestinationNode") }}.</p>

<h2 id="Example">Example</h2>

<div class="note">
  <p><strong>Note:</strong> for a full example implementation, see one of our Web Audio
    Demos on the <a href="https://github.com/mdn/">MDN Github repo</a>, like <a
      href="https://github.com/mdn/voice-change-o-matic">voice-change-o-matic</a>.</p>
</div>

<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
var audioCtx = new AudioContext();
// Older webkit/blink browsers require a prefix

var oscillatorNode = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();

oscillatorNode.connect(gainNode);
gainNode.connect(audioCtx.destination);
</pre>

<h2 id="Specifications">Specifications</h2>

{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

<ul>
  <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a>
  </li>
</ul>