融云聊天java 消息,融云发送语音消息 - wf1的个人空间 - OSCHINA - 中文开源技术交流社区...

融云发送语音消息

最近在集成融云 IM SDK，但官方提供的语音不包含录音能力，所以自己做了一个浏览器录音并播放的 Demo，有需要的小伙伴可以拿去耍~~~

录音工具是 HTML5 的 getUserMedia，所以顽固派浏览器自然就木有办法支持了，好的，废话太多了，getUserMeida 录音的故事马上开始了。

实现思路

2、使用 WebWorker 来处理录音及音频转换。

3、转为 Base64 格式的 WAV，用于浏览器播放(此处需要注意，可以转换 Blob 直接播放，此处为了说明转换音频的接口，所以转为 Baes64)。

具体实现

1、开始录音：RongRecorder.record();

调用此方法开始录音。

2、停止录音：RongRecorder.stop();

调用此方法停止录音。

3、停止并导出：RongRecorder.stopAndExport(type,callback);

调用此方法停止并导出音频为指定的 type 类型(虽然目前只支持 Wave，为了后续的扩展嘛~~~)。

4、导出：RongRecorder.exportRecord(type);

导出指定 type 类型的音频流。

5、清空本地音频流：RongRecorder.clear();

演示

1、兼容 getUserMedia 代码片段

navigator.getUserMedia = navigator.getUserMedia ||navigator.webkitGetUserMedia ||navigator.mozGetUserMedia; 2、WebWorker 代码片段

this.onmessage = function(e){

switch(e.data.command){

case 'init':

init(e.data.config);

break;

case 'record':

record(e.data.buffer);

break;

case 'exportRecord':

exportRecord(e.data.type);

break;

case 'clearRecord':

clearRecord();

break;

}

};

function init(config){

sampleRate = config.sampleRate;

}

function clearRecord(){

recBuffersL.length = 0;

recLength = 0;

}

function record(inputBuffer){

recBuffersL.push(inputBuffer[0]);

//recBuffersR.push(inputBuffer[1]);

recLength += inputBuffer[0].length;

}

function exportRecord(type){

var bufferL = mergeBuffers(recBuffersL, recLength);

var interleaved = interleave(bufferL);

var dataview = encodeWAV(interleaved);

var audioBlob = new Blob([dataview], { type: type });

this.postMessage(audioBlob);

}

主要的核心代码都在上面了