タグ

2012年12月3日のブックマーク (2件)

  • HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js

    HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。 自分自身がWebカメラに対応したデバイスを現在手元に持ってないので動作テストしてないです。あとで検証しますが、現時点ではあくまで備忘録ですのでその程度の記事という事でご了承下さい。 当方の端末では対応して無いのでこのようにエラーが表示されてしまいますが・・編集も可能と言うのは凄いです。 実際はこのようになると思います。 getUserMediaに対応したブラウザならJavaScriptでWebカメラにアクセス可能です。マークアップはvideoとcanvasで実装出来ると思いますが、Photobooth.jsは、+編集が出来ます。 ご興味のあるかたは是非試してみてはいかがでしょうか。尚、実装テストしていないので詳細は割愛いたします。正

    HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js
  • Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術! - 聴く耳を持たない(片方しか)

    これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは? まず始めに、SVGとは何か?の簡単な説明です。 SVGとはScalable Vector Graphics(スケーラブルベクターグラフィックス)の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル(ドット)ごとに色を表現したもので、総じてラスター(ビットマップ)画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮

    Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術! - 聴く耳を持たない(片方しか)
    monyurin
    monyurin 2012/12/03
    svg