Click here for free DL of the app version that can save data.

No:2317

3825

←

Prev Next

→

Camera without shutter sound
Developer User3457｜Date and time 23/6/20 22:40:30
Build time 15.167 sec｜Game capacity 2.051KB｜

Script

シャッター音の鳴らないカメラ

【ゲームの概要】このアプリはカメラを起動し、写真を撮ることができます。しかし、このアプリはシャッター音が出ないため、静かに写真を撮ることができます。ぜひ、このアプリでシャッター音に悩まされずに写真を撮ってみましょう！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>シャッター音の鳴らないカメラ</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
    }
    
    #capture {
      display: none;
    }
    
    #output {
      max-width: 100%;
      margin: 0 auto;
      border: 1px solid black;
      border-radius: 5px;
    }
    
    button {
      margin: 20px;
      padding: 10px 20px;
      background-color: #00bfff;
      border: none;
      border-radius: 5px;
      color: white;
      font-size: 1.2em;
      cursor: pointer;
    }
    
    button:hover {
      background-color: #0080ff;
    }
  </style>
</head>

<body>
  <h1>シャッター音の鳴らないカメラ</h1>
  <video id="video" width="640" height="480" autoplay></video>
  <canvas id="canvas" width="640" height="480"></canvas>
  <button id="snap">写真を撮る</button>
  <img id="output" src=""/>
  
  <script>
    const video = document.getElementById('video');
    const canvas = document.getElementById('canvas');
    const snap = document.getElementById('snap');
    const output = document.getElementById('output');
    
    // カメラ起動
    navigator.mediaDevices.getUserMedia({
        video: true
      })
      .then(function(stream) {
        video.srcObject = stream;
        video.play();
      })
      .catch(function(err) {
        console.log("An error occurred: " + err);
      });
    
    // 写真を撮る
    snap.addEventListener('click', function() {
      canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
      output.src = canvas.toDataURL('image/png');
    });
  </script>
</body>

</html>

【ゲームの概要】
このアプリはカメラを起動し、写真を撮ることができます。
しかし、このアプリはシャッター音が出ないため、静かに写真を撮ることができます。
ぜひ、このアプリでシャッター音に悩まされずに写真を撮ってみましょう！