JavaScriptで写真を撮りたい（・８・） - Qiita
ブラウザで写真が撮れたらなぁという場面に出くわしたので、APIを確認したところ、navigator.getUserMedia()は非推奨で、今度からはnavigator.mediaDevices.getUserMedia()を使うようにとのこと 音声、画像をキャプチャするMedia Capture and Streams APIでスナップショットを撮ってみました。 ソースコード ガワの準備 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MediaDevices.getUserMedia()</title> </head> <body> <button onclick="startVideo()">ビデオ開始！</button> <button onclick="stopVideo()">ビデオ終了！</button>
[JavaScript] Memo, Web Cam映像をCanvasへ鏡像（反転）表示
Web CamもJavaScriptで制御できるステキな時代。 そのまま表示させると、当たり前だけど反転してるように見えて気持ち悪いので鏡像表示させてみる。 後でゴニョゴニョしたいのでCanvas上で鏡像にする手順メモ。 Web Camを表示 video tagを設置。 <video width="640" height="480" src="" id="web_cam"></video> <canvas id="features" width="640" height="480" style="display: inline;"></canvas> var video = document.getElementById( "web_cam"); function init ( video ) { video.play(); } // web cam access navigator.ge
![[JavaScript] Memo, Web Cam映像をCanvasへ鏡像（反転）表示](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c35180033ae4020a0e0c1b662cd0d153d918e3f/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2F_fb%2Ffb_inazumatv2.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
