HTML5微信jssdk录音播放语音的方法

需要注意的2个问题

1 就是一定要判断1秒内 录音都不算 ps:太短不能录音

2 录音超过1分钟 会发现正在录音突然消失 所以要写wx.onVoiceRecordEnd 这个是是1分钟会自动出发 然后写上传数据。前端代码如下$('.luyin').on('touchstart',function () {

wx.startRecord({

success: function(){

START = new Date().getTime();

wx.onVoiceRecordEnd({

// 录音时间超过一分钟没有停止的时候会执行 complete 回调

complete: function (res) {

alert('最多只能录制一分钟');

var localId = res.localId;

uploadluyin(localId,60000);

}

});

},

cancel: function () {

alert('用户拒绝授权录音');

return false;

}

});

})

$('.luyin').on('touchend',function () {

END = new Date().getTime();

//录音时间

luyintime=END - START;

if(luyintime < 2000){

END = 0;

START = 0;

wx.stopRecord({});

alert('录音时间不能少于2秒');

return false;

//小于300ms,不录音

}else {

wx.stopRecord({

success: function (res) {

localId = res.localId;

uploadluyin(localId,luyintime);

}

});

}

})

function uploadluyin(localId,luyintime) {

wx.uploadVoice({

localId: localId, // 需要上传的音频的本地ID,由stopRecord接口获得

isShowProgressTips: 1, // 默认为1,显示进度提示

success: function (res) {

var serverId = res.serverId; // 返回音频的服务器端ID

console.log(serverId);

$.post("/home/xishanluyin/scyuyin", {

"serverId": serverId,

"luyintime": luyintime

},

function (data) {

if (data.success == 1) {

alert('录音成功');

} else {

alert(data.msg);

}

}, "json");

}

})

}

后端代码 核心代码如下直接写入mp3就行$ft = copy("http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$accessToken}&media_id={$imgServerId}",

APP_PATH . "/../Public/{$project}/upload/{$imgServerId}.mp3");

然后用暴风影音播放

相关推荐:

微信sdk上传录音php,HTML5实现微信jssdk录音播放语音的实例相关推荐

  1. 微信sdk上传录音php,PHP端微信JS-SDK录音上传并转mp3和播放

    Thinkphp5.0 的开发环境 微信配置和使用 private function createNonceStr($length = 16) { $chars = "abcdefghijk ...

  2. android仿微信图片上传进度,android高仿微信发布动态(选择图片)

    [实例简介]Android 超高仿微信图片选择器 [实例截图] [核心代码] public class MainActivity extends Activity implements OnImage ...

  3. android 仿微信视频压缩上传,iOS视频压缩(仿微信录像)

    视频压缩 AVFoundation框架中提供了视频压缩的功能,有一些应用场景,对像素要求不高,但是需要看到视频的,可以对视频进行压缩,比如微信的小视频功能. //压缩 - (void)compress ...

  4. java微信头像失效问题,将微信头像上传至七牛云

    抓取微信头像保存之后,过一段时间会出现头像失效问题,到现在还是不清楚微信头像地址失效规则,为了避免微信头像失效导致的头像显示问题,最好是微信头像上传到第三方云存储空间,这里用的是七牛云存储. 七牛云提 ...

  5. 微信发送图片php,PHP怎么实现微信图片上传到服务器?

    这篇文章主要介绍了PHP实现微信图片上传到服务器的方法,涉及php基于curl操作图片文件的相关实现技巧,需要的朋友可以参考下 本文实例讲述了PHP实现微信图片上传到服务器的方法.分享给大家供大家参考 ...

  6. Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传

    仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 如果不知道如何上传 ...

  7. steam游戏上架流程一:使用官方SDK上传游戏

    参考: steamworks.net 官方文档的说明 http://steamworks.github.io/gettingstarted/ steam游戏上架流程一:使用官方SDK上传游戏  htt ...

  8. 小程序miniprogram自动化上传,不需要依赖微信开发者工具

    小程序miniprogram自动化上传,不需要依赖微信开发者工具 1.创建目录结构 chatTest => 你的小程序文件 uploadfq => 文件目录,随便起名 node_modul ...

  9. 微信图片上传,遇到一个神奇的jgp

    微信图片上传,获取图片base64遇到一个神奇的   jgp var imgFn = function (event) {event.preventDefault();var id = '#'+$(t ...

最新文章

  1. Udacity机器人软件工程师课程笔记(三十五) - SLAM - 基于网格的FastSLAM
  2. 美国科学家成功恢复老年人工作记忆,望奠定认知干预疗法基础
  3. 三维渲染引擎设计与实践(四)
  4. VTK:Rendering之CameraBlur
  5. LLS战队高级软件工程第九次作业敏捷冲刺七
  6. 解决Chrome 的右键谷歌网页翻译失效 20221107更新
  7. 32位,64位系统寻址空间及最大内存
  8. python 对接萤石云,录制可播放的MP4视频
  9. 【JavaEE】TCP的五层协议栈之应用层与传输层的UDP协议
  10. python 散点密度图,分组散点密度图的三种实现方法
  11. 知识兔课程揭秘跨境电商七大骗局!
  12. cocos2dx layer理解
  13. html中的ppt文字不清晰,PPT文字太少怎么办!高手必备的PPT救场技巧
  14. java-求指定数组中指定个数的排列组合
  15. mysql8.0版本的jdbc驱动中把datetime数据类型映射的Java类改变
  16. 南京Uber优步司机奖励政策(1月18日~1月24日)
  17. Elastic-Job笔记
  18. 潜心十年,修炼成编程高手
  19. android布局高度大于屏幕高度,Android CoordinatorLayout + AppbarLayout + Viewpager布局超过屏幕高度...
  20. Echarts实现横轴数据节点不一致的绘制

热门文章

  1. 百万CAD图纸免费送,教你轻松玩转CAD!
  2. Oracle查询一段时间内的数据
  3. VC6.0操作XML电子表格2003
  4. java获取字符串的长度
  5. 魔方网CEO王健:创业,拒绝苦逼
  6. 算法——0-1背包问题
  7. 公众号更新:图文素材升级为草稿箱、群发和发布的区别?
  8. android 键盘遮挡,Android软键盘遮挡的四种解决方案
  9. Lucene倒排索引简述 之索引表
  10. 网站推广大师 v8.0 绿色