我正在使用RecordRTC在我的javascript客戶端錄制一些音頻數據.我想通過WebSockets將這個音頻數據發送到我的Spring RestController.

錄制后我在我的javascript客戶端中有一個blob對象：Blob {size：65859,type：“audio / webm”}

我嘗試使用FileReader將此blob轉換為ArrayBuffer對象,看起來像這個ArrayBuffer {} byteLength：65859

我發送ArrayBuffer的javascript代碼如下所示：

const reader = new FileReader();

reader.addEventListener( 'loadend', () => {

console.log( 'readerResult', reader.result );

this.stompClient.send( "/app/hello", {}, reader.result );

} );

this.recorder.stopRecording(() => {

const blob = this.recorder.getBlob();

reader.readAsArrayBuffer( blob );

console.log( "blob", blob );

} );

我的Spring Boot應用程序中的WebSocket端點如下所示：

@MessageMapping("/hello")

public void stream(byte[] input) throws Exception {

System.out.println("incoming message ...");

System.out.println(input);

System.out.println(input.length);

}

這是控制臺輸出：

incoming message ...

[B@6142acb4

20

我的服務器中的bytearray只包含20個字節,看起來只有元數據被傳輸？

如何將錄制的Blob傳輸到我的Spring服務器并創建它的(webm)文件？我是否必須更改端點的參數？

總結

以上是生活随笔為你收集整理的java filereader blob_如何从javascript发送音频blob到java spring服务...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。