Creare tracce di testo

Puoi creare tracce di testo per offrire sottotitoli e/o didascalie al pubblico del tuo video. Ignite usa il formato WebVTT per tutte le tracce di testo. Il formato WebVTT è usato da YouTube, Vimeo e molti altri ed è ampiamente supportato da browser e player. Puoi approfondire il formato WebVTT qui .

Creare l’oggetto texttracks

Per creare le texttracks si effettua inviando una richiesta PUT all’endpoint /videos/:videoId/texttracks allegando un file VTT oppure passando il contenuto VTT come stringa.

Opzione 1: fornire il contenuto VTT come stringa

CURL


curl -X PUT https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks \
-H "Authorization: Bearer YOUR_TOKEN" \
-H "Content-Type: application/json" \
-d '{"language": "en", "type": "captions", "content": "[VTT_CONTENT]"}'

JavaScript / Node.js


const data = {
"language": "en" | "en-US" | "de" | "de-DE" | "it" | "fr" | "...",
"type": "subtitles" | "captions",
"content": "[VTT_CONTENT]"
}
const response = await fetch(`https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks`, {
method: 'PUT',
body: JSON.stringify(data),
headers: {
  'Authorization': `Bearer YOUR_TOKEN`,
  'Content-Type': 'application/json'
}
});

PHP


$client = new GuzzleHttp\Client();
$data = [
  "language" => "en" | "en-US" | "de" | "de-DE" | "it" | "fr" | "...",
  "type" => "subtitles" | "captions",
  "content" => "[VTT_CONTENT]"
];
$response = $client->request('PUT', 'https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks', [
  'body' => json_encode($data),
  'headers' => [
      'Authorization' => 'Bearer YOUR_TOKEN',
      'Content-Type' => 'application/json'
  ]
]);

Opzione 2: fornire il file VTT

Il Content-Type deve essere multipart/form-data e non application/json. Il file e la lingua vanno inviati come parte dei dati del form.

CURL


curl -X PUT https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks \
-H "Authorization: Bearer YOUR_TOKEN" \
-F "language=en" \
-F "type=captions" \
-F "file=@[PATH_TO_VTT_FILE]"

JavaScript / Node.js


const formData = new FormData();
formData.append('language', 'en');
formData.append('type', 'captions');
formData.append('file', [VTT_FILE]);
 
const response = await fetch(`https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks`, {
method: 'PUT',
body: formData,
headers: {
  'Authorization': `Bearer YOUR_TOKEN`,
}
});

PHP


$client = new GuzzleHttp\Client();
$response = $client->request('PUT', 'https://app.ignitevideo.cloud/api/videos/[VIDEO_ID]/texttracks', [
'multipart' => [
  [
    'name' => 'language',
    'contents' => 'en'
  ],
  [
    'name' => 'type',
    'contents' => 'captions'
  ],
  [
    'name' => 'file',
    'contents' => fopen('[PATH_TO_VTT_FILE]', 'r')
  ]
],
'headers' => [
  'Authorization' => 'Bearer YOUR_TOKEN'
]
]);

Risposta

L’oggetto traccia di testo appena creato.


{
  "id": string,
  "language": "en" | "en-US" | "de" | "de-DE" | "it" | "fr" | "...",
  "type": "subtitles" | "captions",
  "filename": string,
  "url": string,
  "content": string
}