タグ

movieとgifに関するastk_fのブックマーク (3)

  • WebCameraの映像をアニメGIFにする – 水玉製作所

    カメラから取得した映像をアニメGIFに変換するのが最近流行っているようなので、とりあえずFlashでもできることを確認しようと思って作ってみた。 anime.gifを作った例 WebCamera有効化の確認ダイアログで許可したら、カメラ映像が出てくるはず。 Captureボタンをクリックすると、キャプチャー開始。 Save anime.gifボタンをクリックして、ダウロード。 ファイル一式 https://github.com/umhr/CameraGIF

  • 動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記

    rokugaっていうウェブアプリケーションを作った.ブラウザ上で動画をアニメーションGIFに変換できる.Google Chromeでもちょっと動くけどSafariで見るのが良い. http://rokuga.herokuapp.com/ 使い方 こんな感じで,動画をドロップしてくださいとか言ってる. 1コマずつ出てきて,このコマとこのコマ,この速さ,みたいな指定ができる. 完成したアニメーションGIFは名前を付けて保存しましょう. 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生,行ったり来たり,シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→

    動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
  • 3 Cool Techniques For Your Next Web Design Project

    2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか?」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います! ↑私が10年以上利用している会計ソフト! 準備:分析&実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLCSSが確

    3 Cool Techniques For Your Next Web Design Project
  • 1