hax/seek-tune
1
0
Fork 0
mirror of https://github.com/cgzirim/seek-tune.git synced 2025-12-17 08:54:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #2 from cgzirim/development

Browse source 
Development
This commit is contained in:
Chigozirim Igweamaka 2024-06-27 05:59:33 +01:00 • committed by GitHub
commit 6e0aa6ce40
1 changed files with 36 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
client/src/App.js
View file

@ -11,8 +11,10 @@ import "react-toastify/dist/ReactToastify.css";
import { MediaRecorder, register } from "extendable-media-recorder";
import { connect } from "extendable-media-recorder-wav-encoder";
// var socket = io("http://localhost:5000");
var socket = io("https://localport.online:4443/");
const backendServer =
process.env.REACT_APP_BACKEND_URL || "http://localhost:5000";
var socket = io(backendServer);
function App() {
const [stream, setStream] = useState();
@ -111,30 +113,32 @@ function App() {
track.stop();
}
// const audioContext = new AudioContext({
// sampleRate: 44100,
// });
// const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(
// audioContext,
// { mediaStream: audioStream }
// );
// const mediaStreamAudioDestinationNode =
// new MediaStreamAudioDestinationNode(audioContext, {
// channelCount: 1,
// });
/** Attempt to change sampleRate
const audioContext = new AudioContext({
sampleRate: 44100,
});
const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(
audioContext,
{ mediaStream: audioStream }
);
const mediaStreamAudioDestinationNode =
new MediaStreamAudioDestinationNode(audioContext, {
channelCount: 1,
});
// mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
// const mediaRecorder = new MediaRecorder(
// mediaStreamAudioDestinationNode.stream,
// { mimeType: "audio/wav" }
// );
const mediaRecorder = new MediaRecorder(
mediaStreamAudioDestinationNode.stream,
{ mimeType: "audio/wav" }
);
// const settings = mediaStreamAudioDestinationNode.stream
// .getAudioTracks()[0]
// .getSettings();
const settings = mediaStreamAudioDestinationNode.stream
.getAudioTracks()[0]
.getSettings();
// console.log("Settings: ", settings);
console.log("Settings: ", settings);
*/
const mediaRecorder = new MediaRecorder(audioStream, {
mimeType: "audio/wav",
@ -162,9 +166,17 @@ function App() {
// downloadRecording(blob);
reader.readAsArrayBuffer(blob);
reader.onload = (event) => {
reader.onload = async (event) => {
const arrayBuffer = event.target.result;
// get record duration
const arrayBufferCopy = arrayBuffer.slice(0);
const audioContext = new AudioContext();
const audioBufferDecoded = await audioContext.decodeAudioData(
arrayBufferCopy
);
const recordDuration = audioBufferDecoded.duration;
var binary = "";
var bytes = new Uint8Array(arrayBuffer);
var len = bytes.byteLength;
@ -178,6 +190,7 @@ function App() {
const recordData = {
audio: rawAudio,
duration: recordDuration,
channels: audioConfig.channelCount,
sampleRate: audioConfig.sampleRate,
sampleSize: audioConfig.sampleSize,