Cordova使用插件cordova-plugin-media-capture调用摄像头
2017-10-19 00:23
726 查看
参考apache官方文档:cordova-plugin-media-capture
demo:https://github.com/1096283585/web-cordova-plugin-media-capture
1、创建cordova项目
cordova create camera com.cordova.camera camera-demo
其中[ camera-demo com.cordova.camerademo camera-demo ]分别为文件夹名,包名,app名
2、安装cordova-plugin-media-capture插件
cordova plugin add cordova-plugin-media-capture
3、插件使用
js:document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { console.log(navigator.device.capture); } function capture() { //duration参数为最长录制时间 navigator.device.capture.captureVideo(onSuccess, onError, {duration: 20}); function onSuccess(mediaFiles) { var i, path, len; for (i = 0, len = mediaFiles.length; i < len; i += 1) { path = mediaFiles[i].fullPath; alert("success\n" + "name:" + mediaFiles[i].name + "\n" + "size:" + mediaFiles[i].size + "\n" + "localURL:" + mediaFiles[i].localURL + "\n" + "fullPath:" + path); } } function onError(error) { console.log(error) alert('error' + error); } }
html:
<button style="font-size:23px;"onclick="capture();">button</button>
相关文章推荐
- App开发如何扩展和使用本地插件(Cordova plugin),基于完全开源免费的框架为例
- cordova-plugin-camera相机插件使用
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- cordova-plugin-inappbrowser插件使用整理
- cordova-plugin-themeablebrowser插件使用整理
- html5调用摄像头使用Getusermedia和canvas
- ionic添加调取摄像头插件--cordova-plugin-camera
- cordova使用cordova-plugin-baidumaplocation插件获取定位
- Android和h5混合开发框架:CordovaPlugin插件使用说明
- jQuery多媒体插件jQuery Media Plugin使用详解
- java调用摄像头拍照,使用webcam-capture替换jmf调用摄像头拍照
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- Cordova通过CordovaPlugin插件调用 Activity
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例
- cordova-plugin-splashscreen插件使用时显示OOM
- (原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用心得
- Cordova - 使用Cordova开发iOS应用实战4(调用摄像头拍照,并编辑)
- jQuery多媒体插件jQuery Media Plugin使用详解
- 使用getUserMedia 调用摄像头