NeGiMeMo.net

ねぎさんのメモ帳。日常・メモ・ときどきWordPress。

スマホサイトなどで写真を投稿するときにカメラを起動させる方法

bell賞味期限切れコンテンツ

この記事は公開または最終更新から1221日くらい経過しています。
このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。

SNSや口コミ系サイトをつくるとなると、やはりスマホ対応も必要ですし、スマホから写真投稿も必要ですよね。

メールに添付する方法もいいですが、やっぱりPCのように写真をその場で選択してアップさせたいものです。

HTMLのフォームからカメラを起動させる方法

フォームにこのように書けばOKです。

基本はフォームのファイル添付と一緒だったのですねぇ。

これで「ファイルを選択」ボタンを押すと、スマホならカメラが立ち上がるか「アルバムから選択」するか「写真を撮影」するかを選択できるはずです。(iPhoneだと選択肢が提示されます)

また、PCからやった場合はウェブカメラが起動するわけではなく、普通にファイルの選択になるのでレスポンシブなんかでもそのままにしておいてOKそうですね。

逆にPCでもウェブカメラを使わせたい場合は、この方法じゃダメみたいです。FLASHとか使えばアクセスできるようですが、HTMLの場合はどうなんだろう??

あとは普通にファイルの添付を処理するのと同じようにしてあげればOKそうですね。

古いスマホOSでは使えない

因みにこの方法に対応しているのは、

iOS 端末の場合 OS6 以上、android 端末の場合は android 3 以降のみとなります。

androidは比較的前の物から使えるんですがiPhoneがOS6以降のみなので、全部の端末をカバーさせたい場合は少し気をつけたほうがいいかもしれませんね。

ただ、スマホは比較的ユーザーがOSをアップデートしてくれやすい(或いは勝手にアップされる)ことや、端末自体が2年くらいで買い替えること、買い替えると最新のOSにいれかわることなどから、古いバージョンはそこまで気にする必要はないと思いますが。[*1]

参考

Safari for iOS 6で写真撮影が可能に、将来の「スマホ対応デザイン」について思う

TAGS