H5采集pcm流转换采样率实时发送到服务端
function startTalk(ws2, button) {
var arrBuffer = new ArrayBuffer(320 * 2);
var sendBuffer = new DataView(arrBuffer);
var sendBufferindex = 0;
if (navigator.getUserMedia) {
navigator.getUserMedia(
{ audio: true },
function (stream) {
button.text("挂 断")
button.attr("status","doing")
var context = new AudioContext();
var audioInput = context.createMediaStreamSource(stream);
var recorder = context.createScriptProcessor(1024, 1, 1);
audioInput.connect(recorder);
recorder.connect(context.destination);
recorder.onaudioprocess = function (e) {
var buffer = e.inputBuffer.getChannelData(0);
var arrayBuffer = context.createBuffer(1, 1024, context.sampleRate);
var nowBuffering = arrayBuffer.getChannelData(0);
for (var i = 0; i < arrayBuffer.length; i++) {
nowBuffering[i] = buffer[i]
}
var offctx = new OfflineAudioContext(1, parseInt(1024*16000/context.sampleRate), 16000);
var source = offctx.createBufferSource();
source.buffer = arrayBuffer;
source.connect(offctx.destination);
source.start();
offctx.startRendering().then(function(renderedBuffer) {
var channetData = renderedBuffer.getChannelData(0)
source.stop();
var index = 0
var length = channetData.length
while (index < length) {
var selectBuffer = channetData[index]
var s = Math.max(-1, Math.min(1, selectBuffer));
var point = s < 0 ? s * 0x8000 : s * 0x7FFF;
if (sendBufferindex < 320 * 2) {
sendBuffer.setInt16(sendBufferindex, point, true);
} else {
var sendData = {
"cmd":"pcm",
"data":{
"buffer": Array.from(new Int16Array(arrBuffer)),
"timestamp": new Date().getTime(),
}
}
if(ws2.readyState == ws2.CLOSING || ws2.readyState == ws2.CLOSED) {
recorder.disconnect()
return
}
ws2.send(JSON.stringify(sendData))
sendBuffer = new DataView(arrBuffer);
sendBufferindex = 0;
sendBuffer.setInt16(sendBufferindex, point, true);
}
index++;
sendBufferindex = sendBufferindex + 2;
}
})
}
},
function() {
ws2.close()
button.attr("status","close")
button.text("通 话")
alert('请插入耳机');
H5采集pcm流转换采样率实时发送到服务端的更多相关文章
- node.js平台下,cropper.js实现图片裁剪预览并转换为base64发送至服务端。
一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...
- cropper.js实现图片裁剪预览并转换为base64发送至服务端。
一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...
- cookie是如何保存到客户端,又是如何发送到服务端
Cookie相关的Http头 有 两个Http头部和Cookie有关:Set-Cookie和Cookie. Set-Cookie由服务器发送,它包含在响应请求的头部中.它用于在客户端创 ...
- 微信小程序填坑之路其一:wx.request发送与服务端接受
一.序言 应公司要求要求,要用小程序开发一个信息录入系统.没办法只能听话来填坑. 先介绍一下环境:客户端——小程序:服务端——java:数据库——mysql:服务器——centos7 需求:客户端输入 ...
- C#socket客户端自己输入消息发送到服务端通信实现通信
一,服务端代码 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
- 记录下httpclient 发送请求 服务端用@RequestBody 自动接收参数 报415
注解是post方式,那么检查以下内容:1. 你是否用了post请求2. 请求是否发送了数据3. 请求内容格式需要是 application/json .jquery 设置 contentType,-- ...
- 基于NIO的同步非阻塞编程完整案例,客户端发送请求,服务端获取数据并返回给客户端数据,客户端获取返回数据
这块还是挺复杂的,挺难理解,但是多练几遍,多看看研究研究其实也就那样,就是一个Selector轮询的过程,这里想要双向通信,客户端和服务端都需要一个Selector,并一直轮询, 直接贴代码: Ser ...
- PHP-Socket服务端客户端发送接收通信实例详解
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://fighter.blog.51cto.com/1318618/1533957 So ...
- rtsp实时流通过rtmp推送到服务端
很多朋友都会问到rtsp如何通过rtmp协议推送到服务端,正好前段时间开发了这个功能写在这里,和大家分享下. 首先我想说的是:ffmpeg可以实现这个功能.ffmpeg支持rtsp协议,也支持rtmp ...
随机推荐
- mongoDB(2)--mongoDB的常用命令
默认设置后台启动: vi mongodb.cfg 创建配置文件,配置启动信息 dbpath=/root/mongodb/data logpath=/root/mongodb/log/mongodb.l ...
- SpringCloud系列四:Eureka 服务发现框架(定义 Eureka 服务端、Eureka 服务信息、Eureka 发现管理、Eureka 安全配置、Eureka-HA(高可用) 机制、Eureka 服务打包部署)
1.概念:Eureka 服务发现框架 2.具体内容 对于服务发现框架可以简单的理解为服务的注册以及使用操作步骤,例如:在 ZooKeeper 组件,这个组件里面已经明确的描述了一个服务的注册以及发现操 ...
- PromiseThen 横向代码编辑
var PromiseThen = function(){ var fns = []; this.then = function(fn){ fns.push(fn); return this; } t ...
- php连接mysql(linux下)
一开始尝试了各种办法,.so文件拷贝了很多地方都失败了, 最后才知道 是编译php 没有开放 mysql ./configure --prefix=/usr/local/php5 --with-apx ...
- js导出excel文件
<div id="tablesDiv"> <table id="tabDiv1"> <tbody><tr> &l ...
- Linux网络编程学习(十) ----- Socket(第六章)
前言:由于第五章主要介绍了TCP和UDP协议以及两者的包头的字段以及相应的功能,这里就不介绍了,对着字段看功能就好了,后续开始学习第六章 1.Socket Socket实质上就是提供了通信的端点,每个 ...
- YDWE Keynote
[YDWE Keynote] 1.使用YDWE制作的地图,需要在禁用黑色阴影.迷雾.否则进入游戏将漆黑一片,什么都看不到. 2. 3. 4. 5. 6.
- 利用Access-Control-Allow-Origin响应头解决跨域请求原理
传统的跨域请求没有好的解决方案,无非就是jsonp和iframe,随着跨域请求的应用越来越多,W3C提供了跨域请求的标准方案(Cross-Origin Resource Sharing).IE8.Fi ...
- 启动tomcat时报错:http-nio-8080-exec-10
启动Tomcat后访问 http://192.168.199.10:8080/jpress-web-newest 网页,查看日志有报错 问题原因:Java的内存溢出 故障现象为: cat /app ...
- Unity3d项目入门之Rolling Ball
下面通过分析制作一个简单的收集特定物体的滚球游戏来入门unity,包括操作面板和C#脚本的编写导入,创建Game Object和给Object添加组件等等. 一 初始设置 在Assert下创建主场景M ...