html5网页录音问题

ou7705312 2017-11-09 09:01:24

我在本地(IP:10.235.13.15)启动服务：
访问：http://localhost:9000/recodeWeb/send/test.jsp
结果如下：

访问：http://10.235.13.15:9000/recodeWeb/send/test.jsp
结果如下：

一直提示：用户拒绝访问麦客风
谷歌浏览器麦克风设置访问权限localhost和10.235.13.15都给了权限
哪位大神帮帮忙！！！！

代码如下：
test.jsp:





<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Html5网页JavaScript录制MP3音频</title>

    <meta charset="utf-8" />

</head>

<body>

    <h1>Html5网页JavaScript录制MP3音频</h1>

    <button onclick="funStart(this);" id="btnStart" disabled>录制</button>

    <button onclick="funStop(this);" id="btnStop" disabled>停止</button>

    <button onclick="funUpload(this);" id="btnUpload" disabled>上传</button>

    <h4>调试信息：</h4>

    <div id="recordingslist"></div>

    <script src="./js/recordmp3.js"></script>

    <script>



        var recorder = new MP3Recorder({

            debug:true,

            funOk: function () {

                btnStart.disabled = false;

                log('初始化成功');

            },

            funCancel: function (msg) {

                log(msg);

                recorder = null;

            }

        });

        var mp3Blob;





        function funStart(button) {

            btnStart.disabled = true;

            btnStop.disabled = false;

            btnUpload.disabled = true;

            log('录音开始...');

            recorder.start();

        }



        function funStop(button) {

            recorder.stop();

            btnStart.disabled = false;

            btnStop.disabled = true;

            btnUpload.disabled = false;

            log('录音结束，MP3导出中...');

            recorder.getMp3Blob(function (blob) {

                log('MP3导出成功');



                mp3Blob = blob;

                var url = URL.createObjectURL(mp3Blob);

                var div = document.createElement('div');

                var au = document.createElement('audio');

                var hf = document.createElement('a');



                au.controls = true;

                au.src = url;

                hf.href = url;

                hf.download = new Date().toISOString() + '.mp3';

                hf.innerHTML = hf.download;

                div.appendChild(au);

                div.appendChild(hf);

                recordingslist.appendChild(div);

            });

        }



        function log(str) {

            recordingslist.innerHTML += str + '<br/>';

        }



        function funUpload() {

            var fd = new FormData();

            var mp3Name = encodeURIComponent('audio_recording_' + new Date().getTime() + '.mp3');

            fd.append('mp3Name', mp3Name);

            fd.append('file', mp3Blob);



            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function () {

                if (xhr.readyState == 4 && xhr.status == 200) {

                    recordingslist.innerHTML += '上传成功：<a href="' + xhr.responseText + '" target="_blank">' + mp3Name + '</a>';

                }

            };

        

            xhr.open('POST', 'upload.ashx');

            xhr.send(fd);

        }

    </script>

</body>

</html>

recordmp3.js:



(function () {

    'use strict';



    importScripts('lame.min.js');



    var mp3Encoder, maxSamples = 1152, samplesMono, lame, config, dataBuffer;

    var clearBuffer = function () {

        dataBuffer = [];

    };



    var appendToBuffer = function (mp3Buf) {

        dataBuffer.push(new Int8Array(mp3Buf));

    };





    var init = function (prefConfig) {

        config = prefConfig || {};

        lame = new lamejs();

        mp3Encoder = new lame.Mp3Encoder(1, config.sampleRate || 44100, config.bitRate || 128);

        clearBuffer();

        self.postMessage({

            cmd: 'init'

        });

    };



    var floatTo16BitPCM = function floatTo16BitPCM(input, output) {

        for (var i = 0; i < input.length; i++) {

            var s = Math.max(-1, Math.min(1, input[i]));

            output[i] = (s < 0 ? s * 0x8000 : s * 0x7FFF);

        }

    };



    var convertBuffer = function (arrayBuffer) {

        var data = new Float32Array(arrayBuffer);

        var out = new Int16Array(arrayBuffer.length);

        floatTo16BitPCM(data, out)

        return out;

    };



    var encode = function (arrayBuffer) {

        samplesMono = convertBuffer(arrayBuffer);

        var remaining = samplesMono.length;

        for (var i = 0; remaining >= 0; i += maxSamples) {

            var left = samplesMono.subarray(i, i + maxSamples);

            var mp3buf = mp3Encoder.encodeBuffer(left);

            appendToBuffer(mp3buf);

            remaining -= maxSamples;

        }



    };



    var finish = function () {

        appendToBuffer(mp3Encoder.flush());

        self.postMessage({

            cmd: 'end',

            buf: dataBuffer

        });

        clearBuffer();

    };



    self.onmessage = function (e) {

        switch (e.data.cmd) {

            case 'init':

                init(e.data.config);

                break;

            case 'encode':

                encode(e.data.buf);

                break;

            case 'finish':

                finish();

                break;

        }

    };



})();