Webカメラの画像にスーパーインポーズ加工した画像をホームページに表示させたいと思っています。
1秒間隔以内で画像更新を前提としています。
カメラ側のソフトはキャプチャ、スーパーインポーズ処理、JPEG、アップロードと何とか作れるのですが
IEなどで表示するソフトはどんな言語や手法を採ればいいか分かりません。
頻繁に更新される 640x480 サイズの画像をシステム負担の少なくきれいに1秒間隔で表示するために
採用すべき言語、手法を教えてください。
また、この部分を個人の方に開発のお願いするといくら位でお願いできるのでしょうか?
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
JavaScriptによるアニメーションに、CGIを併用しても
実現できる…かも。
(実はJavaScriptのことよくわかりません。CGIもよくわかってません)
---
JavaScriptを使えば、
「あらかじめ用意してある画像 数枚」を
順次、更新表示(※上書き表示)することによって、
アニメーションができると思うのですが、
(こういうのかな?
http://www.scollabo.com/banban/java/jvsample_011 …
ちょっとよくわからない)
この応用でできそうな気が…するようなしないような。
(サーバに画像をアップする際にも、工夫がいるかも)
でも自信ないのでとりあえず自己却下。(?)
ここ
http://www.sgi.co.jp/solutions/security/viewrang …
を見て、JavaScript(とたぶんCGIの併用)でやってるっぽいので、
「簡単にできるのなら、感動だよなあ。」
と思って書いてみました。
---
そもそも#1さんの回答を見て
「これはすごい! JavaScriptでできるなんて!」
と思い、それからちょっと調べてみました。
すると、同様の議論があったようです。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1104885
---
CGIについて言えば、これを試してみるのもいいかも。
http://www.geocities.co.jp/SiliconValley-PaloAlt …
(「3.3 サーバープッシュ」)
ただしこのようなMotion-jpeg方式(mjpeg方式)のデータを標準でサポートしているのは
NetscapeやMacのIEらしく、WindowsのIEは(標準では)サポートしてないらしいです。
---
クライアント側(閲覧側、ビューア)を自前でつくる場合は…
ネット上を見た限り、
Webカメラに付属のもの(※IE上などで動くビューア)は
・ActiveXコンポーネント製
・Javaアプレット製
などがあるみたいです。
(ただ、「製品ごとにマチマチ。オマケ」という印象も受けます)
---
Javaアプレットについていえば、
複雑なことをやらなければ、
非常に短いソースコードで済むようです。
(前述の http://www.geocities.co.jp/SiliconValley-PaloAlt …
開発依頼交渉の参考に。(?)
---
時間があれば自分でも作りたい、とは思っているのですが…。
なんら答えになっていませんが、
ご容赦くださいませ。
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=1104885
この回答への補足
ありがとうございました。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1104885
は試しましたがそのままだとキャッシュを働き、キャッシュを働かない様にすると点滅してしまいます。
また、半分しか表示されない時があるなど動作に問題がありました。
J++をinstallしてJave Applteを試したいと思います。
No.1
- 回答日時:
画像を表示しているHTMLの<HEAD></HEAD>の間に
<META HTTP-EQUIV="Refresh" CONTENT="1">
ではいけませんか?1秒毎の自動更新が出来ます。
もしくは、JavaScriptを使ってもいいのであれば、bodyタグのonloadなどに更新の処理を記述することも出来ます。この場合には、再読み込みのタイミングをミリ秒単位で指定できます。下記の例では、500ms(=0.5秒)で再取得します。
<BODY onload="setTimeout('window.location.reload()',500);">
どちらを使用する場合にも
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
をHEADタグの中に書いてブラウザのキャッシュ機能をOFFにしたほうがいいでしょう。
注意点
・画像などは完全に読込みなおしです。
当該ページへのリンクを1秒毎にクリックされているのと変わらない状態ですので、差分取得用のJavaAppletなどを作成するのに比べるとネットワークやサーバへの負荷は高くなると思います。
・ブラウザなど、ユーザ環境に依存する
どちらもブラウザが処理をサポートしていなかったり、ブラウザの設定などで処理を禁止されていたりすることがあります。
個人で使用するだけであれば、この点はあまり気にする必要はないでしょう。
・画像を完全に読み終わる前にページの再読み込みを行うブラウザもあるかもしれません
ありがとうございます。
> <META HTTP-EQUIV="Refresh" CONTENT="1">
については実験して1秒間隔でテストしましたが、画像が安定しておらず、点滅するなど見るに耐えない状態でした。
注意点を示していただきありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 画像編集・動画編集・音楽編集 このようなスクリーンキャプチャソフトありますか? 3 2023/01/31 16:02
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- Google+ スマホのgoogle チャットで画像を大きくできない 1 2022/07/13 05:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
透過PNGが透過されない!!
-
C# Excelファイルへの画像挿入。
-
手作業で埋め込んだ、UserForm1...
-
ビットマップ画像を読み込むプ...
-
クリックされた画像URLの照合
-
Illustratorで文字と画像を流し...
-
PHPでPDFを画像で表示したい
-
PHPで吐き出した画像にリンクを...
-
拡張子php画像をjpg画像等に変...
-
VBSの「MsgBox」について
-
画像ファイル pngのメリットを...
-
PHP MySQLに画像を直接保存
-
Pythonで画像の読み込みが上手...
-
Webbrowser上に表示した画像を...
-
ListViewコントロールでサムネ...
-
libpng 24bpp rawをPNGに変換す...
-
php,mysqlにて画像パス保存/表...
-
VBAでJPGサイズ変更
-
pictureboxに表示した画像のフ...
-
画像リストを作りたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSの「MsgBox」について
-
拡張子php画像をjpg画像等に変...
-
透過PNGが透過されない!!
-
Illustratorで文字と画像を流し...
-
アップロード画像数でCSSを分け...
-
imageフォルダに、画像をリサイ...
-
PythonのTkinter詳しい方へ。画...
-
VBAでJPGサイズ変更
-
C# Excelファイルへの画像挿入。
-
ListViewコントロールでサムネ...
-
PHPで吐き出した画像にリンクを...
-
php,mysqlにて画像パス保存/表...
-
PHP+PostgreSQLを使ってPDFファ...
-
スマートフォンから画像のアッ...
-
画像にテキストを埋め込むジェ...
-
実行ファイル(exe)に画像ファ...
-
ビットマップ画像を読み込むプ...
-
改行コードのカウント
-
Ajaxで画像表示
-
画像アップロードのファイル名...
おすすめ情報