Tutoriels
Ajouter des sous-titres
1. Exemple de sous-titres inline
{
"type": "subtitle",
"start": 0,
"duration": 6,
"words": [
{ "word": "hello", "punctuated_word": "Hello", "start": 0, "end": 0.4 },
{ "word": "world", "punctuated_word": "world!", "start": 0.4, "end": 0.9 }
],
"config": {
"position": "bottom",
"fontSize": 58,
"textColor": "#ffffff",
"highlightColor": "#22d3ee",
"backgroundColor": "rgba(0,0,0,0.45)"
}
}2. Exemple de sous-titres basés sur un asset
{
"assets": {
"subtitles": [
{
"id": "sub-main",
"words": [
{ "word": "hello", "punctuated_word": "Hello", "start": 0, "end": 0.4 },
{ "word": "world", "punctuated_word": "world!", "start": 0.4, "end": 0.9 }
]
}
]
}
}Utilisez-le ainsi :
{
"type": "subtitle",
"start": 0,
"duration": 6,
"words": { "$ref": "sub-main" },
"config": {
"position": "bottom",
"fontSize": 58,
"highlightColor": "#22d3ee"
}
}3. JSON distant de sous-titres
{
"type": "subtitle",
"start": 0,
"duration": 6,
"words": {
"src": "https://example.com/subtitle.json"
}
}4. Conseils pratiques
- Alignez la durée des sous-titres avec le segment parlé
- Gardez une marge basse suffisante pour les zones sûres sur mobile
- Préférez
$reflorsque les mêmes sous-titres sont réutilisés dans plusieurs templates ou exemples
5. Documents liés
- Élément sous-titre : Élément sous-titre
- Collection d'exemples : Exemples