MindWorkAI/AI-Studio
MindWorkAI/AI-Studio
1
0
Fork 0
mirror of https://github.com/MindWorkAI/AI-Studio.git synced 2026-02-13 21:21:36 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improved logging

Browse Source
This commit is contained in:
Thorsten Sommer 2026-01-06 15:13:22 +01:00
parent 7eadd14699
commit e652eb8b92
Signed by: tsommer
GPG Key ID: 371BBA77A02C0108
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/MindWork AI Studio/Layout/MainLayout.razor.cs
View File

@ -363,7 +363,7 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver, ILan
Builder.Create().UseAudio().UseSubtype(AudioSubtype.FLAC).Build()
);
this.Logger.LogInformation($"Starting audio recording with preferred MIME types: {string.Join<MIMEType>(", ", mimeTypes)}");
this.Logger.LogInformation("Starting audio recording with preferred MIME types: {PreferredMimeTypes}", string.Join<MIMEType>(", ", mimeTypes));
// var array = mimeTypes.ToStringArray().Cast<object?>().ToArray();
var mimeTypeStrings = mimeTypes.ToStringArray();
@ -374,7 +374,7 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver, ILan
{
var result = await this.JsRuntime.InvokeAsync<AudioRecordingResult>("audioRecorder.stop");
if(result.ChangedMimeType)
this.Logger.LogWarning($"The recorded audio MIME type was changed to '{result.MimeType}'.");
this.Logger.LogWarning("The recorded audio MIME type was changed to '{ResultMimeType}'.", result.MimeType);
this.isRecording = false;
this.StateHasChanged();

16
app/MindWork AI Studio/wwwroot/app.js
View File

@ -42,7 +42,7 @@ window.audioRecorder = {
}
// Log sent mime types for debugging:
console.log('Requested mime types:', desiredMimeTypes);
console.log('Audio recording - requested mime types: ', desiredMimeTypes);
let mimeTypes = desiredMimeTypes.filter(type => typeof type === 'string' && type.trim() !== '');
@ -63,32 +63,30 @@ window.audioRecorder = {
}
});
console.log('Final mime types to check (included defaults):', mimeTypes);
console.log('Audio recording - final mime types to check (included defaults): ', mimeTypes);
// Find the first supported mime type:
actualRecordingMimeType = mimeTypes.find(type =>
type === '' || MediaRecorder.isTypeSupported(type)
) || '';
console.log('Selected mime type for recording:', actualRecordingMimeType);
console.log('Audio recording - the browser selected the following mime type for recording: ', actualRecordingMimeType);
const options = actualRecordingMimeType ? { mimeType: actualRecordingMimeType } : {};
mediaRecorder = new MediaRecorder(stream, options);
// In case the browser changed the mime type:
actualRecordingMimeType = mediaRecorder.mimeType;
console.log('Audio recording - actual mime type used by the browser: ', actualRecordingMimeType);
// Check the list of desired mime types against the actual one:
if (!desiredMimeTypes.includes(actualRecordingMimeType)) {
changedMimeType = true;
console.warn(`Requested mime types ('${desiredMimeTypes.join(', ')}') do not include the actual mime type used by MediaRecorder ('${actualRecordingMimeType}').`);
console.warn(`Audio recording - requested mime types ('${desiredMimeTypes.join(', ')}') do not include the actual mime type used by the browser ('${actualRecordingMimeType}').`);
} else {
changedMimeType = false;
}
console.log('Actual mime type used by MediaRecorder:', actualRecordingMimeType);
audioChunks = [];
mediaRecorder.ondataavailable = (event) => {
if (event.data.size > 0) {
audioChunks.push(event.data);
@ -101,6 +99,8 @@ window.audioRecorder = {
stop: async function () {
return new Promise((resolve) => {
// Add an event listener to handle the stop event:
mediaRecorder.onstop = async () => {
// Stop all tracks to release the microphone:
@ -119,6 +119,8 @@ window.audioRecorder = {
changedMimeType: changedMimeType,
});
};
// Finally, stop the recording (which will actually trigger the onstop event):
mediaRecorder.stop();
});
}