TraviPix

写真の中に埋まっている旅の地図

スマートフォンで撮った写真には、目に見えない情報——EXIF メタデータ——が埋め込まれています。そのなかでも TraviPix が使うのは GPS（緯度経度）と撮影日時の2つです。この2つさえあれば「どこで・いつ」が分かるので、写真の山をドロップするだけで旅の動線を組み立てられます。

読み取りには exifr ライブラリを使い、JPEG / PNG / WebP はもちろん、iPhone の HEIC/HEIF からも直接 EXIF を取得します。HEIC 画像の表示用変換には heic2any（ブラウザ内 WASM）を動的にロードし、サーバには何も送りません。GPS タグのない写真や撮影日時のない写真は自動で除外され、除外理由ごとの件数を画面に通知します。

Blue Marble 地球儀と大圏アーク

旅程の舞台は NASA の Blue Marble テクスチャを貼った 3D 地球儀です。写真は撮影日時の古い順にピンとして配置され、隣り合うピン同士を大圏（地球表面上の最短経路）のアークでつなぎます。平面の地図投影とは違い、大圏アークは実際の飛行ルートに近い曲線を描くので、東京→ニューヨークのような長距離移動でも見た目の距離感が直感的です。

各ピンには写真のサムネイルが常時浮かび、マウスを乗せると撮影日時がオーバーレイで表示されます。緯度経度の生座標は意図的に画面に出しません。自宅付近の写真が混ざっていても、スクリーンショットや動画を共有するときに座標が漏れない設計です。

カメラフライのアニメーション

自動再生を押すと、カメラが最初のピンから最後のピンまで大圏アークに沿って順にフライします。1枚あたりの滞在秒数（表示時間/枚）とピンへズームする時間（拡大時間）はスライダーで調整でき、写真が多いときは短めに、少数精鋭で見せたいときは長めにすると動画としてのテンポが整います。

再生中でも地球儀はマウスドラッグで自由に回転、ホイールでズームできます。視点ドロップダウンからアジア・ヨーロッパなどの大陸を選ぶと、その大陸内の写真の重心へカメラが寄るので、地域単位の旅程を拡大して見たいときに便利です。

MP4 書き出しの中身

書き出しにはブラウザ標準の WebCodecs API（VideoEncoder）と mp4-muxer を使います。カメラフライの各フレームを地球儀の Canvas からキャプチャし、H.264 でエンコードして MP4 コンテナに詰めます。

動画の長さは「写真枚数 × 1秒 + 末尾の静止3秒」で自動決定されます（10枚なら約13秒）。解像度は地球儀 Canvas のサイズに連動し、デスクトップでは 1080p 前後です。書き出し中の進捗は画面にパーセント表示されます。

• Chrome / Edge（最新版）——問題なく動作
• Safari 16+——動作するが、Chrome に比べてエンコードが遅い場合がある
• Firefox——WebCodecs 未対応のため書き出し不可。地球儀の表示と再生は動作する

座標を隠すプライバシー設計

写真の EXIF には自宅・職場・学校といった機微な場所の座標が含まれていることがあります。TraviPix はこれをピンの位置決めにだけ使い、画面上に緯度経度の数値を表示しません。ホバー時のオーバーレイは撮影日時だけです。

写真そのものも、EXIF メタデータも、Toolish のサーバや外部 API には送信されません。パース・変換・サムネ生成・動画エンコードまで、すべてお使いのブラウザ内で完結します。

仕上がりをよくするコツ

思い出の動画を見栄えよく仕上げるためのポイントをいくつか挙げます。

• GPS が入った写真を厳選する——枚数が多すぎるとピンが密集して読みにくくなる。旅先の代表カットに絞ると動線がすっきり見える
• HEIC は枚数に注意——HEIC→JPEG の変換はブラウザ内 WASM で行うため、数十枚を超えると読み込みに時間がかかる。急ぐなら事前に JPEG で書き出す
• 書き出し前に構図を整える——再生を一時停止し、地球儀を好みの角度に回してからエクスポートすると、その視点が動画の出だしになる
• 視点切り替えで地域を拡大——ヨーロッパ周遊のように狭い範囲を回った旅なら、大陸フィルタでズームすると移動がよく見える