CRIA AI SDK

Português

English

Português

English

Appearance

Primeiros passos ​

Use o SDK da CRIA AI para incorporar o widget de gravação, informar os identificadores de runtime esperados pelo backend e escutar os eventos públicos do widget.

A tag pública do widget é medyou-recorder.

Atributos obrigatórios ​

  • client-key
  • clinician-id
  • patient-id
  • session-id

O que o widget faz ​

  1. Chama POST /access usando sua Client Key em client-key
  2. Permite que o clínico capture uma gravação ou envie um arquivo de áudio
  3. Envia a gravação e os metadados de runtime para o backend da CRIA AI
  4. Emite eventos públicos de DOM no elemento do widget conforme o processamento avança

Exemplo mínimo ​

html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MedYou Minimal Example</title>
    <script
      type="module"
      src="https://medyou-sdk-js-prod.pages.dev/medyou-sdk-js.es.js"
    ></script>
  </head>
  <body>
    <medyou-recorder
      id="medyou-recorder"
      client-key="bpk_your_publishable_key"
      clinician-id="clinician_001"
      patient-id="patient_001"
      session-id="session_001"
    ></medyou-recorder>

    <pre id="status">Waiting for audio...</pre>
    <pre id="result"></pre>

    <script type="module">
      const widget = document.getElementById("medyou-recorder");
      const status = document.getElementById("status");
      const result = document.getElementById("result");

      widget.addEventListener("access-ready", () => {
        status.textContent = "Widget ready";
      });

      widget.addEventListener("processing-completed", (event) => {
        status.textContent = "Processing completed";
        result.textContent = JSON.stringify(
          {
            transcription: event.detail.transcription,
            soap: event.detail.soap,
            metadata: event.detail.metadata,
          },
          null,
          2,
        );
      });

      widget.addEventListener("upload-failed", (event) => {
        status.textContent = `Upload failed: ${event.detail.error}`;
      });
    </script>
  </body>
</html>

Próximos passos ​