ウェブマスターからの一般的なリクエストは、ビデオをロードせずにビデオプレビューを簡単に表示する方法です。 これを達成する一般的な方法は、ビデオを変換することです intoアニメーションGIF。 このアニメーションGIFは、Webサイトやソーシャルメディアでビデオをプレビューするために使用できます。 グラブズ JavaScript API GIFを簡単に作成できます。

YouTubeビデオをアニメーションGIFに変換する

以下は、YouTubeビデオを変換する方法の例です intoアニメーションGIF。 しかし、たくさんあります より多くのオプション アニメーションGIFのカスタマイズに使用できます。 たとえば、GIFのサイズを変更したり、 カスタム watermark オーバーレイ。 または、1秒あたりのフレーム数やアニメーションの継続時間も変更されます。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.youtube.com/watch?v=7GqClqvlObY", 
{"format": "gif"}).Create();
</script>

VimeoビデオをアニメーションGIFに変換する

GrabzItはVimeoビデオを変換することもできます intoアニメーションGIF。YouTubeビデオを変換する方法とまったく同じです。 Vimeoビデオを含むWebページのURLを渡すだけです。 に url パラメータと「gif」を渡す format 以下に示すパラメーター。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://vimeo.com/134957666", 
{"format": "gif"}).Create();
</script>

GrabzItは、MP4などの通常のオンライン動画も変換できます。 ビデオURLを単に url パラメータ、設定中 format 「gif」へのパラメータ。 上記の例と同じ方法で。

ビデオから単一のフレームをキャプチャする

GrabzItを使用すると、YouTube、Vimeo、または標準的なビデオから単一のフレームをキャプチャできます。

そのためには、設定する必要があります duration and fps パラメーターは1です。 次に、 format 「gif」へのパラメータ。 最後に、抽出するフレームのビデオ内の位置を見つけて、秒数を書き留めます。 次に、この値を start パラメータに一致する最初のデバイスのリモートコントロール URL を返します。

現在、フレームはGIFとしてのみ返されることに注意してください。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.example.com/myvideo.mp4", 
{"format": "gif", "start":1, "fps ":"1", "duration":"1"}).Create();
</script>