Tutorials
Untertitel hinzufügen
1. Beispiel für Inline-Untertitel
{
"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. Beispiel für Untertitel auf Asset-Basis
{
"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 }
]
}
]
}
}Verwendung:
{
"type": "subtitle",
"start": 0,
"duration": 6,
"words": { "$ref": "sub-main" },
"config": {
"position": "bottom",
"fontSize": 58,
"highlightColor": "#22d3ee"
}
}3. Entferntes Untertitel-JSON
{
"type": "subtitle",
"start": 0,
"duration": 6,
"words": {
"src": "https://example.com/subtitle.json"
}
}4. Praktische Hinweise
- Richte die Untertitel-Dauer am gesprochenen Abschnitt aus
- Halte den unteren Abstand hoch genug für sichere Bereiche auf Mobilgeräten
- Bevorzuge
$ref, wenn dieselben Untertitel in mehreren Templates oder Beispielen wiederverwendet werden
5. Verwandte Dokumente
- Untertitel-Element: Untertitel-Element
- Beispielsammlung: Beispiele