cordova 录音 &录像(转)

1，插件的安装

首先我们要在“终端”中进入工程所在的目录，然后运行如下命令：


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

时间： 2024-10-05 13:47:56

cordova 录音 &录像(转)的相关文章

Android拍照、录像、录音代码范例

<p>import java.io.File; import java.text.SimpleDateFormat; import java.util.Date; import android.app.Activity; import android.content.Intent; import android.database.Cursor; import android.net.Uri; import android.os.Bundle; import android.os.Environ

DirectShowNet 使用摄像头录像+录音

http://www.cnblogs.com/endv/p/6052511.html 1 // ------------------------------------------------------------------ 2 // CaptureTest.cs 3 // Sample application to show the DirectX.Capture class library. 4 // 5 // History: 6 // 2003-Jan-25 BL - created

iOS开发系列--音频播放、录音、视频播放、拍照、视频录制

iOS开发系列--音频播放.录音.视频播放.拍照.视频录制 转载:http://www.cnblogs.com/kenshincui/p/4186022.html#avFoundationCamera --iOS多媒体 概览 随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的,无论是音视频播放.录制,还是对麦克风.摄像头的操作都提供了多套API.在今天的文章中将会对这些内容进行一一介绍: 音频 音

cordova 常用插件

一.插件相关常用命令 1.查看所有已经安装的插件    cordova plugin ls  2.安装插件(以camera插件为例)    cordova plugin add cordova-plugin-camera  3.删除插件(以camera插件为例)    cordova plugin rm cordova-plugin-camera  4.更新插件    cordova plugin update 二.常用的Cordova插件 1.Console(调试控制台)    让程序可以在控

音频播放、录音、视频播放、拍照、视频录制-b

随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的,无论是音视频播放.录制,还是对麦克风.摄像头的操作都提供了多套API.在今天的文章中将会对这些内容进行一一介绍: 音频 音效 音乐 音频会话 录音 音频队列服务 视频 MPMoviePlayerController MPMoviePlayerViewController AVPlayer 摄像头 UIImagePickerController拍照

使用recordmydesktop进行屏幕录像

屏幕录像的功能对于分享游戏攻略.演示电脑软件的操作是必不可少的.在Windows下可能一般的用户就下载盗版的商业软件来做了.而在GNU/Linux操作系统下,则有现成的自由软件可供使用,只不过没有图形界面罢了,但也同样方便有效.更何况,这一点对于已经入门的Linux用户来说也不算什么难题.本文介绍如何使用recordmydesktop进行屏幕录像. 软件包的安装就不用说了.需要提及一点的是,在使用recordmydesktop之前,还需要安装pavucontrol(PulseAudio Volu

win7 audio repeater 虚拟声卡 屏幕录像专家

屏幕录像专家修改“录音来源” 选择Line1

屏幕录像专家使用手册

屏幕录像专家作为一个多年的老牌屏幕录像工具,的确有他独有的优势,下面就说说这个强大的工具. 自己当初下载的版本,保存到了百度网盘,这个链接给大家了,里面有注册机,直接注册就好. 链接:http://pan.baidu.com/s/1dDtOQkT 安装过程:必须先解压缩到文件夹后安装,不要直接在解压缩软件里运行.在WIN7和VISTA下如果安装失败,请先选中 屏幕录像专家 共享版 V2011.exe,点鼠标右键,在弹出菜单中选中以管理员权限运行. 一步步安装即可,装完后.win7下右键以管理员身

屏幕录像专家 V2014 支持Win8 破解版

00.Win8运行截图 01.安装步骤,及破解 特点: 1.生成FLASH动画,文件小可以在网络上方便使用.2.生成AVI动画,支持各种压缩方式.3.生成exe文件,可以自动播放动画不需附属文件.高度压缩,生成文件小.4.支持后期配音和声音文件导入,使录制过程和配音分离.5.录制目标自由选取:可以是全屏.选定窗口或者选定范围.6.录制时可以设置是否同时录制声音,是否同时录制鼠标.7.可以自动设置最佳帧数.8.可以设置录音质量9.可以自己定义快捷键10.直接录制AVI功能11.直接录制EXE功能1