HTML5获取麦克风音频,输出到扬声器

原创

于 2016-10-14 17:44:38 发布 · 2.2w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5 #AudioContext

这篇博客介绍了如何在HTML5中使用AudioContext接口获取麦克风输入的音频，并将其实时输出到扬声器，已在Chrome浏览器上成功测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本例子在谷歌浏览器上测试通过！

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5获取麦克风音频,输出到扬声器</title>
	<meta charset="UTF-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
		var audioCtx;
		try
		{
			audioCtx=new (window.AudioContext || window.webkitAudioContext)();
		}
		catch(e)
		{
			console.log("Your browser does not support AudioContext!");
		}
    	navigator.getUserMedia=(navigator.getUserMedia || navigator.webkitGetUserMedia || 
								navigator.mozGetUserMedia || navigator.msGetUserMedia);
		if(navigator.getUserMedia) 
		{
			navigator.getUserMedia(
      		{
      			audio:true
      		},
      		function(stream)
      		{