js を使用してネットワークカメラを呼び出し、一般的なエラーを処理します

navigator.mediaDevices.getUserMedia({ audio: false, video: true }).then(async (stream) => {

  ビデオを document.getElementById('#video') に設定します。
 
  // 互換性の監視 if( 'srcObject' in video ) {
    
    video.srcObject = ストリーム
  } それ以外 {
    // このメソッドは、srcObject をサポートするブラウザではサポートされなくなりました。video.src = URL.createObjectURL(stream)
  }
  
  ビデオの再生を待つ()
})

mediaDevices = navigator.mediaDevices || null とします  
if(メディアデバイス === null) {    
  console.warn(`https プロトコル環境であることを確認してください`)
  戻る 
}  
mediaDevices.getUserMedia({ audio: false, video: true }).then(async (stream) => {})

navigator.mediaDevices の場合:
    
 console.log("ブラウザはenumerateDevicesプロパティをサポートしていません")
 戻る
}
  
navigator.mediaDevices.enumerateDevices().then((デバイス) => {
    
  devicesList を devices.filter((device) => device.kind === 'videoinput') とします。
    
  // devicesList -> [{ kind: 'videoinput', name: 'FaceTime HD カメラ (内蔵)', deviceId: xxx }]
  // devicesList で取得した deviceId を使用してカメラを切り替えることができます。 // 具体的な方法: mediaDevices.getUserMedia({ audio: false, video: { deviceId } })
})

mediaDevices = navigator.mediaDevices || null とします  
if(メディアデバイス === null) {    
  console.warn(`https プロトコル環境であることを確認してください`)
  戻る 
}
  
mediaDevices.getUserMedia({ audio: false, video: true }).then(async (stream) => {    
  ビデオを document.getElementById('#video') に設定します。
  video.srcObject = ストリーム  
  ビデオの再生を待つ()    
 // 1280,720  
  console.log(ビデオ.ビデオ幅、ビデオ.ビデオ高さ)
})

mediaDevices = navigator.mediaDevices || null とします
  
if(メディアデバイス === null) {
  
  console.warn(`https プロトコル環境であることを確認してください`)
  戻る 
}
  
mediaDevices.getUserMedia({ audio: false, video: true }).then(async (stream) => {
  
  ビデオを document.getElementById('#video') に設定します。
  
  video.srcObject = ストリーム
  
  ビデオの再生を待つ()
  
}).catch((エラー) => {
  
  message = error.message || error, とします。
    レスポンス = {
      「権限が拒否されました」: 「ブラウザによりこのページでのカメラの使用が禁止されています。関連する権限を有効にしてください」
      「要求されたデバイスが見つかりません」: 「カメラが検出されませんでした」
    }  
  アラート(応答[ message.toLowerCase() ] || '不明なエラー')
})

// カメラがオンラインかどうかを判定する let cameraIsOnline = false
  
定数loadWebCamera = () => {
    
  mediaDevices = navigator.mediaDevices || null とします
  
  if(メディアデバイス === null) {
  
    console.warn(`https プロトコル環境であることを確認してください`)
    戻る 
  }
  
  mediaDevices.getUserMedia({ audio: false, video: true }).then(async (stream) => {
  
    ビデオを document.getElementById('#video') に設定します。
  
    video.srcObject = ストリーム
      
    // 互換性処理 if ( stream.oninactive === null ) {
      // ストリームの中断をリッスンします。ストリームが中断された後、ステータスを監視するために再度自分自身を呼び出します stream.oninactive = () => loadWebCamera()
    }
  
    ビデオの再生を待つ()

    カメラがオンライン = true
  
  }).catch((エラー) => {
  
    message = error.message || error, とします。
      レスポンス = {
        「権限が拒否されました」: 「ブラウザによりこのページでのカメラの使用が禁止されています。関連する権限を有効にしてください」
        「要求されたデバイスが見つかりません」: 「カメラが検出されませんでした」
        「ビデオソースを開始できませんでした」: 「カメラにアクセスできません。再度接続して再試行してください」
      }
   
    カメラがオンライン = false
    アラート(応答[ message.toLowerCase() ] || '不明なエラー')
  })
}