前の記事 ≪:PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」
次の記事 ≫:jQueryベースの画像スライダー30まとめ

PHP&jQuery&CSS3でMacのPhotoboothを作るチュートリアル

2011年04月18日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Photobooth with PHP, jQuery and CSS3 | Tutorialzine

PHP&jQuery&CSS3でMacのPhotoboothを作るチュートリアル。デモのダウンロードも可能。
デモページはこちらで、なかなかカッコいい。

ページの下部にカメラがあり、クリックするとWEBCAMのFlashインタフェースが開き、写真をとってそのままUPみたいな流れのものが作れます。
カメラ付きのMacbookやAirでも当然使えます。



下部のレンズのクリックでカメラが出ます(当PCにはカメラがついていないので何も表示されておりません)



画像をクリックするとLightBox風にポップアップします。



チュートリアルのわりにチュートリアルらしからぬクオリティ。
これを応用してプロフィール写真の撮影等、サービスに応用してみてもよさそうですね。

関連エントリ
関連の記事検索:jQuery, PHP, チュートリアル
スポンサード リンク

By.KJ : 2011年04月18日 10:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)