h5+实现手机端的录音，拍照，录像

            使用h5+即h5plus可以实现调用手机的功能实现语音的录制播放，图片上传下载，拍照，录像的功能，并提供上传下载的功能。开发工具使用hbuilder，该开发工具有模板和demo可以参考实现快速的开发app功能。使用h5调用硬件的功能，实现原生的效果，前端开发app周期短，开发速度快，入门门槛低，hbuilder还提供了一个mui库，可以实现很多手机原生ui的效果。源码下：http://download.csdn.net/download/wj903829182/10126959，

上传下载参考：http://blog.csdn.net/j903829182/article/details/78406778

       

1，实现录音，录音上传，录音下载，录音播放，主要代码如下：

	
		
		
		
		
		

		

	

	
		

		

			

			开始录音        
			        
			清空历史        
			


			

			

				
			
		
		

		

		图片上传：
		
		


		


		
		

		

		

		
拍照
		



		
录像
		


		
登入
		

		
登出
		

		
下载测试
		
		
		


		

			
				
			
				
		


		

			
00:00:00/00:00:00

			

				

			
			

			

		
		

		

			

			

				

			
			

			
00:00:00

			

		
		

		

			Audio用于管理音频设备，可调用麦克风录制音频文件，也可播放音频文件。
		
	

	

2，实现拍照，录像，上传下载，播放,websocket连接

    主要代码如下：

	
		
		
		
		
		
		
	

	
		

			

			
wechat
			

		
		

			
			
拍照
			
录像
			
下载
			
选择相册照片上传
			
获取登入信息
			
websocket连接
			输入信息：
			
发送消息
			


			

			
			

			
			

				
无历史记录
			
			

			
清空历史记录
			

		
		

		

			Camera管理摄像头设备，可用于拍摄照片、录制视频文件。
		
	
	
	
	
	
	
	
	

      

     代码有点乱，主要是实现功能，使用h5plus的功能，调用手机的功能，实现原生app的效果，使用hbuilder打包apk到手机上运行，查看效果。

    利用前端技术，快速开发原生app，降低学习成本，加速开发。