HTML5+ 录音demo

最新推荐文章于 2020-12-19 17:12:40 发布

矮小的

最新推荐文章于 2020-12-19 17:12:40 发布

阅读量1.6k

点赞数 1

分类专栏： HTML5plus 移动端

本文链接：https://blog.csdn.net/crazyo2jam/article/details/100800250

版权

移动端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

HTML5plus

2 篇文章 0 订阅

订阅专栏

文档说明,安卓录音类型比较受限

		    object.record( option, successCB, errorCB );
			recod({
				channels:"mono",
				 /*(String 类型 )
				 录音声道"mono" - 单声道录音；
				 "stereo" - 立体声道录音。 
				 默认值为"mono"。
				 Android - ALL (不支持): 暂不支持，仅支持单通道录音。
				 iOS - 7.0+ (支持)*/
				 filename: "_doc/audio/",
				 /*(String 类型 )保存录音文件的路径
				 可设置具体文件名，也可只设置路径，如果以“/”结尾则表明是路径，
				 文件名由录音程序自动生成。 如未设置则使用默认目录生成随机文件名称，
				 默认目录为应用%APPID%下的documents目录。*/
				 samplerate: 
				 /*(String 类型 )录音文件的采样率
				 需通过supportedSamplerates属性获取设备支持的采样率，
				 若设置无效的值，则使用系统默认的采样率。
				 format: (String 类型 )录音文件的格式
				 需通过supportedFormats属性获取设备支持的录音格式，
				 若设置无效的值，则使用系统默认的录音格式。
				 Android - 2.2+ (支持): Android平台支持"amr"、"3gp"格式，默认为"amr"。
				 iOS - 4.5+ (支持): iOS平台支持"wav"、"aac"、"amr"格式，默认为"wav"。*/
				 
			})

例子复制直接使用

<!DOCTYPE html>
<html>  
	<head>
	<meta charset="utf-8">  
	<title>Audio Example</title>
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.min.css"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<style>
		input{
			width:100%;
			margin:10% 0;
		}
	</style>
	<script type="text/javascript">

document.addEventListener( "plusready", onPlusReady, false );
var r = null; 
function onPlusReady() { 
	document.getElementById("text").innerText="plus.audio.getRecorder()加载完毕";
	r = plus.audio.getRecorder(); 
}  

function startRecord() {//开始录音
	if ( r == null ) {//如果plus未加载为空
		alert( "Device not ready!" );
		return;  
	}  
	document.getElementById("text").innerText="录音ing";
	r.record( {filename:"_doc/audio/",samplerate: "42000"}, function () {//
		
		alert( "Audio record success!" );
	}, function ( e ) {
		alert( "Audio record failed: " + e.message );
	} );
}
function stopRecord() {//停止录音
	document.getElementById("text").innerText="录音结束";
	r.stop(); 
}
	</script>
	</head>
	<body>
		<input type="button" value="Start Record" onclick="startRecord();"/> 
		<br/>
		<input type="button" value="Stop Record" onclick="stopRecord();"/>
		<div id="text"
		 style="height: 12.5rem;border:3px solid red" align="center"></div>
	</body>

</html>