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