Crear pistas de texto

Puedes crear pistas de texto para ofrecer subtítulos y/o subtítulos cerrados (captions) a tu audiencia. Ignite usa el formato WebVTT para todas las pistas de texto. Ese formato lo usan YouTube, Vimeo y muchos más, y está ampliamente soportado por navegadores y reproductores. Puedes leer más sobre el formato WebVTT aquí .

Crear objeto de pistas de texto

Crear pistas de texto se hace enviando una solicitud PUT al endpoint /videos/:videoId/texttracks con un archivo VTT adjunto o pasando el contenido VTT como cadena.

Opción 1: Pasar el contenido VTT como cadena

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

Opción 2: Pasar un archivo VTT

El Content-Type tiene que ser multipart/form-data y no application/json. El archivo y el idioma deben enviarse como parte de los datos del formulario.

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

Respuesta

El objeto de la pista de texto recién creada.


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