웹소켓 속도저하문제

Question

스프링 웹소켓으로한쪽에선 사용자음성을 받아서 웹소켓서버에 보내고,서버에서는 받은 음성데이터를 그대로 클라이언트에게 다시 돌려주고,다른쪽클라이언트에선 서버에서 그대로 전달한 blob데이터를 받아서 차트를 그려주는..그런 테스트를 해보고있었는데속도 저하 문제가 있어서요...처음엔 빠르게 차트가 그려지다가 점점 차트가 그려지는 속도가 느려집니다. 근데 원인을 찾지 못하겠어서요..자바 서버를 한번 거쳐서 오는 문제일까요? 아니면 blob에서 arraybuffer로 변환 했을 때 생기는 문제일까요?아래는 자바코드입니다&#64;Overridepublic void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {// 메시지가 BinaryMessage 인스턴스인지 확인if (message instanceof BinaryMessage) {BinaryMessage binaryMessage &#61; (BinaryMessage) message;// 모든 클라이언트에게 메시지 보내기for (WebSocketSession webSocketSession : sessions.values()) {webSocketSession.sendMessage(binaryMessage);}}}음성 보내는쪽 클라이언트js 코드startButton.onclick &#61; function() {audioContext &#61; new window.AudioContext();analyser &#61; audioContext.createAnalyser();// 웹소켓 생성websocket &#61; new WebSocket('ws://localhost:8081/myHandler');// 웹소켓 연결이 열릴 때의 이벤트 핸들러websocket.onopen &#61; function() {navigator.mediaDevices.getUserMedia({ audio: true }).then(function(mediaStream) {stream &#61; mediaStream;var source &#61; audioContext.createMediaStreamSource(stream);source.connect(analyser);timer &#61; setInterval(function() {var dataArray &#61; new Float32Array(analyser.frequencyBinCount);analyser.getFloatTimeDomainData(dataArray);// 웹소켓을 통해 오디오 데이터를 서버로 전송websocket.send(dataArray);}, 10);audioContext.resume().then(function() {});});};받아서 차트를 그리는 쪽 클라이언트js 코드// 서버로부터 메시지를 받았을 때의 이벤트 핸들러websocket.onmessage &#61; function(event) {blobToFloat32Array(event.data).then(float32Array &#61;> {buffer1.push(float32Array[0]);buffer2.push(float32Array[100]);draw(); //차트그림//console.log(&#34;Float32Array:&#34;, float32Array);}).catch(error &#61;> {console.error(&#34;Error:&#34;, error);});};};// Blob을 Float32Array로 변환하는 함수async function blobToFloat32Array(blob) {// Blob을 읽기 위한 FileReader 객체 생성const reader &#61; new FileReader();// FileReader를 사용하여 Blob을 읽는 Promise 반환return new Promise((resolve, reject) &#61;> {reader.onload &#61; () &#61;> {// FileReader의 결과인 ArrayBuffer를 사용하여 Float32Array 생성const buffer &#61; reader.result;const float32Array &#61; new Float32Array(buffer);resolve(float32Array);};// FileReader로 Blob을 읽기 시작reader.readAsArrayBuffer(blob);});}

프로폴리스 · Answer

네트워크의 대역폭이나 또는 지연시간의 발생 때문이 아닐까 추측 해 봅니다.음성 빼고 하시면 아마 잘 될 거 같아요~

웹소켓 속도저하문제

1개의 답변

Q&A 목록