読者です 読者をやめる 読者になる 読者になる

#daiizメモ

フレンチフライ トリュフ塩仕立て

技術ネタはてブ数が多いごはん情報

スポンサーリンク

【WIP】指で風景を切り取るカメラアプリ YubiCamera

作品 WIP 画像 tech

コンセプト

風景を切り取るカメラです.スマホのカメラの前でマーカーシールを付けた指を四角形を描くように動かしながら動画を撮影し,撮影されたフィルム (動画ファイル) を現像サービス (専用ウェブアプリ) で静止画に変換します.指で示した領域が切り取られるような静止画が生成されます.

用意するもの

  • 動画を撮影できるスマートフォン(Android端末, iPhoneなど)
  • マイタックラベル ML-120 円型(小)直径8mm  赤色

ニチバン マイタックラベル ML-120 直径8mm

ニチバン マイタックラベル ML-120 直径8mm

  • 透明っぽい指サック(任意)

撮影

  • 赤色のマイタックラベルを一枚人差し指の爪に貼る
  • マニキュアなどの事情で指に直接貼りたくない場合は指サックに付けてそれを指にはめる.
  • スマートフォンの標準カメラアプリなどで動画を撮る
    • このときに,赤いラベルがなるべく正円に映るようにカメラに向けながら,切り取りたい領域を描くように人差し指を動かす
    • … 現在のバージョンでは「赤い円」が画像切り取りの際のマーカー(目印)になっているため
    • 四角形を意識して領域を決定すると後々の現像作業で成功しやすい
    • 撮影は5~6秒ほどで済ませてください
    • 動画ファイルのサイズが大きくなりすぎると静止画への変換が大変
  • 動画を専用サイト「ゆびカメラ現像所」で現像する
    • サイト中のアップロードフォームから,先ほど撮影した動画ファイル*.mp4をアップロード
  • 動画から静止画が切り出されます

静止画への変換

ゆびカメラ現像所(ウェブアプリ)

  • WIP(ソースコードも公開予定)

ウェブアプリの様子

撮影した動画ファイルをアップロードするフォームです.

動画ファイルを選択している様子です.

動画ファイルが現像されて静止画が抽出された様子です.今回の例は机の上の紙クーポンを切り取った例です.比較的良い感じの綺麗さで切り取られています.

生成された写真をGyazoにアップロードするボタンも設置してあります.アップロードを終えた様子です.

そのほかのサンプル

フィルム生データコレクション

指を動かして領域指定をしながら撮影している様子をおさめた動画ファイルです.この動画を「ゆびカメラ現像所」にアップロードすると静止画が切り出されます.
https://goo.gl/photos/vvtRKchva7zLNjAJA

変換済みの写真コレクション

実際に切り出された静止画のコレクションです.「ゆびカメラ現像所」の Gyazo it! ボタンからアップロードされました.
Gyazo Collection - Yui

アルゴリズム

WIP

いくつかの改良によっていい感じに切り取れるようになった比較

  • 改良前: 緑枠,改良後: 赤枠
  • 円マークは,指のマーカーを検出した位置を示す

今後の展望

  • 動画として切り取る
  • スマホアプリ化
  • 指マーカーの認識性能を,日常生活で使える程度にまで向上させる
  • メガネ型端末(持っていないけど)などの,画面を持たないデバイスへの移植

ひとこと

WIPの項目,はやめに完成させていきますのでお待ち下さい!

  • 2017/02/06 1:00 投稿予約