VOCALSTACK PER PAYLOAD CMS

Le trascrizioni come contenuto

Un pulsante Trascrivi su ogni upload audio in Payload. La trascrizione viene salvata nel documento come testo modificabile e frasi con i tempi, così il tuo frontend, la tua ricerca e le tue API la leggono come qualsiasi altro campo.

Vedi su GitHub Ottieni una chiave API

PAYLOAD 3 · NEXT.JS 15+ · DA $0.20 PER ORA DI AUDIO

MEDIA · EPISODE-042.MP3Barra laterale

Trascrizione in corso31:06 / 48:20

json

{
  "vocalstack": {
    "status": "done",
    "language": "en",
    "transcript": "Welcome back to the show. Today…",
    "sentences": [
      { "start": 0.4, "end": 2.9, "speaker": 0,
        "text": "Welcome back to the show." }
    ]
  }
}

Un campo come un altro

La trascrizione e le sue frasi con i tempi stanno nel documento, quindi Local API, REST e GraphQL le restituiscono insieme a tutto il resto.

Avanzamento visibile

Il pulsante mostra quanto audio è stato elaborato e sopravvive a un ricaricamento. Interrompi riporta il documento com'era.

Il controllo resta agli editor

La trascrizione è testo semplice che un editor può correggere. I paragrafi vanno a capo quando il parlante cambia o fa una pausa.

La chiave resta sul server

Una chiave API collegata è salvata lato server e non può essere letta tramite le API REST o GraphQL.

CONFIGURAZIONE

Un plugin, una riga

Aggiungi il plugin a payload.config.ts. Ogni collection di upload che accetta audio riceve il pulsante; passa collections per scegliere quali. Ometti la chiave e un editor collegherà invece un account da Impostazioni → VocalStack.

01Installa il plugin da GitHub e aggiungilo alla tua configurazione.

02Esegui payload generate:importmap. Con Postgres, esegui anche payload migrate:create.

03Apri un upload audio e clicca Trascrivi.

bash

pnpm add github:vocalstack/payload-plugin

typescript

// payload.config.ts
import { vocalstackPlugin } from '@vocalstack/payload'

export default buildConfig({
  plugins: [
    vocalstackPlugin({
      // Optional: or connect from Settings → VocalStack
      apiKey: process.env.VOCALSTACK_API_KEY,
    }),
  ],
})

OPZIONI

Si adatta a come l'hai costruito

Impostazioni predefinite sensate, e un aggancio per ogni punto in cui la tua configurazione è diversa.

collections

Quali collection di upload ricevono il pulsante Trascrivi. Per impostazione predefinita, tutte quelle che accettano audio.

audioFields

Contenuti importati che puntano all'audio tramite nome file o link. Ogni riga di un campo array riceve il proprio pulsante e la propria trascrizione.

spokenLanguage

La lingua parlata nell'audio. Omettila per rilevarla automaticamente.

fileURL

L'indirizzo da cui VocalStack preleva l'audio. Puntalo al tuo bucket per saltare il proxy dei file di Payload.

access

Chi può trascrivere e cambiare il collegamento. Per impostazione predefinita, gli utenti connessi che possono aggiornare il documento.

PREZZI

Nessun costo per il plugin

Paghi VocalStack solo per l'audio che trascrivi, alla stessa tariffa della Dashboard e dell'API. Addebito al secondo, con un minimo di 5 minuti per trascrizione.

Vedi i prezzi Ottieni una chiave API

FILE$0.20all'ora

Ogni upload audio e riga di array che trascrivi, con parlanti, punteggiatura e tempi inclusi.

Domande frequenti

: Sì. Quando il file non ha un indirizzo pubblico, ad esempio su localhost o in una rete privata, il plugin carica l'audio invece di inviare un link.
: No. Restituisci l'indirizzo pubblico del bucket da fileURL e VocalStack preleva il file direttamente da lì.
: Sì. audioFields dà a ogni riga di un campo array il proprio pulsante Trascrivi, usando un indirizzo che costruisci a partire dalla riga.
: Le frasi con i tempi sono salvate con orario di inizio e di fine e un parlante per ciascuna, così il tuo frontend può mostrare sottotitoli, una trascrizione con clic per saltare al punto o un player sincronizzato.
: Sì. La trascrizione è un campo di testo nel documento, e un editor può correggerla come qualsiasi altro.
: Payload 3, Next.js 15 o successivo, React 19 e Node 20 o successivo.

Vedi su GitHub Leggi il README