Textspuren erstellen

Du kannst Textspuren anlegen, um deinem Publikum Untertitel und/oder Captions für dein Video bereitzustellen. Ignite nutzt für alle Textspuren das WebVTT-Format. WebVTT wird unter anderem von YouTube und Vimeo verwendet und von Browsern und Playern weitgehend unterstützt. Mehr zum WebVTT-Format erfährst du hier .

Textspur-Objekt erstellen

Textspuren erstellst du, indem du eine PUT-Anfrage an den Endpoint /videos/:videoId/texttracks sendest – entweder mit angehängter VTT-Datei oder indem du den VTT-Inhalt als String übergibst.

Option 1: VTT-Inhalt als String übergeben

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'
  ]
]);

Option 2: VTT-Datei bereitstellen

Der Content-Type muss multipart/form-data sein und nicht application/json. Datei und Sprache musst du als Teil der Formulardaten senden.

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'
]
]);

Antwort

Das neu erstellte Textspur-Objekt.


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