| <!DOCTYPE html> |
| <!-- |
| * Copyright (c) 2015 The WebRTC project authors. All Rights Reserved. |
| * |
| * Use of this source code is governed by a BSD-style license |
| * that can be found in the LICENSE file in the root of the source |
| * tree. |
| --> |
| <html> |
| <head> |
| |
| <meta charset="utf-8"> |
| <meta name="description" content="WebRTC code samples"> |
| <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1"> |
| <meta itemprop="description" content="Client-side WebRTC code samples"> |
| <meta itemprop="image" content="../../../images/webrtc-icon-192x192.png"> |
| <meta itemprop="name" content="WebRTC code samples"> |
| <meta name="mobile-web-app-capable" content="yes"> |
| <meta id="theme-color" name="theme-color" content="#ffffff"> |
| |
| <base target="_blank"> |
| |
| <title>Web Audio input</title> |
| |
| <link rel="icon" sizes="192x192" href="../../../images/webrtc-icon-192x192.png"> |
| <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css"> |
| <link rel="stylesheet" href="../../../css/main.css"/> |
| <link rel="stylesheet" href="css/main.css"/> |
| |
| </head> |
| |
| <body> |
| |
| <div id="container"> |
| |
| <h1><a href="//webrtc.github.io/samples/" title="WebRTC samples homepage">WebRTC samples</a> |
| <span>Web Audio input</span></h1> |
| |
| <audio autoplay controls></audio> |
| |
| <div id="options"> |
| <input type="checkbox" id="renderLocally" disabled><label for="renderLocally">Add local audio to output</label> |
| </div> |
| |
| <div id="buttons"> |
| <button id="start">Start</button> |
| <button id="stop" disabled>Stop</button> |
| </div> |
| |
| <div id="status"></div> |
| <div id="errorMsg"></div> |
| |
| <p>Capture microphone input and stream it to a peer with processing applied to the audio.</p> |
| |
| <p>The audio stream is:</p> |
| |
| <ul> |
| <li>Recorded using <a href="https://developers.google.com/web/updates/2012/09/Live-Web-Audio-Input-Enabled" |
| title="Live web audio input comes to Google's Chrome Canary">live web audio input in |
| chrome://flags </a>. |
| </li> |
| <li>Filtered using an HP filter with fc=1500 Hz.</li> |
| <li>Encoded using <a href="http://www.opus-codec.org/" title="Opus Codec">Opus</a>.</li> |
| <li>Transmitted (in loopback) to a remote peer using <a |
| href="http://dev.w3.org/2011/webrtc/editor/webrtc.html#rtcpeerconnection-interface" |
| title="RTCPeerConnection Interface">RTCPeerConnection</a> where it is decoded. |
| </li> |
| <li>Finally, the received remote stream is used as source to an <audio> element and played out locally. |
| </li> |
| </ul> |
| |
| <p>Press any key to add an effect to the transmitted audio while talking.</p> |
| |
| <p>Please note that:</p> |
| <ul> |
| <li>Sample rate and channel configuration must be the same for input and |
| output sides on Windows. |
| </li> |
| <li>Only the default microphone device can be used for capturing.</li> |
| </ul> |
| |
| <p>For more information, see <a href="https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/webrtc-integration.html" |
| title="Example 3: Capture microphone input and stream it out to a peer with a processing effect applied to the audio">WebRTC |
| integration with the Web Audio API</a>.</p> |
| |
| |
| <a href="https://github.com/webrtc/samples/tree/gh-pages/src/content/peerconnection/webaudio-input" |
| title="View source for this page on GitHub" id="viewSource">View source on GitHub</a> |
| |
| </div> |
| |
| <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script> |
| <script src="js/webaudioextended.js"></script> |
| <script src="js/main.js" async></script> |
| <script src="../../../js/lib/ga.js"></script> |
| </body> |
| </html> |
