PD 写真・動画管理

写真・動画管理

商品に紐づく写真（最大6枚）と動画（最大3本+結合済み1本）を管理するセクションです。商品詳細画面内に表示され、写真のアップロード・カメラ撮影・並び替え・削除、動画のURL設定・プレビュー・結合を行えます。ここで管理する写真URLはFBA一括登録時に使用されます。

写真のアップロード - ファイル選択でS3にアップロード（JPEG / PNG / WEBP、最大10MB）
カメラ撮影 - スマホ/PCのカメラで直接撮影してアップロード
外注写真から選択 - 外注さんが提出した写真をモーダルで選んでスロットに設定
写真の並び替え - 上下ボタンでスロット間の順序を入れ替え
写真の削除 - 個別スロットの写真を削除
写真のダウンロード - アップロード済み写真を個別ダウンロード
FBA写真更新 - アップロード済み写真をFBAに反映（SP-API経由）
FBA写真をこっちに反映 - FBA側の画像URL（product_image*）を実物写真欄（photo_url_*）の空きスロットにコピー（古いSKU商品流用などに利用）
画像の拡大表示 - 写真をクリックするとモーダルで拡大表示（実サイズ表示も可能）
動画URL設定 - 動画URL（最大3本）と結合済みURLを手動入力または外注動画から選択
動画の一括結合 - 動画1〜3を順番に結合した動画を生成
動画の並び替え・削除 - 個別動画の順序変更・削除

要素名	ID	説明
写真・動画管理エリア	PD-B03	写真・動画の並び替え・追加・削除を行うセクション全体

各スロットに対して以下の操作が可能です：

操作	説明
アップロード	ファイル選択でJPEG / PNG / WEBP画像をS3にアップロード（最大10MB）
撮影	デバイスのカメラ（背面カメラ優先）で撮影してアップロード
外注写真から選ぶ	外注さんが提出した写真の一覧から選択（外注写真がある場合のみ表示）
上下ボタン	隣接スロットと写真を入れ替え
DL（ダウンロード）	写真ファイルをダウンロード
削除	スロットの写真を削除

各スロットの下部に、Amazonから取得したFBA写真（product_image1〜6）が表示されます。FBA写真はダウンロードのみ可能で、直接編集はできません。

アップロード済みの写真（photo_url_1〜6）をSP-API経由でFBAに反映します。写真が1枚もアップロードされていない場合はエラーが表示されます。

セラセン上の画像を実物写真欄（photo_url_1〜6）にコピーするボタン。古いSKU商品でFBA側にしか画像が残っていないケースで、その画像を実物写真として流用するために使います。

ボタン押下時に SP-API へ問い合わせて最新画像を取得します（Listing更新を別途押す必要なし）。

Listings Items API でオファー画像を取得 — セラーが個別設定した出品画像（product_image_*）
取れなければ Catalog Items API にフォールバック — ASIN単位のカタログ画像（セラセン表示と同じ）。MAIN/PT01〜PT08/SWCH の優先順で最大6枚
同じスロット番号にコピー — 例: product_image_2 → photo_url_2
既に photo_url_i に値がある場合は上書きせずスキップ（誤上書き防止）

要素名	説明
動画URL直接入力（1〜3）	動画URLをテキスト入力。外注動画選択ボタンも利用可能
結合済み動画URL	動画1〜3を結合した動画のURL
動画プレビュー	設定済み動画のプレビュー再生。MP4 / MOV / AVI / WEBM / MKV に対応
一括結合ボタン	動画が2本以上ある場合に表示。1→3の順で結合

要素名	説明
画像拡大モーダル	写真クリックで全画面表示。クリックで実サイズ切替。ダウンロードボタン付き
カメラモーダル	デバイスカメラの映像を表示。撮影ボタンで写真をキャプチャしてアップロード
外注写真選択モーダル	外注さん提出写真をグリッド表示。クリックで選択
外注動画選択モーダル	外注さん提出動画をグリッド表示。クリックで選択

ここで管理する photo_url_1〜photo_url_6 は、FBA登録準備画面でCSV出力される写真URLとして使用されます。FBA出品で使う写真は必ずこの画面でアップロード・設定してください。