我尝试研究并阅读了很多关于这个问题的文章
我有一些红色,但讨论似乎没有解决方案就结束了
所以问题是我无法在我的 CI 应用程序上显示相机,但是当我只是复制确切的代码并将其粘贴到我的 localhost 而不使用任何框架时它可以工作。
这是我的 CI 代码
<script type="text/javascript" src="<?=base_url('assets/js/cam/webcam.js')?>"></script>
<script language="JavaScript">
document.write( webcam.get_html(440, 240) );
</script>
<form>
<br />
<input type=button value="Configure settings" onClick="webcam.configure()" class="shiva">
<input type=button value="snap" onClick="take_snapshot()" class="shiva">
</form>
<script type="text/javascript">
webcam.set_api_url( "<?=base_url('assets/js/cam/handleimage.php')?>");
webcam.set_quality( 90 ); // JPEG quality (1 - 100)
webcam.set_shutter_sound( true, "<?=base_url('assets/js/cam/shutter.mp3')?>" ); // play shutter click sound
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function take_snapshot(){
// take snapshot and upload to server
document.getElementById('img').innerHTML = '<h1>Uploading...</h1>';
webcam.snap();
}
function my_completion_handler(msg) {
// extract URL out of PHP output
if (msg.match(/(http\:\/\/\S+)/)) {
// show JPEG image in page
document.getElementById('img').innerHTML ='<h3>Upload Successfuly done</h3>'+msg;
document.getElementById('img').innerHTML ="<img src="+msg+" class=\"img\">";
// reset camera for another shot
webcam.reset();
}
else {alert("Error occured we are trying to fix now: " + msg); }
}
</script>
我使用了这个演示包,如果我将它解压到本地主机,它运行良好。https://app.box.com/s/nkhgrj73fvutaj6dfspf
但是当我尝试将它集成到 CI 时,相机窗口显示空白。当我尝试使用 webcam.configure() 等网络摄像头 js 功能时,它说电影尚未加载
俊尼