cordova 錄音 &錄像(轉)
阿新 • • 發佈：2017-08-02
-c oca 大小 border video content 控制 tab string 1，插件的安裝
首先我們要在“終端”中進入工程所在的目錄，然後運行如下命令：
2，錄音功能
下面樣例，點擊“開始錄音”按鈕後則系統會打開錄音器進行錄音。錄音完畢後，輸出錄音文件的保存地址。 可以通過 duration 屬性參數控制音頻錄制長度，如果到達這個時長也會停止錄音。
3，錄像功能
下面樣例，點擊“開始錄像”按鈕後則系統會打開攝像頭進行拍攝視頻。錄像完畢後，輸出錄像文件的保存地址。 可以通過 duration 屬性參數控制視頻錄制長度，當到達這個長度也會停止錄制。
轉載請保留原文鏈接：http://www.hangge.com/blog/cache/detail_1186.html
首先我們要在“終端”中進入工程所在的目錄，然後運行如下命令：
| 1 |
cordova plugin add cordova-plugin-media-capture
|
2，錄音功能
下面樣例，點擊“開始錄音”按鈕後則系統會打開錄音器進行錄音。錄音完畢後，輸出錄音文件的保存地址。 可以通過 duration 屬性參數控制音頻錄制長度，如果到達這個時長也會停止錄音。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!DOCTYPE html>
<html>
<head>
<title>Capture Audio</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
function audioCapture() {
//開始錄音（最長錄制時間：15秒）
navigator.device.capture.captureAudio(onSuccess, onError, {duration: 15});
//錄制成功
function onSuccess(mediaFiles) {
var i, path, len; //遍歷獲取錄制的文件（iOS只支持一次錄制一個視頻或音頻）
for (i = 0, len = mediaFiles.length; i < len; i += 1) {
console.log(mediaFiles);
path = mediaFiles[i].fullPath;
alert("錄制成功！\n\n"
+ "文件名：" + mediaFiles[i].name + "\n"
+ "大小：" + mediaFiles[i].size + "\n\n"
+ "localURL地址：" + mediaFiles[i].localURL + "\n\n"
+ "fullPath地址：" + path);
}
}
//錄制失敗
function onError(error) {
alert(‘錄制失敗！錯誤碼：‘ + error.code);
}
}
</script>
</head>
<body style="padding-top:50px">
<button style="font-size:23px;" onclick="audioCapture();">開始錄音</button>
</body>
</html>
|
3，錄像功能
下面樣例，點擊“開始錄像”按鈕後則系統會打開攝像頭進行拍攝視頻。錄像完畢後，輸出錄像文件的保存地址。 可以通過 duration 屬性參數控制視頻錄制長度，當到達這個長度也會停止錄制。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!DOCTYPE html>
<html>
<head>
<title>Capture Video</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
function videoCapture() {
//開始錄像（最長錄制時間：15秒）
navigator.device.capture.captureVideo(onSuccess, onError, {duration: 15});
//錄制成功
function onSuccess(mediaFiles) {
var i, path, len;
//遍歷獲取錄制的文件（iOS只支持一次錄制一個視頻或音頻）
for (i = 0, len = mediaFiles.length; i < len; i += 1) {
console.log(mediaFiles);
path = mediaFiles[i].fullPath;
alert("錄制成功！\n\n"
+ "文件名：" + mediaFiles[i].name + "\n"
+ "大小：" + mediaFiles[i].size + "\n\n"
+ "localURL地址：" + mediaFiles[i].localURL + "\n\n"
+ "fullPath地址：" + path);
}
}
//錄制失敗
function onError(error) {
alert(‘錄制失敗！錯誤碼：‘ + error.code);
}
}
</script>
</head>
<body style="padding-top:50px">
<button style="font-size:23px;" onclick="videoCapture();">開始錄像</button>
</body>
</html>
|
轉載請保留原文鏈接：http://www.hangge.com/blog/cache/detail_1186.html
cordova 錄音 &錄像(轉)