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

朴灿烈づ我的快乐病毒、 2022-07-16 10:16 341阅读 0赞

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

<!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)
          		{
          			var source=audioCtx.createMediaStreamSource(stream);
              		var biquadFilter=audioCtx.createBiquadFilter();
              		biquadFilter.type="lowshelf";
              		biquadFilter.frequency.value=1000;
              		biquadFilter.gain.value=25;
              		source.connect(biquadFilter);
              		biquadFilter.connect(audioCtx.destination);
             	},
          		function(err)
          		{
          			console.log("The following gUM error occured: "+err);
          		});
          	}
          	else 
          	{
          		console.log("getUserMedia not supported on your browser!");
          	}
        </script>
      </head>
      <body>
        This is my HTML page. <br>
      </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，341人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5 音频,视频,插件

<body background="images/backgroundImage.png"> <!--<audio>

布满荆棘的人生/ 2024年02月17日 20:48/ 0 赞/ 23 阅读

相关 HTML5 音频播放

一、audio播放   <button οnclick="fun()">播放/

超、凢脫俗/ 2024年02月17日 17:49/ 0 赞/ 22 阅读

相关 html音频文件上传,用html5“标签传输音频

我正在尝试使用< audio>在讲座系列中在Dreamhost托管的网站上传输音频.标记在 html5中,但没有太大的成功.实际的代码是我还有一个.htaccess文件,

绝地灬酷狼/ 2022年10月06日 11:51/ 0 赞/ 161 阅读

相关 mp3转换html5,HTML 音频(Audio)

问题: ·标签在HTML 4中是无效的。您的页面无法通过HTML 4验证。 ·您必须把音频文件转换为不同的格式。 ·元素在老式浏览器中不起作用。最好的HTML解决方法

╰+哭是因爲堅強的太久メ/ 2022年10月05日 10:56/ 0 赞/ 218 阅读

相关 HTML5音频视频

1.video 视频元素属性名称说明 src 视频资源的URL width 视频宽度 height 视频高度 autoplay 设置后，表示立刻开始播放视

冷不防/ 2022年09月24日 13:15/ 0 赞/ 298 阅读

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

本例子在谷歌浏览器上测试通过！ <!DOCTYPE html> <html> <head> <title>HTML5获取麦克风音频

朴灿烈づ我的快乐病毒、/ 2022年07月16日 10:16/ 0 赞/ 342 阅读

相关 html5_音频播放

1. 音频播放 <audio src="audio/1.mp3" controls="controls" autoplay="autoplay"></audio> <

男娘i/ 2022年05月25日 05:08/ 0 赞/ 277 阅读

相关 HTML5 音频 / 视频 DOM 操作

目录 HTML5 音频 / 视频 DOM 操作 HTML5 Audio/Video 方法 HTML5 Audio/Video 属性 HTML5 Audio/Video

清疚/ 2022年05月09日 13:40/ 0 赞/ 233 阅读

相关 js获取麦克风数据通过websocket发送到后台

实现效果：PC端通过麦克风录音，通过 WebSocket实时传递到后台原始每包数据过于大，后台不能接收，需要分包处理，每包最大1024 原始采样率为4800

灰太狼/ 2021年09月01日 04:23/ 0 赞/ 1213 阅读

相关钢琴低音到高音音效_什么是低音扬声器，中音扬声器和高音扬声器？

![钢琴低音到高音音效][963280cfe1d988e9f1a6ff242cd34cb0.png] 钢琴低音到高音音效 ![add53383bc1e6418b29

电玩女神/ 2021年07月26日 15:02/ 0 赞/ 311 阅读