html5怎么实现只调用手机摄像头

如题所述

需要加载cordova.js
方法:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
pictureSource = navigator.camera.PictureSourceType;
destinationType = navigator.camera.DestinationType;
}
//相册
function fromCamera()
{
var source = pictureSource.PHOTOLIBRARY;
navigator.camera.getPicture(function (imageData) {
setimg(imageData);
}, function (message) {
if (source == pictureSource.CAMERA)
alert('加载照相机出错!' + message);
else
alert('加载相册出错!' + message);
}, {
quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source
});
}
//拍照
function EditImgPz()
{
navigator.camera.getPicture(function (imageData) {
setimg(imageData);
}, function (message) {
alert(message);
}, {
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.CAMERA,
allowEdit: true,
encodingType: Camera.EncodingType.JPEG,
popoverOptions: CameraPopoverOptions,
saveToPhotoAlbum: true
});
}
温馨提示:内容为网友见解,仅供参考
无其他回答

html5怎样调用手机摄像头或者相册?
拍照功能就是简单的调用canvas中的drawImage即可 document.getElementById("picture").addEventListener("click", function () { context.drawImage(video, 0, 0, 640, 480);});所有script代码如图示 然后浏览器中就能看到摄像头,点击picture,就会在把当前摄像头的图片就会出现在右边了 ...

html5怎样调用手机摄像头或者相册
只需要在Html5代码中加入下列代码就可以调用手机摄像头或者相册。<input type="file" accept="video\/*;capture=camcorder"> <input type="file" accept="audio\/*;capture=microphone"> <input type="file" accept="image\/*;capture=camera">输入此行代码可以调用相机。<input type="file" accept="...

html5怎样调用手机摄像头或者相册
今天做手机网站,想实现手机扫描二维码功能。首先实现在浏览器中调用手机摄像头,实现拍照功能并且把拍下的照片显示在页面并上传到服务器上,然后再在服务器端进行分析。首先实现在浏览器中调用摄像头,当然用现在火的不行的html5,html5中的<video>标签,并将从摄像头获得视频作为这个标签的输入来源。实现...

html5怎样调用手机摄像头或者相册
1)获取视频流 添加一个HTML5的Video标签,并将从摄像头获得视频作为这个标签的输入来源 var video = document.getElementByIdx_x_x("video"); navigator.getUserMedia({video:true}, function (stream) { video.src = window.webkitURL.createObjectURL(stream); }, function (error) { aler...

html5怎么实现只调用手机摄像头
需要加载cordova.js 方法:document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() { pictureSource = navigator.camera.PictureSourceType;destinationType = navigator.camera.DestinationType;} \/\/相册 function fromCamera(){ var source = pictureSource.PHOTOLIBRARY;navigator....

html5怎样调用手机摄像头或者相册
<input type="file" accept="audio\/*;capture=microphone"> <input type="file" accept="image\/*;capture=camera">直接调用相机 <input type="file" accept="image\/*" \/>调用相机 图片或者相册 还是要根据手机的类型来说,有些手机只能调相机,有些手机只能调相册,或者两者都行。以上,希望能...

html5怎样调用手机摄像头或者相册?
HTML5技术支持WebApp在手机上拍照,显示在页面上并上传到服务器。这是手机微博应用中常见的功能,当然你也可以在其它类型应用中适当使用此技术。1、 视频流 HTML5 的 The Media Capture(媒体捕捉) API 提供了对摄像头的可编程访问,用户可以直接用 getUserMedia(请注意目前仅Chrome和Opera支持)获得摄像...

如何通过html5调用手机摄像头?
android手机,浏览器chrome32版本下实现了浏览器调用设备摄像头进行拍照。主要分3个步骤来完成:1)获取视频流添加一个HTML5的Video标签,并将从摄像头获得视频作为这个标签的输入来源 var video = document.getElementByIdx_x_x("video"); navigator.getUserMedia({video:true}, function (stream) { ...

如何html5在浏览器里访问手机后置摄像头
如果是在手机浏览器上运行的,直接使用input type=file标签可以调用摄像头,文件夹那些。如果是嵌在webview里面的话,file标签被禁用 需要安卓改写openFileChooser的相关方法,具体可以看这个文章http:\/\/my.oschina.net\/aicoding\/blog\/90689!

html5或者JS怎样调用手机摄像头或者相册?
优化做得好的可以直接提示选择相册或相机。移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API,它能让应用开发者访问用户的摄像头或内置相机。

相似回答