mcpField
T
tesseract-editor

tesseract-editor

github.com/mirage-hq開発1621.3k 回インストール1 日前に更新
リポジトリ

tesseract-editor について

tesseract-editor は、Tesseract の `.tsrct` プロジェクトを扱うブラウザーベースのエディターを構築するスキルです。ブラウザーランタイムでローカルに開き、プレビュー、編集、保存する方法を説明し、動画を書き出せない点も示します。

主な機能

  1. 01`.tsrct` プロジェクトのローカル表示とプレビュー
  2. 02ブラウザーエンジン API による編集
  3. 03文書と元アセットの Blob 保存
  4. 04エンジンアクションと編集グループの利用
  5. 05リリースに合ったランタイムアセットの使用

活用シーン

  1. 01静的 HTML の Tesseract エディター構築
  2. 02再生や選択のコントロール追加
  3. 03編集済みプロジェクト文書のローカル保存

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/mirage-hq/tesseract --skill tesseract-editor

インストール後、Claude Code で/tesseract-editorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
assets/
icon.svg
examples/bouncing-ball/
app.js
ball.tsrct
index.html
motion.js
README.md
style.css
examples/timeline-editor/
app.js
index.html
README.md
style.css
references/
browser-api.md
cli-version.txt
conversion.md
installation.md
versions.md

詳細

Tesseract エディターの構築

エディターで Premiere Pro や After Effects など、ほかのツールのプロジェクト形式をインポートまたはエクスポートする必要がある場合は、変換をお読みください。共有された .tsrct ファイルや古い .tsrct ファイルを開く場合、ツールを更新する場合、または読み込みやレンダリングの差異を調べる場合は、バージョンと互換性をお読みください。

ブラウザーエンジンでは、.tsrct プロジェクトをローカルで開き、プレビュー、編集、保存できます。静的な HTML アプリケーションで十分です。バックエンドやネイティブ CLI は必要ありません。ブラウザーランタイムでは動画をエクスポートできません。

ブラウザー API リファレンスでは、初期化、アクション、再生、保存について説明しています。例:一般的なレイヤー操作と同梱プロジェクト向けの操作。

ランタイムと配信

references/cli-version.txt がある場合、ブラウザーランタイムのリリースも固定されます。インストールリファレンスにリリースリポジトリが記載されています。ブラウザーアセットは tesseract-<VERSION>-web.zip とその .sha256 ファイルです。使用前にチェックサムを検証してください。アーカイブには runtime/ が含まれており、例では index.html と同じ場所に配置して使用します。生成された JavaScript、型定義、WASM はすべて同じリリースのものである必要があります。npm のインストールは不要です。version() はランタイムのリリースを返します。

エディターの利用には、HTTP による配信とブラウザーの GPU/メディアサポートが必要です。HTML はランタイムファイルに依存しており、添付ファイルのビューアーでは WASM が実行されない場合があります。CLI やスキルを更新しても、既存のエディターのランタイムをアップグレードする必要はありません。

編集と保存

actionSchema() は、エンジンでサポートされるアクションを記述します。UI コントロール、再生スケジューリング、選択ジェスチャーはアプリケーション側で実装します。フレームが重ならないよう、レンダリングの完了を待ってください。編集グループを使うと、連続した変更を 1 つの履歴エントリーにまとめられます。

TesseractEngine.create(file) は File または Blob を受け取ります。toBlob() は現在のドキュメントを元のアセットとともにパッケージ化しますが、ディスクには書き込みません。ソースファイルを上書きすると、アセットの読み込みが無効になる場合があります。保存した Blob を再度開く方法については、API リファレンスを参照してください。ページを更新すると、保存していない編集内容は破棄されます。

コメント