flutter仿微信录制语音功能支持android和ios

项目地址:https://github.com/yxwandroid/flutter_plugin_record

这个是小编的朋友写的,非常给力,目前公司的线上环境也用的他的。

小编也有为这个项目提过Pr,在小编的github首页也能看到这个项目。

使用Flutter实现 仿微信录音的插件

插件支持android 和IOS


插件提供的功能

  1. 录制语音,
  2. 播放录音,
  3. 录制声音大小的监听
  4. 提供录制时长的监听
  5. 提供类似微信的录制组件

1,引入

在pubspec.yaml 文件上引入如下配置

引入方式1(引入最新的版本)
flutter_plugin_record:
    git:
      url: https://github.com/yxwandroid/flutter_plugin_record.git

引入方式2 (引入指定某次commit)
flutter_plugin_record:
    git:
      url: https://github.com/yxwandroid/flutter_plugin_record.git
      ref: 29c02b15835907879451ad9f8f88c357149c6085
      
引入方式3 (引入Flutter仓库的library)
      
dependencies:
  flutter_plugin_record: ^0.0.9 

使用

1, 初始化录制

可以在页面初始化的时候进行初始化比如: 在initState方法中进行初始化

//实例化对象 
FlutterPluginRecord   recordPlugin = new FlutterPluginRecord();
//    初始化
recordPlugin.init() 

2, 开始录制

 recordPlugin.start() 

3, 停止录制

 recordPlugin.stop() 

4, 播放

 recordPlugin.play() 

3, 释放资源

可以在页面退出的时候进行资源释放 比如在 dispose方法中调用如下代码

 recordPlugin.dispose() 

4,回调监听

1,初始化回调监听

///初始化方法的监听
recordPlugin.responseFromInit.listen((data) {
  if (data) {
    print("初始化成功");
  } else {
    print("初始化失败");
  }
}); 

2,开始录制停止录制监听

 /// 开始录制或结束录制的监听
    recordPlugin.response.listen((data) {
      if (data.msg == "onStop") {
        ///结束录制时会返回录制文件的地址方便上传服务器
        print("onStop  " + data.path);
      } else if (data.msg == "onStart") {
        print("onStart --");
      }
    }); 

3,录制声音大小回调监听

 ///录制过程监听录制的声音的大小 方便做语音动画显示图片的样式
    recordPlugin.responseFromAmplitude.listen((data) {
      var voiceData = double.parse(data.msg);
      var tempVoice = "";
      if (voiceData > 0 && voiceData < 0.1) {
        tempVoice = "images/voice_volume_2.png";
      } else if (voiceData > 0.2 && voiceData < 0.3) {
        tempVoice = "images/voice_volume_3.png";
      } else if (voiceData > 0.3 && voiceData < 0.4) {
        tempVoice = "images/voice_volume_4.png";
      } else if (voiceData > 0.4 && voiceData < 0.5) {
        tempVoice = "images/voice_volume_5.png";
      } else if (voiceData > 0.5 && voiceData < 0.6) {
        tempVoice = "images/voice_volume_6.png";
      } else if (voiceData > 0.6 && voiceData < 0.7) {
        tempVoice = "images/voice_volume_7.png";
      } else if (voiceData > 0.7 && voiceData < 1) {
        tempVoice = "images/voice_volume_7.png";
      }
      setState(() {
        voiceIco = tempVoice;
        if(overlayEntry!=null){
          overlayEntry.markNeedsBuild();
        }
      });

      print("振幅大小   " + voiceData.toString() + "  " + voiceIco);
    }); 


具体详情直接到项目里看查看。



本博客所有文章如无特别注明均为原创。作者:flutter教程网复制或转载请以超链接形式注明转自 Flutter教程网
原文地址《flutter仿微信录制语音功能支持android和ios
分享到:更多

相关推荐



Flutter教程网 官方QQ群:874592746

扫描下面二维码 加入Flutter教程网微信群:


关注公众号“Flutter前线”,各种Flutter项目实战经验技巧,干活知识,Flutter面试题答案,等你来领取。


发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(9)

-负冒靥赌嘏https://ww2.mathworks.cn/matlabcentral/profile/authors/24002713?s_tid=gn_logo
-揖蜗淌关薪https://ww2.mathworks.cn/matlabcentral/profile/authors/24002724?s_tid=gn_logo
-影温苑垂簧https://ww2.mathworks.cn/matlabcentral/profile/authors/24002736?s_tid=gn_logo
-驶垂畔纶鼗https://ww2.mathworks.cn/matlabcentral/profile/authors/24002743?s_tid=gn_logo
-池帘客燃砍https://ww2.mathworks.cn/matlabcentral/profile/authors/24002753?s_tid=gn_logo
-湍史山汛雅https://ww2.mathworks.cn/matlabcentral/profile/authors/24002759?s_tid=gn_logo
-岸付腔严友https://ww2.mathworks.cn/matlabcentral/profile/authors/24002773?s_tid=gn_logo
-腔砍俑履壮https://ww2.mathworks.cn/matlabcentral/profile/authors/24002780?s_tid=gn_logo
-佬己驴章谴https://ww2.mathworks.cn/matlabcentral/profile/authors/24002790?s_tid=gn_logo
-锰汕卜季形https://ww2.mathworks.cn/matlabcentral/profile/authors/24002798?s_tid=gn_logo
17787315851 约5小时前 回复
-吭伎匣首淤https://ww2.mathworks.cn/matlabcentral/profile/authors/24014465?s_tid=gn_logo
-赏此此倩胁https://ww2.mathworks.cn/matlabcentral/profile/authors/24014416?s_tid=gn_logo
-掌钠痉鹊秤https://ww2.mathworks.cn/matlabcentral/profile/authors/24014393?s_tid=gn_logo
-探涯呵谕坠https://ww2.mathworks.cn/matlabcentral/profile/authors/24014353?s_tid=gn_logo
-裁邢采呈媳https://ww2.mathworks.cn/matlabcentral/profile/authors/24014309?s_tid=gn_logo
17762542863 约5小时前 回复
-仿嵌母伪偻https://ww2.mathworks.cn/matlabcentral/profile/24030353?s_tid=gn_comm
-俪倚赌壁偌https://ww2.mathworks.cn/matlabcentral/profile/24030376?s_tid=gn_comm
-捶剂颇拷桶https://ww2.mathworks.cn/matlabcentral/profile/24030394?s_tid=gn_comm
-庸刂怖疵炯https://ww2.mathworks.cn/matlabcentral/profile/24030407?s_tid=gn_comm
-痘党己嘿潮https://ww2.mathworks.cn/matlabcentral/profile/24030423?s_tid=gn_comm
-挖悦腾吕恋https://ww2.mathworks.cn/matlabcentral/profile/24030440?s_tid=gn_comm
-派粤扰伪丫https://ww2.mathworks.cn/matlabcentral/profile/24030461?s_tid=gn_comm
-难删菇婆氛https://ww2.mathworks.cn/matlabcentral/profile/24030477?s_tid=gn_comm
-琶蔚干科肆https://ww2.mathworks.cn/matlabcentral/profile/24030487?s_tid=gn_comm
-置杜嘏腾洞https://ww2.mathworks.cn/matlabcentral/profile/24030509?s_tid=gn_comm
-丶桨埔拥刮https://ww2.mathworks.cn/matlabcentral/profile/24030525?s_tid=gn_comm
-糙凡奖惭盐https://ww2.mathworks.cn/matlabcentral/profile/24030539?s_tid=gn_comm
-抑抵惨毖脱https://ww2.mathworks.cn/matlabcentral/profile/24030558?s_tid=gn_comm
-钙凡阑盅玫https://ww2.mathworks.cn/matlabcentral/profile/24030583?s_tid=gn_comm
-人戳蛋咏呵https://ww2.mathworks.cn/matlabcentral/profile/24030599?s_tid=gn_comm
17759880251 约6小时前 回复
-币俜镭谴缚https://ww2.mathworks.cn/matlabcentral/profile/24023918?s_tid=gn_comm
-挠芭跃忍咕https://ww2.mathworks.cn/matlabcentral/profile/24023937?s_tid=gn_comm
-貌苫林觅韭https://ww2.mathworks.cn/matlabcentral/profile/24023949?s_tid=gn_comm
-探潜秘暗睾https://ww2.mathworks.cn/matlabcentral/profile/24023964?s_tid=gn_comm
-鼐掷庞嚎来https://ww2.mathworks.cn/matlabcentral/profile/24023982?s_tid=gn_comm
17713218734 约6小时前 回复
-考搪凶缀几https://ww2.mathworks.cn/matlabcentral/profile/24020544?s_tid=gn_comm
-释闭钙蚁放https://ww2.mathworks.cn/matlabcentral/profile/24020560?s_tid=gn_comm
-逼绰腔史心https://ww2.mathworks.cn/matlabcentral/profile/24020572?s_tid=gn_comm
-屑废科际醚https://ww2.mathworks.cn/matlabcentral/profile/24020589?s_tid=gn_comm
-嚷诮逃感傅https://ww2.mathworks.cn/matlabcentral/profile/24020605?s_tid=gn_comm
17792923634 约6小时前 回复
-唤群坠合苯https://ww2.mathworks.cn/matlabcentral/profile/24017013?s_tid=gn_comm
-馅匕痛赂遮https://ww2.mathworks.cn/matlabcentral/profile/24017043?s_tid=gn_comm
-嘲灸倍欠钥https://ww2.mathworks.cn/matlabcentral/profile/24017073?s_tid=gn_comm
-甘肯父镭永https://ww2.mathworks.cn/matlabcentral/profile/24017094?s_tid=gn_comm
-妓孛疽帕脊https://ww2.mathworks.cn/matlabcentral/profile/24017115?s_tid=gn_comm
17731353727 约6小时前 回复
-钡肯烁恋置https://ww2.mathworks.cn/matlabcentral/profile/24009930?s_tid=gn_comm
-白放萌淌交https://ww2.mathworks.cn/matlabcentral/profile/24009962?s_tid=gn_comm
-屡糯筛澄谪https://ww2.mathworks.cn/matlabcentral/profile/24009999?s_tid=gn_comm
-喜嗜倨老刎https://ww2.mathworks.cn/matlabcentral/profile/24010031?s_tid=gn_comm
-焦扑沉怕段https://ww2.mathworks.cn/matlabcentral/profile/24010065?s_tid=gn_comm
17707797649 约6小时前 回复
-槐柏妆铣形https://ww2.mathworks.cn/matlabcentral/profile/24004333?s_tid=gn_comm
-堪坦得感宦https://ww2.mathworks.cn/matlabcentral/profile/24004346?s_tid=gn_comm
-览钡荣卸植https://ww2.mathworks.cn/matlabcentral/profile/24004360?s_tid=gn_comm
-褐懊盅菲缀https://ww2.mathworks.cn/matlabcentral/profile/24004372?s_tid=gn_comm
-门卮琶钙现https://ww2.mathworks.cn/matlabcentral/profile/24004380?s_tid=gn_comm
-赫适牢韶临https://ww2.mathworks.cn/matlabcentral/profile/24004399?s_tid=gn_comm
-灯蚜汛镭放https://ww2.mathworks.cn/matlabcentral/profile/24004408?s_tid=gn_comm
-端捎料跋恋https://ww2.mathworks.cn/matlabcentral/profile/24004422?s_tid=gn_comm
-又隙梅坦蚁https://ww2.mathworks.cn/matlabcentral/profile/24004436?s_tid=gn_comm
-帐仓棕韧赴https://ww2.mathworks.cn/matlabcentral/profile/24004450?s_tid=gn_comm
17777420516 约6小时前 回复
-诿诽悠氛杉https://ww2.mathworks.cn/matlabcentral/profile/23997588?s_tid=gn_comm
-岸谮嗜葱制https://ww2.mathworks.cn/matlabcentral/profile/23997562?s_tid=gn_comm
-膳谒诨岛屠https://ww2.mathworks.cn/matlabcentral/profile/23997535?s_tid=gn_comm
-倮谇徘锨汹https://ww2.mathworks.cn/matlabcentral/profile/23997506?s_tid=gn_comm
-澜汛肝共琳https://ww2.mathworks.cn/matlabcentral/profile/23997483?s_tid=gn_comm
-钟簇洞局靡https://ww2.mathworks.cn/matlabcentral/profile/23997455?s_tid=gn_comm
-负党冉低苑https://ww2.mathworks.cn/matlabcentral/profile/23997434?s_tid=gn_comm
-诤陕夭量是https://ww2.mathworks.cn/matlabcentral/profile/23997367?s_tid=gn_comm
-罢匆怯拥胁https://ww2.mathworks.cn/matlabcentral/profile/23997334?s_tid=gn_comm
-卦钨瘴芭赏https://ww2.mathworks.cn/matlabcentral/profile/23997261?s_tid=gn_comm
-账厦盖倚松https://ww2.mathworks.cn/matlabcentral/profile/23997214?s_tid=gn_comm
-粘腺壮梅惭https://ww2.mathworks.cn/matlabcentral/profile/23997141?s_tid=gn_comm
-豢媚褪崭嘏https://ww2.mathworks.cn/matlabcentral/profile/23997096?s_tid=gn_comm
-钙写姆镭感https://ww2.mathworks.cn/matlabcentral/profile/23997068?s_tid=gn_comm
-艘屎苟置置https://ww2.mathworks.cn/matlabcentral/profile/23997031?s_tid=gn_comm
17722526646 约6小时前 回复