Transcription not showing up **SOLVED**

[IanChok]

I am not seeing the transcription show up, just a blank screen.

I have just installed the server an ran it with the free API account. In the README, it mentions a 402 error if I don't have an upgraded account, but I never see a 402 error show up.

After a couple of minutes trying to click the Record button, I see on my Assembly dashboard I have spent roughly $0.00175 already.

The error I see in the browser console is assemblyai.js not found

If I remove the <script src="assemblyai.js"></script> in the public/index.html and then hit record, then I get the following error:

So I'm curious which of these is the reason why I am no seeing the transcript show up when I speak.

Thank you.

[IanChok]

Solution

I am unable to push a branch in this repo to make a pull request, but here are the changes I made to public/index.js to get the transcription working (even with the free account)

// create this function

function resampleTo16kHz(buffer, originalSampleRate) {
  if (originalSampleRate === 16000) return buffer;
  
  const ratio = originalSampleRate / 16000;
  const newLength = Math.floor(buffer.length / ratio);
  const result = new Int16Array(newLength);
  
  for (let i = 0; i < newLength; i++) {
    const sourceIndex = i * ratio;
    const index = Math.floor(sourceIndex);
    const fraction = sourceIndex - index;
    
    if (index + 1 < buffer.length) {
      result[i] = buffer[index] * (1 - fraction) + buffer[index + 1] * fraction;
    } else {
      result[i] = buffer[index];
    }
  }
  
  return result;
}

// Update the following part in `createMicrophone`

function createMicrophone() {
    ...,
    async startRecording(onAudioCallback) {
      if (!stream) {
        stream = await navigator.mediaDevices.getUserMedia({
          audio: { sampleRate: { ideal: 16000 } }
        });
      }

      // CHANGE: Remove sampleRate specification
      audioContext = new AudioContext({
        latencyHint: 'balanced'
      });
    ...
    
    if (bufferDuration >= 100) {
              const totalSamples = Math.floor(audioContext.sampleRate * 0.1);
              let audioSegment = audioBufferQueue.subarray(0, totalSamples);
    
              // CHANGE: Add resampling if needed
              if (audioContext.sampleRate !== 16000) {
                audioSegment = resampleTo16kHz(audioSegment, audioContext.sampleRate);
              }
    
              const finalBuffer = new Uint8Array(audioSegment.buffer);
              audioBufferQueue = audioBufferQueue.subarray(totalSamples);
    
              if (onAudioCallback) onAudioCallback(finalBuffer);
            }