volume

最新推荐文章于 2024-08-17 21:59:34 发布
最新推荐文章于 2024-08-17 21:59:34 发布
阅读量117 收藏
点赞数
buttonB 停止 播放g711 播放声音 
//播放队列
var play_queue= new Array(20);
var index_play = 0;
var index_insert = 0;
$(function(){
    //setTimeout("timedCount()",50);
});

function test() {
    setInterval("timedCount()",200);
}

function timedCount(){
    if(index_play==20)
        index_play=0;
    console.log("播放第："+index_play+"包");
    //audio.src = window.URL.createObjectURL(play_queue[index_play]);
    //play(play_queue[index_play++]);
    console.log(play_queue[index_play]);
    audioContext.decodeAudioData(play_queue[index_play], function(buffer) {//解码成pcm流
        var audioBufferSouceNode = audioContext.createBufferSource();
        audioBufferSouceNode.buffer = buffer;
        audioBufferSouceNode.connect(audioContext.destination);
        audioBufferSouceNode.start(0);
    }, function(e) {
        console.log("failed to decode the file");
    });
    //播放后清空
    //var buffer = new ArrayBuffer(0);
    play_queue[index_play] = new ArrayBuffer(0);
    index_play++;

}


var audioContext = new AudioContext();    //被移除下面函数体

var a = document.getElementById('a');
var b = document.getElementById('b');
var c = document.getElementById('c');

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;

var gRecorder = null;
var audio = document.querySelector('audio');

var door = false;
var ws = null;

//audio标签的回调
audio.addEventListener('ended', function () {
    console.log("ended");
    //todo
    timedCount();
}, false);

b.onclick = function() {

    if(a.value === '') {
        alert('请输入用户名');
        return false;
    }
    if(!navigator.getUserMedia) {
        alert('抱歉您的设备无法语音聊天');
        return false;
    }

    SRecorder.get(function (rec) {
        gRecorder = rec;
    });

    ws = new WebSocket("ws://localhost:8080/volume/websocket/volume.html");

    ws.onopen = function() {
        console.log('握手成功');
        ws.send(a.value);
    };

    ws.onmessage = function(e) {
        console.log("后台返回数据"+e.data);
        var reader = new FileReader();
        reader.readAsArrayBuffer(e.data);
        //receive(e.data.encodeWAV());     //给g711编码后播放

        reader.onload = function(evt)
        {
            if(evt.target.readyState == FileReader.DONE)
            {
                var data = new Uint8Array(evt.target.result);
                //方式2 ok
                if(index_insert==20){
                    index_insert=0;
                }
                play_queue[index_insert] = pcm2wav(data);
                console.log("第"+index_insert+"包：");
                index_insert++;
            }
        }
        //pcm2wav
        //receive(e.data);       //直接播放wav
    };

    ws.onclose = function () {
        console.log("断开连接");
    }

    ws.onerror = function (evt){
        console.log(evt);
    }
    document.onkeydown = function(e) {
        if(e.keyCode === 65) {
            if(!door) {
                gRecorder.start();
                door = true;
            }
        }
    };
    //发送二进制语音包
    document.onkeyup = function(e) {
        if(e.keyCode === 65) {
            if(door) {
                console.log(gRecorder);
              ws.binaryData = "blob";
             ws.send(gRecorder.getBlob());
             gRecorder.clear();
                gRecorder.stop();
                door = false;
            }
        }
    }
}

c.onclick = function() {
    if(ws) {
        //ws.close();
    }
}

function pcm2wav(pcm_byte) {
    var sampleRate = 8000;    //采样率
    var sampleBits = 16;      //采样位数
    var dataLength = pcm_byte.length;
    var buffer = new ArrayBuffer(44 + dataLength);
    var data = new DataView(buffer);    //可使用 DataView 对象在 ArrayBuffer 中的任何位置读取和写入不同类型的二进制数据。

    var channelCount = 1;//单声道
    var offset = 0;

    var writeString = function (str) {
        for (var i = 0; i < str.length; i++) {
            data.setUint8(offset + i, str.charCodeAt(i));
        }
    };

    // 资源交换文件标识符
    writeString('RIFF'); offset += 4;
    // 下个地址开始到文件尾总字节数,即文件大小-8
    data.setUint32(offset, 36 + dataLength, true); offset += 4;
    // WAV文件标志
    writeString('WAVE'); offset += 4;
    // 波形格式标志
    writeString('fmt '); offset += 4;
    // 过滤字节,一般为 0x10 = 16
    data.setUint32(offset, 16, true); offset += 4;
    // 格式类别 (PCM形式采样数据)
    data.setUint16(offset, 1, true); offset += 2;
    // 通道数
    data.setUint16(offset, channelCount, true); offset += 2;
    // 采样率,每秒样本数,表示每个通道的播放速度
    data.setUint32(offset, sampleRate, true); offset += 4;
    // 波形数据传输率 (每秒平均字节数) 单声道×每秒数据位数×每样本数据位/8
    data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4;
    // 快数据调整数 采样一次占用字节数 单声道×每样本的数据位数/8
    data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;
    // 每样本数据位数
    data.setUint16(offset, sampleBits, true); offset += 2;
    // 数据标识符
    writeString('data'); offset += 4;
    // 采样数据总数,即数据总大小-44
    data.setUint32(offset, dataLength, true); offset += 4;
    //数据位
    for(var i=0;i<pcm_byte.length;i++,offset++){
        data.setUint8(offset,pcm_byte[i]);
    }

    // 写入采样数据
  if (sampleBits === 8) {
       for (var i = 0; i < bytes.length; i++, offset++) {
          var s = Math.max(-1, Math.min(1, bytes[i]));
           var val = s < 0 ? s * 0x8000 : s * 0x7FFF;
           val = parseInt(255 / (65535 / (val + 32768)));     
                     data.setInt8(offset, val, true);
       }
 } else {
       for (var i = 0; i < bytes.length; i++, offset += 2) {
           var s = Math.max(-1, Math.min(1, bytes[i]));
          data.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
       }        }

    return buffer;
    //return new Blob([data], { type: 'audio/wav' });
}



var SRecorder = function(stream) {
    config = {};

    config.sampleBits = config.smapleBits || 16;    //输出量化位数
    config.sampleRate = config.sampleRate || (44100 / 6);       //输出采样频率

    console.log("输出量化位数："+config.sampleBits);
    var context = new AudioContext();    //被移除下面函数体

    console.log("输入采样频率："+context.sampleRate);
    var audioInput = context.createMediaStreamSource(stream);
    var recorder = context.createScriptProcessor(4096, 1, 1);    //buffer size input channel output channel

    var audioData = {
        size: 0          //录音文件长度
        , buffer: []    //录音缓存
        , inputSampleRate: context.sampleRate    //输入采样率
        , inputSampleBits: 16      //输入采样数位 8, 16
        , outputSampleRate: config.sampleRate    //输出采样率
        , oututSampleBits: config.sampleBits      //输出采样数位 8, 16
        , clear: function() {
            this.buffer = [];    //buffer里是一段一段的Float32数组
            this.size = 0;
        }
        , input: function (data) {
            this.buffer.push(new Float32Array(data));   //buffer存储float32,size为字节大小,buffer大小为float大小
            this.size += data.length;
            //console.log("当前大小:"+this.size);
            console.log("**************");
            console.log(this.buffer.length);
            if(this.buffer.length==4) {
                ws.binaryData = "blob";
                ws.send(gRecorder.getBlob());
                gRecorder.clear();
            }
            gRecorder.stop();
        }
        , compress: function () { //合并压缩
            //合并
            var data = new Float32Array(this.size);
            var offset = 0;
            for (var i = 0; i < this.buffer.length; i++) {
                data.set(this.buffer[i], offset);       //把buffer中的各个Float32数组合并成一个
                offset += this.buffer[i].length;
            }
            //压缩
            var compression = parseInt(this.inputSampleRate / this.outputSampleRate);   //6
            var length = data.length / compression;    //600/6 = 10
            var result = new Float32Array(length);    // 32 位浮点值的类型化数组
            var index = 0, j = 0;
            while (index < length) {
                result[index] = data[j];
                j += compression;     //j+=6
                index++;
            }
            return result;
        }
        , encodeWAV: function () {
            var sampleRate = Math.min(this.inputSampleRate, this.outputSampleRate);
            var sampleBits = Math.min(this.inputSampleBits, this.oututSampleBits);
            var bytes = this.compress();
            var dataLength = bytes.length * (sampleBits / 8);    //一个Float32转成一个u8  或 u16;所以长度没问题
            var buffer = new ArrayBuffer(44 + dataLength);
            var data = new DataView(buffer);

            var channelCount = 1;//单声道
            var offset = 0;

            var writeString = function (str) {
                for (var i = 0; i < str.length; i++) {
                    data.setUint8(offset + i, str.charCodeAt(i));
                }
            };

            // 资源交换文件标识符
            writeString('RIFF'); offset += 4;
            // 下个地址开始到文件尾总字节数,即文件大小-8
            data.setUint32(offset, 36 + dataLength, true); offset += 4;
            // WAV文件标志
            writeString('WAVE'); offset += 4;
            // 波形格式标志
            writeString('fmt '); offset += 4;
            // 过滤字节,一般为 0x10 = 16
            data.setUint32(offset, 16, true); offset += 4;
            // 格式类别 (PCM形式采样数据)
            data.setUint16(offset, 1, true); offset += 2;
            // 通道数
            data.setUint16(offset, channelCount, true); offset += 2;
            // 采样率,每秒样本数,表示每个通道的播放速度
            data.setUint32(offset, sampleRate, true); offset += 4;
            // 波形数据传输率 (每秒平均字节数) 单声道×每秒数据位数×每样本数据位/8
            data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4;
            // 快数据调整数 采样一次占用字节数 单声道×每样本的数据位数/8
            data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;
            // 每样本数据位数
            data.setUint16(offset, sampleBits, true); offset += 2;
            // 数据标识符
            writeString('data'); offset += 4;
            // 采样数据总数,即数据总大小-44
            data.setUint32(offset, dataLength, true); offset += 4;
            // 写入采样数据
            if (sampleBits === 8) {
                for (var i = 0; i < bytes.length; i++, offset++) {
                    var s = Math.max(-1, Math.min(1, bytes[i]));
                    var val = s < 0 ? s * 0x8000 : s * 0x7FFF;
                    val = parseInt(255 / (65535 / (val + 32768)));
                    data.setInt8(offset, val, true);
                }
            } else {
                for (var i = 0; i < bytes.length; i++, offset += 2) {
                    var s = Math.max(-1, Math.min(1, bytes[i]));
                    data.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
                }
            }
            return new Blob([data], { type: 'audio/wav' });
        }
    };

    this.start = function () {
        audioInput.connect(recorder);
        recorder.connect(context.destination);  //把麦克风的输入和音频采集相连起来 context.destination返回代表在环境中的音频的最终目的地。
    }

    this.stop = function () {
        recorder.disconnect();       //断开连接
    }

    this.getBlob = function () {
        return audioData.encodeWAV();
        //return audioData.buffer;
    }

    this.clear = function() {
        audioData.clear();
    }

    recorder.onaudioprocess = function (e) {
        audioData.input(e.inputBuffer.getChannelData(0));
    }
};

SRecorder.get = function (callback) {
    if (callback) {
        if (navigator.getUserMedia) {
            navigator.getUserMedia(
                { audio: true },
                function (stream) {            //获取流成功后的回调，执行一次
                    var rec = new SRecorder(stream);
                    callback(rec);
                },
                function (){
                    console.log("接口调用失败后的回调");
                })
        }
    }
}

function receive(e) {
    //播放缓冲队列中的内容，播放后清空
    audio.src = window.URL.createObjectURL(e);
}
误入歧途的coder
关注
docker mysql volume_Docker 持久化存储和数据共享_Volume
weixin_42310271的博客
01-19 989
有些容器会自动产生一些数据，为了不让数据随着container的消失而消失，保证数据的安全性。例如：数据库容器，数据表的表会产生一些数据，如果我把container给删除，数据就丢失。为了保证数据不丢失，这就有了Volume的存在。Volume 是保存Docker容器生成和使用的数据的首选机制。虽然bind mounts依赖于主机的目录结构，但Volume完全由Docker管理。Volume绑...
Fog Volume渲染算法实现
海洋个人博客
12-27 3637
由于项目需求，需要实现Fog Volume的效果，查阅了网上资料没有找到相关算法介绍，Unity虽然提供了插件但是效果不是项目想要的，只能自己去写，为了便于日后查阅，写篇博客记录下来，在介绍Fog Volume算法实现之前，先介绍Fog Volume可以实现的效果表现，它可以跟blinn phone，阴影结合起来使用，效果更佳，看下面与blinn phone结合实现的效果： 每种渲染效果的背后都...
Win10：无法生成“D:\System Volume Information“ 下常规子目录的列表。拒绝访问。
热门推荐
地理信息系统、摄影测量与遥感、人工智能
04-17 7万+
1.问题背景 Win10只要系统安装好之后会自动生成一系列的系统文件夹，如下： 这类文件夹比较特殊，它们比普通文件夹多一个“位置”选项卡，如默认的“下载”文件夹，edge和chrome浏览器会默认下载到这个文件夹，所以新系统拿到手之后，往往都需要将这些文件夹修改到其他硬盘上，不然C盘会因为下载文件的不断增多而变得异常臃肿： 如果这个时候你手抖了，需要修改...............
[Docker][Docker Volume]详细讲解
SnowK博客
08-01 5900
[Docker][Docker Volume]详细讲解
【Docker】Docker Volume（存储卷）
Elena's Blog
08-17 2458
什么是存储卷。
docker常用命令volume篇
lihongbao80的专栏
02-08 1万+
1、docker volume方式 在Docker中，要想实现数据的持久化（所谓Docker的数据持久化即数据不随着Container的结束而结束），需要将数据从宿主机挂载到容器中。目前Docker提供了三种不同的方式将数据从宿主机挂载到容器中： （1）volumes：Docker管理宿主机文件系统的一部分，默认位于 /var/lib/docker/volumes 目录中；（最常用的方式） 　　由上图可以知道，目前所有Container的数据都保存在了这个目录下边，由于没有在创建时指定卷，所以Docker
【推荐100个unity插件之24】Post Processing 后处理插件Post-process Volume 和 Volume最全基础使用说明
向宇
08-06 2439
之前我已经实现了不少后处理功能，本文其实就是将他们归类整理，以便更好的查找和理解。在Unity中，后处理（Post-Processing）是在相机所捕捉的图像上应用一些特殊效果的过程，后处理会让图像视觉效果更好（前提是做的好）。这些效果的范围有非常细微的颜色调整，也包括整体的美术风格的大修，可以让场景看起来更加真实或风格化，或者只是变得更好看。就像我们都会用手机拍照，但很多时候我们拍的原始的相片都打不到我们想要的效果。比如照片可能亮度不够，颜色不饱和或者对比度不好等。
Docker Volume(存储卷)
爱敲代码的三毛的博客
09-14 2292
Docker存储卷学习
Docker Volume - 目录挂载以及文件共享
rubys007的博客
01-20 2279
Docker中的数据可以存储在类似于虚拟机磁盘的介质中，在Docker中称为数据卷（Data Volume）。数据卷可以用来存储Docker应用的数据，也可以用来在Docker容器间进行数据共享。数据卷呈现给Docker容器的形式就是一个目录，支持多个容器间共享，修改也不会影响镜像。使用Docker的数据卷，类似在系统中使用 mount 挂载一个文件系统。
Dockerfile 指令 VOLUME 介绍
qq_45737042的博客
08-24 3645
Dockerfile 指令 VOLUME 介绍 前言一、容器上不了网的问题的解决方法：1.启动容器限制容器可以使用的cpu和内存资源**2.问题:如何限制一个进程可以使用多少cpu和多少内存？3.docker 容器起的mysql，可以使用root用户直接去连接二、volume + mount 问题1.容器的数据保存-数据持久化 (data persistence )2.volume + mount3.练习:总结*3.如果你看到这里了,麻烦???? + 关注哈,感谢支持,码字不易,谢谢理解.** 前言
unity体积雾通用插件Fog Volume 3
01-09
《Unity体积雾通用插件Fog Volume 3详解》 Unity引擎在3D场景渲染方面具有卓越的表现，而其中的体积雾效果则是提升场景氛围感和真实度的关键元素之一。Fog Volume 3，作为一款专门针对体积雾的插件，版本3.4.1在前...
Volume-Unity-Plugin：用于渲染Volume资产的Unity3D插件
02-06
Volume Unity插件 一个用于渲染资产的Unity3D插件。 是机器学习驱动的工具，用于在3D空间中重建2D图像和视频。 有关Beta版的早期版本，请通过给我们 用法 使用将插件的最新版本下载为.unitypackage 打开包装后，您...
Volume2:Volume²-高级Windows音量控制
05-22
《Volume²：高级Windows音量控制深度解析》 在Windows操作系统中，音量控制是日常使用中的重要功能，尤其对于音乐爱好者、游戏玩家以及多媒体编辑者来说更是不可或缺。Volume²是一款高级的音量控制软件，它提供了...
Unity 官方推荐插件Fog Volume 3.2.1p3
02-05
"Fog Volume 3.2.1p3"是一款由Unity官方推荐的插件，专门用于生成逼真的雾、云和大气雾效。这款插件的出现，使得开发者能够更加轻松地创建出丰富多样的气候和环境效果。 首先，让我们深入了解Fog Volume的核心特性...
如何给一个正在运行的Docker容器动态添加Volume
09-30
标题所涉及的知识点是：如何在Docker容器运行过程中动态添加数据卷（Volume）。在传统的认知中，数据卷通常在创建容器的时候被指定，因为Docker容器本身是不可变的，所以传统操作不支持在容器运行后修改其配置。但是...
ARCore（Android的增强现实）：ARCore性能优化与调试技巧.docx
最新发布
11-01
ARCore（Android的增强现实）：ARCore性能优化与调试技巧
停止维护 基于 ReactNative、Redux 的漫画.zip
11-01
停止维护 基于 ReactNative、Redux 的漫画
HIKVISION海康威视DS-7916N-E4 DS-7932N-E4录像机固件V3.4.106 build 200619
11-01
HIKVISION海康威视DS-7916N-E4 DS-7932N-E4硬盘录像机固件V3.4.106 build 200619版（2020年6月22日发布） 新版固件支持解绑萤石云功能。 注意： 设备升级有风险，请确认是否一定要升级设备。 请确认升级程序包是否适用于您的设备。 在设备升级过程中请勿断电。
2001-2023年上市公司企业平台生态嵌入数据含原始数据+计算代码+计算结果-最新出炉.zip
11-01
2001-2023年上市公司企业平台生态嵌入数据含原始数据+计算代码+计算结果-最新出炉.zip
Veritas Volume Manager命令指南
"vertas_volume_manager命令手册.doc" 本文档是关于Vertas Volume Manager（VxVM）和与其相关的VxFS文件系统的命令手册。VxVM是一种存储管理解决方案，它提供了一种高效的方式来管理磁盘卷，包括创建、扩展、备份和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值