cordova 錄音 &錄像(轉)
1，插件的安裝
首先咱們要在「終端」中進入工程所在的目錄，而後運行以下命令：
2，錄音功能
下面樣例，點擊「開始錄音」按鈕後則系統會打開錄音器進行錄音。錄音完畢後，輸出錄音文件的保存地址。
3，錄像功能
下面樣例，點擊「開始錄像」按鈕後則系統會打開攝像頭進行拍攝視頻。錄像完畢後，輸出錄像文件的保存地址。
轉載請保留原文連接： 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
相關文章
- 1. cordova錄音轉base64上傳七牛
- 2. freeswitch 錄音錄像
- 3. Android--MediaRecorder錄音錄像
- 4. FFmpeg windows 錄屏(錄像)錄音 實測
- 5. freeswitch 錄音錄像模塊和內核
- 6. OneNote 2010 錄音、錄像，如此簡單？
- 7. FFmpeg進行屏幕錄像和錄音
- 8. python錄音（轉載）
- 9. Android MediaRecorder錄音錄像 暫停 繼續錄音 播放 ARM格式（音頻一）
- 10. 錄音怎樣轉換成文字？錄音轉文字方法
- 更多相關文章...
- • ADO 添加記錄 - ADO 教程
- • ADO 更新記錄 - ADO 教程
- • Composer 安裝與使用
- • Docker容器實戰(七) - 容器眼光下的文件系統
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 在windows下的虛擬機中,安裝華爲電腦的deepin操作系統
- 2. 強烈推薦款下載不限速解析神器
- 3. 【區塊鏈技術】孫宇晨：區塊鏈技術帶來金融服務的信任變革
- 4. 搜索引起的鏈接分析-計算網頁的重要性
- 5. TiDB x 微衆銀行 | 耗時降低 58%，分佈式架構助力實現普惠金融
- 6. 《數字孿生體技術白皮書》重磅發佈（附完整版下載）
- 7. 雙十一「避坑」指南：區塊鏈電子合同爲電商交易保駕護航！
- 8. 區塊鏈產業，怎樣「鏈」住未來？
- 9. OpenglRipper使用教程
- 10. springcloud請求一次好用一次不好用zuul Name or service not known
歡迎關注本站公眾號,獲取更多信息
