1. 程式人生 > >06模塊-camera【拍攝照片或視頻】

06模塊-camera【拍攝照片或視頻】

ole video 默認 轉換 scrip 管理設備 button formats 攝像

Camera模塊管理設備的攝像頭,可用於拍照、攝像操作

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>Accelerometer Example</title> <script type="text/javascript"> function videoCapture(){
var cmr = plus.camera.getCamera(); var res = cmr.supportedImageResolutions[0];//拍攝照片的分辨率 var fmt = cmr.supportedImageFormats[0];//拍攝照片後的格式 //var res = cmr.supportedVideoResolutions[0];//拍攝視頻的分辨率 //var fmt = cmr.supportedVideoFormats[0];//拍攝視頻後的格式 console.log("Resolution: "+res+", Format: "+fmt); cmr.captureImage(function(path){//進行拍照操作
//若是需要攝像則用 startVideoCapture方法 alert("拍攝成功:"+path); //拍照或攝像操作保存的文件路徑 //默認存放路徑 _doc/camera/ var path=plus.io.convertLocalFileSystemURL(path);//在IO模塊中的convertLocalFileSystemURL方法去轉換地址(該知識點還未提到) document.getElementById("imglist").innerHTML += "<li><img src="+path+" style=‘width:100px;‘ /></li>";//將拍攝後的圖片插入到li標簽中
}, function(error) { alert("拍攝失敗"+error.message); }, {resolution:res,format:fmt,filename:"_doc/camera/"} ); } </script> </head> <body> <input type=‘button‘ onclick=‘videoCapture()‘ value=‘拍照‘ /> <ul id="imglist"><!--拍攝成功後的照片的絕對地址將會放置於這兒--></ul> </body></html>

06模塊-camera【拍攝照片或視頻】