ユーザーが PHP 経由で動画の一部を切り取ると、動的にサムネイルが生成されます。
これを行うには、セクションがクリップされたときに ajax を介してサーバーに情報を送信します。ffmpeg を呼び出してサムネイルを生成し、最終的にサムネイルが生成されたときに戻ってくるので、Twitter を使用してビデオ クリッパーの下に表示できます。ブートストラップのサムネイル。
サムネイルを待っている間にユーザーに表示される基本的な例を次に示します: http://jsfiddle.net/Rnt9N/2/
明らかに良くありません、それは乱雑に見えます。そのため、スピナーを水平方向と垂直方向の両方で中央に配置し、スケーリングすることも必要です (サムネイルはレスポンシブであるため、スピナーを拡大できる必要があります)。
これは単なる基本的な htmt ですが、どうやらここにコードを含める必要があります。
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<ul class="thumbnails">
<li class="span2"><a href="#" class="thumbnail">
<i class="icon icon-spin icon-spinner"></i>
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
<li class="span2"><a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
</ul>
</div>
</div>
</div>