level 11
网上很多是这样的:
html:
<video id="video" width="300" height="300" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="300" height="300"></canvas>
2014年07月11日 09点07分
2
你是要干什么???为什么调用相机
2014年07月11日 10点07分
回复 520金色枫叶 :我在做在线客服。需要调用手机相机。
2014年07月11日 11点07分
回复 背叛了所有c :电脑上操作调用手机么?
2014年07月11日 11点07分
回复 背叛了所有c :我也做一个项目,也需要调用相机T^T
2014年07月11日 11点07分
level 11
JS:
<script>
// 设置事件监听,DOM内容加载完成,和jQuery的$.ready() 效果差不多。
window.addEventListener("DOMContentLoaded", function() {
// canvas 元素将用于抓拍
var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
// video 元素,将用于接收并播放摄像头 的数据流
video = document.getElementById("video"),
videoObj = { "video": true },
// 一个出错的回调函数,在控制台打印出错信息
errBack = function(error) {
if("object" === typeof window.console){
console.log("Video capture error: ", error.code);
}
};
// Put video listeners into place
// 针对标准的浏览器
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
// 对拍照按钮的事件监听
document.getElementById("snap").addEventListener("click", function() {
// 画到画布上
context.drawImage(video, 0, 0, 640, 480);
});
}, false);
</script>
2014年07月11日 09点07分
3
level 11
这样的效果是, 在电脑上打开jsp页面能调用电脑摄像头, 手机却没反映. (至少目前ios是没效果的) .
2014年07月11日 09点07分
4
level 11
现在需要的效果是, jsp上点击一个button , 直接打开手机原生态的相机进行拍照, 然后上传, 有没有大神做过类似的, 还请赐教 !!!
2014年07月11日 09点07分
6
吧务
level 15
不能调用相机 ,但是可以上传的时候选拍照片。就用 input file就行了。我就做 web app的。不过要前端处理图片压缩裁剪 比较麻烦。到github上找库。手机拍照还有旋转信息,传到后端可能还是倒的图像,要前端旋转回来。需要读文件结构 里面包含图片信息。 别问我为啥知道,因为我做过
2014年12月14日 01点12分
13
你遇到过小米手机在使用uc浏览器进行拍照,调用不起来,这是啥原因?
2015年07月29日 02点07分
使用索尼手机调用uc浏览器进行拍照就是可以滴,难道是有关手机的问题?
2015年07月29日 02点07分
level 1
<input id="fl" style="opacity:0;" type="file" accept="image/*;"/>
2015年01月09日 06点01分
14
level 6
和android webview 交互实现拍照上传
2015年11月12日 15点11分
16
level 1
这个贴还挺持久的。回答的人 全说写 没什么用的,file 在android 上是不能拍照的,只能选图片上传,ios内可以拍照和选图片上传。有没人能说个比较兼容的方法,别再说file了,浏览器 调摄像头 真不容易啊
2016年06月23日 10点06分
19
谢谢, 都过去几年了. file的确解决不了, 必须要调用APP的拍照功能.
2016年06月27日 02点06分
楼主,我现在遇到这个问题,跪求解决方案,怎么调用APP的拍照功能啊
2017年03月24日 10点03分
回复 jxjdvh :页面用特殊代码触发app 拍照,具体是app的人做,有监控事件吧
2017年03月25日 04点03分