動画サムネイル

video-thumbnail

動画からサムネイルを生成します。次のいずれかの形式を受け付けます:

  • サムネイルを生成する時間(秒)を表す数値(例:video-thumbnail=5video-thumbnail=0.04
  • 空の値または 0 (デフォルト):カラーヒストグラムスコアリングを使用して最も代表的なフレームを自動選択し、黒や単色のフレームを除外します

video-thumbnail が指定されている場合、Iris は動画ではなく画像を返します。fm パラメータはオプションで、出力画像の形式を設定します(例:fm=jpgfm=webpfm=png)。

さらに、auto=compress,formatwhfitcrop などを含む Rendering API の任意のパラメータを使用して、サムネイルを変換・最適化できます。

サムネイルと動画は別々のリクエストです

video-thumbnail を含む URL は画像を返します。動画ではありません。動画用(fm=mp4)とサムネイル用(fm=jpg&video-thumbnail=N)の2つの別々の URL が必要です。1つの URL で両方を返すことはできません。

よくある使用例

最初のフレーム

最初のフレームを抽出するには、video-thumbnail=0.04(24fps で約1フレーム)などの小さな正の値を使用します。video-thumbnail=0 は使用しないでください — これはフレーム 0 ではなく、自動選択を引き起こします。

最後のフレーム

動画の長さを超えるタイムスタンプは最終フレームにクランプされます。最後のフレームを確実に取得するには、まず fm=json(別リクエスト)で動画の長さを取得し、その値をタイムスタンプとして渡します(例:22秒の動画であれば video-thumbnail=22.08)。または、video-thumbnail=99999 のような十分に大きな値を使用すると、どの動画でも最終フレームにクランプされます。

video-thumbnail を HTML で使用する

<video> 要素の poster 属性にサムネイル URL を、src に動画 URL を指定します:

<video
  controls
  poster="https://myhost.imgix.net/myvideo.mp4?fm=jpg&video-thumbnail=3"
  src="https://myhost.imgix.net/myvideo.mp4?fm=mp4"
>
  Your browser does not support the video tag.
</video>

以下の「動画サムネイルピッカー」デモを使用して、video-thumbnail パラメータをテストできます。

Loading storyboard data...