355 lines
12 KiB
JavaScript
355 lines
12 KiB
JavaScript
/**
|
||
* @Author: zhangtq 2452618307@qq.com
|
||
* @Date: 2024-11-18 13:33:30
|
||
* @LastEditors: zhangtq 2452618307@qq.com
|
||
* @LastEditTime: 2024-11-18 13:34:44
|
||
* @FilePath: static/js/qx/utility/talk.js
|
||
* @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
|
||
*/
|
||
(function(window) {
|
||
//兼容
|
||
window.URL = window.URL || window.webkitURL;
|
||
//请求麦克风
|
||
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
|
||
|
||
var recorder = {};
|
||
var dtcWs = {};
|
||
var cb = {};
|
||
|
||
var Recorder = function(stream, config, name) {
|
||
|
||
config = config || {};
|
||
config.sampleBits = config.sampleBits || 16; //输出采样数位 8, 16
|
||
config.sampleRate = config.sampleRate || (8000); //输出采样率(1/6 48000)
|
||
|
||
// 音频上下文对象，可创建不同的AudioNode
|
||
var context = new AudioContext();
|
||
|
||
//将声音输入这个对像
|
||
var audioInput = context.createMediaStreamSource(stream);
|
||
|
||
//设置音量节点
|
||
// var volume = context.createGain();
|
||
// audioInput.connect(volume);
|
||
|
||
var recorder = context.createScriptProcessor(4096, 1, 1);
|
||
|
||
var audioData = {
|
||
size: 0 //录音文件长度
|
||
,
|
||
buffer: [] //录音缓存
|
||
,
|
||
inputSampleRate: context.sampleRate //输入采样率
|
||
,
|
||
inputSampleBits: 16 //输入采样数位 8, 16
|
||
,
|
||
outputSampleRate: config.sampleRate,
|
||
oututSampleBits: config.sampleBits,
|
||
clear: function() {
|
||
this.buffer = [];
|
||
this.size = 0;
|
||
}
|
||
/**
|
||
* @param {!Float32Array} data
|
||
*/
|
||
,
|
||
input: function(data) {
|
||
this.buffer.push(new Float32Array(data));
|
||
this.size += data.length;
|
||
},
|
||
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);
|
||
offset += this.buffer[i].length;
|
||
}
|
||
//压缩
|
||
var compression = parseInt(this.inputSampleRate / this.outputSampleRate);
|
||
var length = data.length / compression;
|
||
var result = new Float32Array(length);
|
||
var index = 0,
|
||
j = 0;
|
||
while (index < length) {
|
||
result[index] = data[j];
|
||
j += compression;
|
||
index++;
|
||
}
|
||
return result;
|
||
},
|
||
floatTo16BitPCM: function(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);
|
||
}
|
||
},
|
||
convertBuffer: function() {
|
||
var bytes = this.compress();
|
||
//console.log(bytes);
|
||
var data = new Float32Array(bytes);
|
||
var out = new Int16Array(bytes.length);
|
||
this.floatTo16BitPCM(data, out);
|
||
return out;
|
||
},
|
||
encodePCM: function() {
|
||
// PCM
|
||
var bytes = this.convertBuffer();
|
||
var data = new DataView(bytes.buffer);
|
||
return data;
|
||
},
|
||
encodeG711A: function() { //转G711A
|
||
// G711A
|
||
var smaples = this.convertBuffer();
|
||
var g7111aBuf = alawmulaw.alaw.encode(smaples);
|
||
return g7111aBuf;
|
||
},
|
||
encodeG711aBuffer: function() {
|
||
// DataView
|
||
var smaples = this.convertBuffer();
|
||
var g7111aBuf = alawmulaw.alaw.encode(smaples);
|
||
var data = new DataView(g7111aBuf.buffer);
|
||
return data;
|
||
}
|
||
};
|
||
|
||
//开始录音
|
||
this.start = function() {
|
||
audioInput.connect(recorder);
|
||
recorder.connect(context.destination);
|
||
};
|
||
|
||
//停止
|
||
this.stop = function() {
|
||
audioInput.disconnect();
|
||
recorder.disconnect();
|
||
};
|
||
|
||
this.getData = function() {
|
||
return audioData.encodeG711A();
|
||
};
|
||
|
||
//回放
|
||
this.play = function(audio) {
|
||
audio.src = window.URL.createObjectURL(this.getBlob());
|
||
};
|
||
|
||
//获取音频文件
|
||
this.getBuffer = function() {
|
||
//return audioData.encodePCM();
|
||
return audioData.encodeG711aBuffer();
|
||
};
|
||
//清空缓存
|
||
this.clear = function() {
|
||
audioData.clear();
|
||
};
|
||
|
||
//音频采集
|
||
var that = this;
|
||
recorder.onaudioprocess = function(e) {
|
||
audioData.input(e.inputBuffer.getChannelData(0));
|
||
var data = that.getData();
|
||
// getG711A(data);
|
||
if (dtcWs[name]) {
|
||
dtcWs[name].send(data);
|
||
};
|
||
that.clear();
|
||
};
|
||
};
|
||
//抛出异常
|
||
Recorder.throwError = function(message) {
|
||
throw new function() { this.toString = function() { console.log(message) }; };
|
||
};
|
||
//是否支持录音
|
||
Recorder.canRecording = (navigator.getUserMedia != null);
|
||
//获取录音机
|
||
Recorder.get = function(callback, config, name) {
|
||
if (callback) {
|
||
if (navigator.getUserMedia) {
|
||
navigator.getUserMedia({ audio: true } //只启用音频
|
||
,
|
||
function(stream) {
|
||
var rec = new Recorder(stream, config, name);
|
||
callback(rec);
|
||
},
|
||
function(error) {
|
||
switch (error.code || error.name) {
|
||
case 'PERMISSION_DENIED':
|
||
case 'PermissionDeniedError':
|
||
STRecorder.throwErr('用户拒绝提供信息。');
|
||
break;
|
||
case 'NOT_SUPPORTED_ERROR':
|
||
case 'NotSupportedError':
|
||
STRecorder.throwErr('浏览器不支持硬件设备。');
|
||
break;
|
||
case 'MANDATORY_UNSATISFIED_ERROR':
|
||
case 'MandatoryUnsatisfiedError':
|
||
STRecorder.throwErr('无法发现指定的硬件设备。');
|
||
break;
|
||
default:
|
||
console.log('无法打开麦克风。异常信息:', error);
|
||
STRecorder.throwErr('无法打开麦克风。异常信息:' + (error.code || error.name));
|
||
break;
|
||
}
|
||
}
|
||
);
|
||
return;
|
||
} else if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
|
||
navigator.mediaDevices.getUserMedia({
|
||
audio: true
|
||
})
|
||
.then(function(stream) {
|
||
var rec = new Recorder(stream, config, name);
|
||
callback(rec);
|
||
}).catch(function(error) {
|
||
switch (error.code || error.name) {
|
||
case 'PERMISSION_DENIED':
|
||
case 'PermissionDeniedError':
|
||
Recorder.throwError('用户拒绝提供信息。');
|
||
break;
|
||
case 'NOT_SUPPORTED_ERROR':
|
||
case 'NotSupportedError':
|
||
Recorder.throwError('浏览器不支持硬件设备。');
|
||
break;
|
||
case 'MANDATORY_UNSATISFIED_ERROR':
|
||
case 'MandatoryUnsatisfiedError':
|
||
Recorder.throwError('无法发现指定的硬件设备。');
|
||
break;
|
||
default:
|
||
Recorder.throwError('无法打开麦克风。异常信息:' + (error.code || error.name));
|
||
break;
|
||
}
|
||
});
|
||
return;
|
||
} else {
|
||
Recorder.throwError('当前浏览器不支持录音功能。');
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
function dtcWebsocket(websocket_url, IP, Port, Token, queryToken, name) { // 连接websocket
|
||
|
||
var ws = new WebSocket(websocket_url + '?token=' + queryToken + '&IP=' + IP + '&Port=' + Port + '&Token=' + Token + '&dtc=true');
|
||
console.log(ws)
|
||
ws.onopen = function(evt) {
|
||
var message = {
|
||
type: "websocket_success",
|
||
msg: "dtc websocket连接成功"
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
Recorder.get(function(rec) {
|
||
recorder[name] = rec;
|
||
recorder[name].start();
|
||
}, {}, name);
|
||
};
|
||
ws.onmessage = function(data) {};
|
||
|
||
ws.onclose = function(evt) {
|
||
var message = {
|
||
type: "websocket_close",
|
||
msg: "dtc websocket连接断开"
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
recorder[name].stop(); //关闭采集数据
|
||
recorder[name].clear(); //清空采集数据缓存
|
||
recorder[name] = null;
|
||
dtcWs[name] = null; //清空websocket
|
||
cb[name] = null;
|
||
};
|
||
|
||
ws.onerror = function(evt) {
|
||
var message = {
|
||
type: "websocket_error",
|
||
msg: evt
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
recorder[name].stop();
|
||
recorder[name].clear();
|
||
recorder[name] = null;
|
||
dtcWs[name] = null; //清空websocket
|
||
cb[name] = null;
|
||
};
|
||
return ws;
|
||
}
|
||
window.Recorder = Recorder;
|
||
|
||
window.startCall = function(q2http_url, websocket_url, token, puid, idx, name, callback) { //开启对讲,每开启一个对讲就开启一个websocket,关闭对讲就要关闭websocket
|
||
if (callback) {
|
||
cb[name] = callback;
|
||
}
|
||
|
||
var params = {
|
||
puid: puid,
|
||
idx: idx
|
||
}
|
||
|
||
$.ajax({
|
||
type: 'post',
|
||
url: q2http_url + "audio/startCall?token=" + token,
|
||
data: params,
|
||
traditional: true,
|
||
dataType: 'json',
|
||
async: false,
|
||
complete: function(rv) {
|
||
console.log(rv)
|
||
var res = rv.responseJSON;
|
||
console.log(res)
|
||
if (res.hasOwnProperty('errcode')) {
|
||
var message = {
|
||
type: "startTalk_error",
|
||
msg: res.data.message
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
return;
|
||
} else {
|
||
console.log(name)
|
||
dtcWs[name] = dtcWebsocket(websocket_url, res.IP, res.Port, res.Token, token, name);
|
||
var message = {
|
||
type: "startTalk_success",
|
||
msg: "打开喊话成功"
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
return;
|
||
};
|
||
},
|
||
error: function(err) {
|
||
console.log(err);
|
||
}
|
||
})
|
||
};
|
||
|
||
window.stopCall = function(name) {
|
||
if (recorder[name]) {
|
||
dtcWs[name].close(); //关闭websocket
|
||
var message = {
|
||
type: "stopTalk_success",
|
||
msg: "关闭喊话成功"
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
return;
|
||
} else {
|
||
var message = {
|
||
type: "stopTalk_error",
|
||
msg: "未找到喊话无法停止喊话"
|
||
};
|
||
if (cb[name]) {
|
||
cb[name](message)
|
||
};
|
||
return;
|
||
};
|
||
};
|
||
})(window);
|