# 字幕スタイル

> AI クリッピングとモーメント検索で利用できる字幕スタイルテンプレート。

## 字幕スタイル

[AI クリッピング](https://wayin.ai/ja/api-docs/ai-clipping/) または [モーメント検索](https://wayin.ai/ja/api-docs/find-moments/) API で字幕を有効にした場合、`cc_style_tpl` パラメーターで字幕スタイルテンプレートを指定できます。`smart-bg-focus`、`box-highlight`、`word-focus`、`underline-focus` といった新しいフォーカス系スタイルも利用できます。

## 使い方

タスク送信時に `cc_style_tpl` の値としてスタイル ID を渡します：

```bash
curl -X POST https://wayinvideo-api.wayin.ai/api/v2/clips \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "x-wayinvideo-api-version: v2" \
  -d '{"video_url": "https://www.youtube.com/watch?v=example", "enable_caption": true, "cc_style_tpl": "STYLE_ID"}'
```

## 利用可能なスタイル

| Style ID | Preview |
|----------|---------|
| `smart-bg-focus` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/css-1-hover.webp" alt="smart-bg-focus" style="height:100px;width:auto;margin:0" /> |
| `box-highlight` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/css-2-hover.webp" alt="box-highlight" style="height:100px;width:auto;margin:0" /> |
| `word-focus` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/css-3-hover.webp" alt="word-focus" style="height:100px;width:auto;margin:0" /> |
| `underline-focus` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/css-4-hover.webp" alt="underline-focus" style="height:100px;width:auto;margin:0" /> |
| `temp-0` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/8.webp" alt="temp-0" style="height:100px;width:auto;margin:0" /> |
| `temp-1` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/15.webp" alt="temp-1" style="height:100px;width:auto;margin:0" /> |
| `temp-2` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/7.webp" alt="temp-2" style="height:100px;width:auto;margin:0" /> |
| `temp-3` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/10.webp" alt="temp-3" style="height:100px;width:auto;margin:0" /> |
| `temp-4` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/5.webp" alt="temp-4" style="height:100px;width:auto;margin:0" /> |
| `temp-5` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/12.webp" alt="temp-5" style="height:100px;width:auto;margin:0" /> |
| `temp-6` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/3.webp" alt="temp-6" style="height:100px;width:auto;margin:0" /> |
| `temp-7` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/1.webp" alt="temp-7" style="height:100px;width:auto;margin:0" /> |
| `temp-8` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/14.webp" alt="temp-8" style="height:100px;width:auto;margin:0" /> |
| `temp-9` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/6.webp" alt="temp-9" style="height:100px;width:auto;margin:0" /> |
| `temp-10` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/9.webp" alt="temp-10" style="height:100px;width:auto;margin:0" /> |
| `temp-11` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/11.webp" alt="temp-11" style="height:100px;width:auto;margin:0" /> |
| `temp-12` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/2.webp" alt="temp-12" style="height:100px;width:auto;margin:0" /> |
| `temp-13` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/4.webp" alt="temp-13" style="height:100px;width:auto;margin:0" /> |
| `temp-14` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/13.webp" alt="temp-14" style="height:100px;width:auto;margin:0" /> |
| `temp-15` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/18.webp" alt="temp-15" style="height:100px;width:auto;margin:0" /> |
| `temp-16` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/17.webp" alt="temp-16" style="height:100px;width:auto;margin:0" /> |
| `temp-17` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/16.webp" alt="temp-17" style="height:100px;width:auto;margin:0" /> |
| `temp-static-1` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-6.png" alt="temp-static-1" style="height:100px;width:auto;margin:0" /> |
| `temp-static-2` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-5.png" alt="temp-static-2" style="height:100px;width:auto;margin:0" /> |
| `temp-static-3` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-4.png" alt="temp-static-3" style="height:100px;width:auto;margin:0" /> |
| `temp-static-4` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-1.png" alt="temp-static-4" style="height:100px;width:auto;margin:0" /> |
| `temp-static-5` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-2.png" alt="temp-static-5" style="height:100px;width:auto;margin:0" /> |
| `temp-static-6` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/temp-static-3.png" alt="temp-static-6" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-1` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-1.webp" alt="game-streamer-1" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-2` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-2.webp" alt="game-streamer-2" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-3` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-3.webp" alt="game-streamer-3" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-4` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-4.webp" alt="game-streamer-4" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-5` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-5.webp" alt="game-streamer-5" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-6` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-6.webp" alt="game-streamer-6" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-7` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-7.webp" alt="game-streamer-7" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-8` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-8-hover.webp" alt="game-streamer-8" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-9` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-9-hover.webp" alt="game-streamer-9" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-10` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-10-hover.webp" alt="game-streamer-10" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-11` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-11-hover.webp" alt="game-streamer-11" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-12` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-12-hover.webp" alt="game-streamer-12" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-13` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-13-hover.webp" alt="game-streamer-13" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-14` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-14-hover.webp" alt="game-streamer-14" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-15` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-15-hover.webp" alt="game-streamer-15" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-16` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-16-hover.webp" alt="game-streamer-16" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-17` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-17-hover.webp" alt="game-streamer-17" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-18` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-18-hover.webp" alt="game-streamer-18" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-19` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-19-hover.webp" alt="game-streamer-19" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-20` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-20-hover.webp" alt="game-streamer-20" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-21` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-21-hover.webp" alt="game-streamer-21" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-22` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-22-hover.webp" alt="game-streamer-22" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-23` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-23-hover.webp" alt="game-streamer-23" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-24` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-24-hover.webp" alt="game-streamer-24" style="height:100px;width:auto;margin:0" /> |
| `game-streamer-25` | <img src="https://d25vgoj2qecagr.cloudfront.net/front/cc-tpl-img/game-streamer-25-hover.webp" alt="game-streamer-25" style="height:100px;width:auto;margin:0" /> |

> **注意：** プレビュー画像はおおよそのレンダリングイメージです。実際の結果は動画コンテンツや解像度によって若干異なる場合があります。`cc_style_tpl` を指定しない場合は、デフォルトの字幕スタイルが適用されます。
