VOCALSTACK VOOR PAYLOAD CMS

Transcripts als content

Een knop Transcriberen bij elke audio-upload in Payload. Het transcript wordt in het document opgeslagen als bewerkbare tekst en getimede zinnen, zodat je frontend, je zoekfunctie en je API’s het lezen zoals elk ander veld.

Bekijk op GitHub Vraag een API-sleutel aan

PAYLOAD 3 · NEXT.JS 15+ · VANAF $0.20 PER UUR AUDIO

MEDIA · EPISODE-042.MP3Zijbalk

Transcriberen…31: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." }
    ]
  }
}

Gewoon een extra veld

Het transcript en de getimede zinnen staan in het document, dus de Local API, REST en GraphQL geven ze terug met al het andere.

Voortgang die je ziet

De knop toont hoeveel audio klaar is en overleeft een herlaad. Stop zet het document terug zoals het was.

Redacteuren houden de regie

Het transcript is platte tekst die een redacteur kan corrigeren. Alinea’s breken waar de spreker wisselt of pauzeert.

De sleutel blijft op de server

Een gekoppelde API-sleutel wordt op de server opgeslagen en is niet uit te lezen via de REST- of GraphQL-API’s.

INSTALLATIE

Eén plugin, één regel

Voeg de plugin toe aan payload.config.ts. Elke uploadcollectie die audio accepteert krijgt de knop; geef collections mee om te kiezen welke. Laat de sleutel weg en een redacteur koppelt in plaats daarvan een account via Instellingen → VocalStack.

01Installeer de plugin vanaf GitHub en voeg hem toe aan je config.

02Voer payload generate:importmap uit. Voer met Postgres ook payload migrate:create uit.

03Open een audio-upload en klik op Transcriberen.

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,
    }),
  ],
})

OPTIES

Past bij hoe jij het hebt gebouwd

Verstandige standaarden, en een hook voor elke plek waar jouw opzet afwijkt.

collections

Welke uploadcollecties de knop Transcriberen krijgen. Standaard elke collectie die audio accepteert.

audioFields

Geïmporteerde content die via bestandsnaam of link naar audio verwijst. Elke rij van een array-veld krijgt een eigen knop en transcript.

spokenLanguage

De taal die in de audio wordt gesproken. Laat weg om die automatisch te herkennen.

fileURL

Het adres waar VocalStack de audio ophaalt. Wijs het naar je bucket om de bestandsproxy van Payload over te slaan.

access

Wie mag transcriberen en de koppeling wijzigen. Standaard ingelogde gebruikers die het document mogen bijwerken.

PRIJZEN

Geen pluginkosten

Je betaalt VocalStack alleen voor de audio die je transcribeert, tegen hetzelfde tarief als het Dashboard en de API. Per seconde gefactureerd, met een minimum van 5 minuten per transcriptie.

Bekijk prijzen Vraag een API-sleutel aan

BESTANDEN$0.20per uur

Elke audio-upload en array-rij die je transcribeert, inclusief sprekers, interpunctie en tijdcodes.

Veelgestelde vragen

: Ja. Als het bestand geen openbaar adres heeft, zoals op localhost of een privénetwerk, uploadt de plugin de audio in plaats van een link te sturen.
: Nee. Geef het openbare adres van de bucket terug vanuit fileURL en VocalStack haalt het bestand daar rechtstreeks op.
: Ja. audioFields geeft elke rij van een array-veld een eigen knop Transcriberen, met een adres dat je uit de rij opbouwt.
: De getimede zinnen worden opgeslagen met begin- en eindtijd en een spreker per zin, zodat je frontend ondertitels, een klikbaar transcript of een gesynchroniseerde speler kan weergeven.
: Ja. Het transcript is een tekstveld in het document, en een redacteur kan het corrigeren zoals elk ander veld.
: Payload 3, Next.js 15 of hoger, React 19 en Node 20 of hoger.

Bekijk op GitHub Lees de README