【发布时间】:2018-02-21 16:18:57
【问题描述】:
我有一个必须打开网络摄像头的网页。在PC浏览器上可以,但是在安卓浏览器上不行。如果我尝试打开控制台调试,我会看到
它不加载 JS 文件(仅在手机上)。
任何想法是什么问题?
function take_snapshot() {
//Scatto
Webcam.snap( function(data_uri) {
// dove far apparire l'immagine
document.getElementById('results').innerHTML =
'<h2>Sorpreso è:</h2>' +
'<img src="'+data_uri+'"/>';
} );
}
// WebcamJS v1.0.24 - http://github.com/jhuckaby/webcamjs - MIT Licensed
Webcam.set({
width: 320,
height: 240,
dest_width: 640,
dest_height: 480,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.attach( '#my_camera' );
body { font-family: Helvetica, sans-serif; }
h2, h3 { margin-top:0; }
form { margin-top: 15px; }
form > input { margin-right: 15px; }
#results { float:right; margin:20px; padding:20px; border:1px solid; background:#ccc; }
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<div id="results">Magicamente apparirà qua</div>
<h1>Web-cam Ale culo</h1>
<div id="my_camera"></div>
<!-- libreria per la webcam-->
<script type="text/javascript" src="webcam.min.js"></script>
<!-- Settaggi della webcam -->
<!-- BOTTONE PER CATTURARE -->
<form>
<input type=button value="Fota qualcosa" onClick="take_snapshot()">
</form>
</body>
</html>
【问题讨论】:
-
您所说的“它不加载 JS 文件”是什么意思,您能否发布您在控制台中看到的确切的特定错误?
-
另外,你是如何在移动浏览器上运行它的?它住在服务器上吗?它是cordova/phonegap 应用程序吗?
-
当然,错误是:GET file:///C:/Users/Luca/Desktop/webcam%20test/webcam.min.js net::ERR_FILE_NOT_FOUND
-
不,此时文件夹在我的设备上。将来,这些文件夹将在远程 Windows 服务器上
-
嗯,你的问题就在那里......你不能引用这样的文件,它必须提供一个 url,而不是本地文件路径。如果要编写脚本,则必须安装 wamp 或 mamp。如果您想在没有服务器的情况下为移动设备编写本地应用程序,您应该查看 cordova。 wamp 和 cordova 都是免费的。
标签: javascript php html include webcam