katsube https://blog.hatena.ne.jp/katsube/ ねこの足跡R https://blog.katsubemakito.net/ カメラ HTML5 JavaScript navigator.mediaDevices.getUserMedia HTML5ではPCやスマホのデバイスの機能をJavaScriptから直接利用することができるようになりました。今回はカメラを操作し、デジカメのような要領で静止画を撮影する簡単なサンプルを作ってみたいと思います。 カメラの映像が向かって左側に写り続け、良いタイミングで下にある「シャッター」ボタンをクリックすると、右側に撮影した静止画が表示されます。ボタンをクリックするとシャッター音も再生されます。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.katsubemakito.net%2Fhtml5%2Fcamera1" title=" [HTML5] カメラをJSで操作し写真を撮影する - ねこの足跡R" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/katsube/20231125/20231125043913.png Hatena Blog https://hatena.blog 2019-06-18 22:51:14 rich https://blog.katsubemakito.net/html5/camera1 1.0 100%