AdwaysEngineerBlog
https://blog.hatena.ne.jp/AdwaysEngineerBlog/
Adwaysエンジニアブログ
https://blog.engineer.adways.net/
html5
はじめまして。エンジニアブログ初投稿の南です。 広告代理店であるアドウェイズではさまざまな動画広告を媒体に配信しています。 ある日、「動画からサムネイルを手軽に作る機能がほしい」と要望がありました。 用件としては、 動画広告はサムネイルによって効果が変わる場合があるので、一つの動画から複数のサムネイルを作成する場合がある 毎回スクリーンショットを撮るのは面倒 再生しながらボタン一つで作成したい 以上のようなものでした。 今回はhtml5で新たに追加されたcanvasタグとjavascriptを用いて実装してみようと思います。 html用意 動画を描画するhtmlを用意します。 <html> <…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.engineer.adways.net%2Fentry%2F2017%2F02%2F24%2F160000" title="canvasタグを使って動画のスクリーンショットを撮る方法 - Adwaysエンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
https://cdn-ak.f.st-hatena.com/images/fotolife/A/AdwaysEngineerBlog/20170224/20170224125913.gif
Hatena Blog
https://hatena.blog
2017-02-24 16:00:00
canvasタグを使って動画のスクリーンショットを撮る方法
rich
https://blog.engineer.adways.net/entry/2017/02/24/160000
1.0
100%