クローズドキャプション スタイルプレビュー
暗い・明るい・カラフルな模擬シーンに合わせて字幕を調整します。動画プレーヤーや完全なアクセシビリティ検査ではありません。
抽象的なサンプル背景は動画ではありません。字幕のタイミング、実際のプレーヤーでの位置、アクセシビリティ適合性は確認しません。
プレビュー
CSS プレビュー
コントロールを調整して字幕をプレビューします。
使い方
使い方
- サンプル字幕を編集し、背景を選びます。
- 文字色、背景色と不透明度、サイズ、太さ、影、位置を調整します。
- ライブプレビューを確認し、必要ならCSSをコピーします。
スタイル設定とライブプレビュー
暗い・明るい・カラフルな抽象シーンで字幕を確認できます。フォントサイズ、文字色と背景色、背景の不透明度、太字、影、上下位置を変えるとCSSも更新されます。
模擬背景であり動画ではない
背景はCSSグラデーションです。メディアの読み込み、字幕の同期、実際のプレーヤーや字幕ファイル形式の検査は行いません。
視覚デザインの補助
コントラストと可読性は実際の映像、再生サイズ、端末、視聴条件によって変わります。アクセシビリティやWCAG適合性を判定しません。値はブラウザー内に残ります。
よくある質問
あわせて知りたいこと
自分の動画で字幕を確認できますか？
いいえ。3種類の抽象的なCSS背景を使い、動画はアップロードできません。
字幕の読みやすさや適合性を証明しますか？
いいえ。視覚デザインの補助です。実際のプレーヤーとメディアでコントラスト、タイミング、位置、アクセシビリティを確認してください。
スタイルを再利用できますか？
はい。生成CSSをコピーし、使用する字幕レンダラーに合わせてクラスや値を調整してください。