Raspberry Piのカメラモジュールで撮った映像をWebSocketでブラウザに送る！！ - ami_GS's diary
2014-04-09 Raspberry Piのカメラモジュールで撮った映像をWebSocketでブラウザに送る！！ Python WebSocket javascript Raspberry Pi はじめに RPiのカメラモジュールで撮った映像をリアルタイムで見たくありませんか？？というわけで、色々調べてみると、ffmpegやらMJPG-streamerやら使っていますね・・・・自分の手で実装してぇんだよ！！！！ と思ったので、書いてみたものを紹介します。 構成 必要なものは、 camera.py RPi側でブラウザからのアクセスを受け付けるwebサーバ、及びカメラから映像を撮り、ブラウザへ送る。 index.html WebSocketでブラウザに送られてきた画像を表示する。の２つです。 camera.py import割愛 WIDTH = 480 HEIGHT = 360 FP
[HTML5]ドラッグ&ドロップを実装するのに参考になった記事まとめ - Qiita
概要 HTML5のネイティブドラッグ&ドロップのいろいろを実装するのに参考になった記事を紹介します。 コレ見ればできる系 HTML5 の File API でドラッグ＆ドロップする ネイティブ HTML5 ドラッグ＆ドロップ ちょっと詳しく系 HTML5 Drag and dropを実装してみよう HTMLクイックリファレンス｜ドラッグ＆ドロップ propについて ファイル操作をするのにjQueryのpropが役に立ちます。ただ、アップロードするFilelistの操作をJavascriptですることはセキュリティ上できないのでご注意ください。 jQueryにおけるattrとpropの違いと使いドコロまとめ how to change the file input's filelist
![[HTML5]ドラッグ&ドロップを実装するのに参考になった記事まとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c6e6caa91b91d28a0eecf91f9c34e01239d6093/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSFRNTDUlNUQlRTMlODMlODklRTMlODMlQTklRTMlODMlODMlRTMlODIlQjAlMjYlRTMlODMlODklRTMlODMlQUQlRTMlODMlODMlRTMlODMlOTclRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEIlRTMlODElQUUlRTMlODElQUIlRTUlOEYlODIlRTglODAlODMlRTMlODElQUIlRTMlODElQUElRTMlODElQTMlRTMlODElOUYlRTglQTglOTglRTQlQkElOEIlRTMlODElQkUlRTMlODElQTglRTMlODIlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTQ5Y2IwYWQwYmQ1ZjVkODM4MjgwOTY4NDFkOGQ0NGZh%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBva210dGRociZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTg4NjNmZGI1ZDkzMzczMGE5ZWM4MDI0OGQ5MWI0NzY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D048736dbc68438dec7fbc552351c98df)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
