h5+ 聊天页面 录音，拍照

如果h5页面是套在微信公众号中的，可以直接调用微信的sdk更加方便简单。我以下写的是应用在uniapp的程序中，当然也可以直接调用uniapp的方法，我是为了快速开发，之前因为在微信公众号中开发过h5，所以拿来直接用，只把一些微信的sdk改成h5+的就可以在android、ios中通用了。

html

<audio id="myaudio" controls="controls" hidden="true"></audio>
	<div id="docChatroom" v-cloak style="overflow-y: auto;">		
	  <div id="chatCont" :style="{'margin-bottom':marginBottomm}">
            <div style="margin-top: 30px">  	       
	        <section class="dialogue-section clearfix" v-on:click="MenuOutsideClick" v-for="(value, key, index) in chatRecord.chat_list" >
	        <!-- friend -->
	        <div class="row clearfix left" v-if="value.sender_id===friend_id">
	            <p class="disWord center">{
  
  {value.create_time}}</p>
	            <img class="header" v-bind:src="'https://dev.ewisemedical.com/file/picture/avatar/'+seePatientMes.avatar">
	            <div v-if="value.type==='text'">
	                <p class="text textLeft">{
  
  {value.content}}</p>
	            </div>
	            <div v-if="value.type==='photo'">
	            <p class="text textLeft"><img style="width: 180px" v-bind:src="'https://dev.ewisemedical.com/file/picture/chat/'+value.content"  preview="2"/></p> 
	            </div>

	            <div v-if="value.type==='voice'">
	                <p v-if="audioSrc==('https://dev.ewisemedical.com/file/media/chat/'+value.content)" class="text textLeft videoleft" v-on:click="doPlay" :data-audio_url="'https://dev.ewisemedical.com/file/media/chat/'+value.content">
	                <img v-if="j==1" class="comVoice" src="./img/left1.png" />
	                <img v-if="j==2" class="comVoice" src="./img/left2.png" />
	                <img v-if="j==3" class="comVoice" src="./img/left3.png" /> 
                    </p>    
                    <p v-else class="text textLeft videoleft" v-on:click="doPlay" :data-audio_url="'https://dev.ewisemedical.com/file/media/chat/'+value.content">
                    <img class="comVoice" src="./img/left3.png"/>
                    </p>              
	            </div>
	            
	        </div>            
	         <!-- friend end --> 
	         <!-- self start -->
	        <