登录
下载
技能
编程开发
React视频创作最佳实践
React视频创作最佳实践
v20260517
remotion-video-creation
本技能集提供了使用Remotion和React进行视频创作的最佳实践指南。内容涵盖了从三维渲染(Three.js)到复杂动画、音频同步、数据图表、字幕显示和场景过渡等所有高级功能,适用于需要专业级视频制作流程的场景。
React
视频
动画
三维
数据可视化
音频
Remotion
开发
获取技能
461 次下载
概览
使用場面
Remotion のコードを扱い、ドメイン固有の知識が必要な場合にこのスキルを使用してください。
使い方
詳細な説明とコード例については、各ルールファイルをお読みください:
rules/3d.md
- Three.js と React Three Fiber を使用して Remotion で 3D コンテンツを作成する
rules/animations.md
- Remotion の基本的なアニメーションスキル
rules/assets.md
- Remotion で画像、動画、音声、フォントをインポートする
rules/audio.md
- Remotion での音声とサウンドの使用——インポート、トリミング、音量、速度、ピッチ
rules/calculate-metadata.md
- コンポジションの長さ、サイズ、プロパティを動的に設定する
rules/can-decode.md
- Mediabunny を使用してブラウザが動画をデコードできるか確認する
rules/charts.md
- Remotion のチャートとデータビジュアライゼーションパターン
rules/compositions.md
- コンポジション、静止画、フォルダー、デフォルトプロパティ、動的メタデータの定義
rules/display-captions.md
- TikTok スタイルのページと単語ハイライトに対応した Remotion での字幕表示
rules/extract-frames.md
- Mediabunny を使用して指定タイムスタンプの動画フレームを抽出する
rules/fonts.md
- Remotion で Google フォントとローカルフォントを読み込む
rules/get-audio-duration.md
- Mediabunny を使用して音声ファイルの長さ(秒)を取得する
rules/get-video-dimensions.md
- Mediabunny を使用して動画ファイルの幅と高さを取得する
rules/get-video-duration.md
- Mediabunny を使用して動画ファイルの長さ(秒)を取得する
rules/gifs.md
- Remotion のタイムラインと同期した GIF を表示する
rules/images.md
- Img コンポーネントを使用して Remotion に画像を埋め込む
rules/import-srt-captions.md
- @remotion/captions を使用して .srt 字幕ファイルを Remotion にインポートする
rules/lottie.md
- Remotion に Lottie アニメーションを埋め込む
rules/measuring-dom-nodes.md
- Remotion で DOM 要素のサイズを測定する
rules/measuring-text.md
- テキストサイズの測定、コンテナへのテキスト適合、オーバーフローの確認
rules/sequencing.md
- Remotion のシーケンスパターン——遅延、トリミング、項目の長さ制限
rules/tailwind.md
- Remotion で TailwindCSS を使用する
rules/text-animations.md
- Remotion のタイポグラフィとテキストアニメーションパターン
rules/timing.md
- Remotion の補間曲線——線形、イージング、スプリングアニメーション
rules/transcribe-captions.md
- Remotion で字幕を生成するための音声文字起こし
rules/transitions.md
- Remotion のシーントランジションパターン
rules/trimming.md
- Remotion のトリミングパターン——アニメーションの最初または最後をトリミングする
rules/videos.md
- Remotion への動画埋め込み——トリミング、音量、速度、ループ、ピッチ
信息
Category
编程开发
Name
remotion-video-creation
版本
v20260517
大小
4.19KB
Source
affaan-m/everything-claude-code
更新时间
2026-05-18
语言
简体中文
English