0
사용자의 카메라를 표시하기 위해 Crosswalk를 사용하려고합니다. 내가 겪고있는 문제는 그것이 표시되지 않고 있으며, 왜 그런지 모르겠습니다. 콘솔에 오류가 표시되지 않습니다.카메라가 안드로이드 장치에 표시되지 않습니다.
<!doctype html>
<html>
<head>
<title>Camera</title>
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com 'unsafe-inline'; style-src * 'unsafe-eval'; media-src 'self' blob:">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container">
<video id="monitor" autoplay></video>
<canvas id="photo"></canvas>
<input type=button value="📷" onclick="snapshot()">
</div>
<script type="text/javascript" src="js/plugins/jquery.min.js"></script>
<script type="text/javascript" src="js/dist/pages/camera.js"></script>
</body>
</html>
나는이 자바 스크립트를 사용하고하는 것은 그것을 실행 : 나는 자바에 실행 권한을 추가했다
$(window).on('load', event => {
var video = document.getElementById('monitor');
var canvas = document.getElementById('photo');
navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
video.src = URL.createObjectURL(stream);
video.onloadedmetadata =() => {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
}
});
});