js实现浏览器检测麦克风声音分贝大小代码-html代码-BFW代码库

js实现浏览器检测麦克风声音分贝大小代码

代码语言：html

所属分类：多媒体

代码描述：js实现浏览器检测麦克风声音分贝大小代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>声音分贝检测</title>
</head>
<body>
    <h1>声音分贝检测</h1>
    <button onclick="startDecibelMeter()">开始检测</button>
    <p id="db-display">当前分贝: 0 dB</p>

    <script>
        let audioContext;
        let analyser;
        let microphone;
        let javascriptNode;

        function startDecibelMeter() {
            // 检查浏览器是否支持 AudioContext
            if (!window.AudioContext) {
                alert("您的浏览器不支持 Web Audio API");
                return;
            }

            // 初始化 AudioContext
            audioContext = new AudioContext();

            // 获取麦克风权限
            navigator.mediaDevices.getUserMedia({ audio: true })
                .then(stream => {
                    // 创建音频源
                    microphone = audioContext.createMediaStreamSource(stream);

                    // 创建 AnalyserNode 用于分析音频数据
                    analyser = audioContext.createAnalyser();
                    analyser.smoothingTimeConstant = 0.3;
                    analyser.fftSize = 1024;

                    // 创建 ScriptProcessorNode 以处理音频数据
                    javascriptNode = audioContext.createScriptProcessor(2048, 1, 1);
                    
                   .........完整代码请登录后点击上方下载按钮下载查看