微信小程序之录音与播放功能(完整示例demo)

标签: 微信小程序录音 微信小程序停止录音 微信小程序播放声音
33人阅读 评论(0) 收藏 举报
分类:

关注我,加入微信小程序开发交流qq群(173683895)相互交流学习。谢谢

源码简介: 点击按钮实现相应效果 ↓↓↓↓↓↓↓↓

//test.wxml

<button bindtap='start'>开始录音</button>  
<button bindtap='play'>播放录音</button>  
<button bindtap='stop'>停止录音</button>

//test.js

var voice = "";
Page({
  play: function () {
    //播放声音文件  
    wx.playVoice({
      filePath: voice
    })
  },
  start: function () {
    //开始录音  
    wx.startRecord({
      success: function (e) {
        voice = e.tempFilePath
      }
    })
  },
  stop: function () {
    //结束录音  
    wx.stopRecord();
  }
})

查看评论

javascript 手机移动端 微信 拍照 录音 录视频并阿里oss上传

调用照相机,拍照 &amp;lt;input type=&quot;file&quot; accept=&quot;image/*&quot; capture=&quot;camera&quot;&a...
  • qq_15602525
  • qq_15602525
  • 2018-03-07 11:11:33
  • 208

微信小程序之录音与播放功能(完整示例demo)

关注我,加入微信小程序开发交流qq群(173683895)相互交流学习。谢谢源码简介: 点击按钮实现相应效果 ↓↓↓↓↓↓↓↓//test.wxml&amp;lt;button bindtap='s...
  • qq_35713752
  • qq_35713752
  • 2018-04-15 10:28:24
  • 33

微信小程序:使用倒计时模拟一个声纹波浪效果

其实吧,这个也没啥,就无聊写写的,本来打算使用rich-text来实现,但是很难试下渐变的效果,也就改用view了,代码没啥注意点,就直接黏上来吧wxss:.myi { width: 100%; ...
  • HUSHILIN001
  • HUSHILIN001
  • 2018-03-15 11:43:22
  • 120

微信小程序开发之录音机 音频播放 动画 (真机可用)

趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评! 老规矩,先几张图. 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住 录音按钮的时候会出现麦克风.中间的麦...
  • qq_31383345
  • qq_31383345
  • 2016-11-27 00:08:53
  • 24675

微信小程序 录音机 播放器 动画

  • 2016年11月27日 00:22
  • 13KB
  • 下载

微信小程序特殊效果合集第一期

一期一期的整,假如以下内容中,有已经无法使用的部分,欢迎指出;假如你有你觉得可以加入特殊效果范围的文章或帖子,或是你有自己制作的特殊效果,欢迎回复分享; 文字跑马灯效果:http://www.wxa...
  • u012421719
  • u012421719
  • 2017-04-28 11:06:52
  • 17330

微信小程序 语音识别开发

微信小程序 语音识别开发
  • ckzhouzhe
  • ckzhouzhe
  • 2017-09-14 22:11:08
  • 1040

微信小程序开发例子-录音和播放声音

使用微信小程序录音API和播放声音API实现微信小程序发送语音消息的功能。
  • FutrueJet
  • FutrueJet
  • 2016-12-09 20:14:50
  • 11309

微信小程序—wx.getRecorderManager(录音管理)

我们实现一下微信小程序的录音功能, 这是之前的官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-record.html 注意:在1....
  • Afanbaby
  • Afanbaby
  • 2017-12-21 14:49:42
  • 3096

微信小程序实现弹幕效果

微信小程序实现弹幕效果折腾了一周的微信小程序,一直在寻找弹幕效果,但是由于微信小程序的MVVM架构,很多HTML代码都无法运行,只有自己折腾一个出来。 效果: 主要原理是使用的CSS3的动画效果。...
  • wjq1028cs2
  • wjq1028cs2
  • 2017-04-26 16:29:08
  • 7856
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 16万+
    积分: 2768
    排名: 1万+
    博客专栏
    最新评论