美文网首页
微信语音在网页端播放

微信语音在网页端播放

作者: niunan | 来源:发表于2020-02-23 20:33 被阅读0次

微信语音在网页端播放

做的一个项目,需要个功能,微信公众号里点菜单进去一个网页后能和后台客服人员在线聊天,而且还能发送语音,
后台客服人员在电脑PC端上登录网页也能和用户进行在线聊天,并且能听到语音。

制作思路:
文字聊天功能用最简单的方式,客户聊天页/user/chat, 后台聊天页/admin/chat,数据库聊天表chat,
聊天页里文本框,发送按钮,点了就把文本框里的内容存到数据库聊天表中,
然后在聊天页用js的setinterval定时从数据库里取出数据显示;

发送语音功能,用户聊天是在微信里聊天的,可以使用微信的JSSDK来发送语音(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html),发送语音后会有个本地localid, 还需要用那个JSSDK里的上传方法上传到微信服务器上取得serverid,属于

临时素材,只能存储三天,发送按钮就把这个serverid存到数据库chat里,在用户聊天页上就可以直接调用JSSDK里的方法来播放语音;

相关JS代码:

image

image

image

后台聊天页从数据库取出Serverid,然后再用微信公众号开发文档里的获取临时素材接口(https://developers.weixin.qq.com/doc/offiaccount/Asset_Management/Get_temporary_materials.html)下载音频,下载到的是speex格式的,上网找了好久,才找到个speex格式转到wav格式的命令行工具,WIN下可用的,转为wav格式后就可以用h5的audio来播放音频了,这样就能在网页上听到声音了

JS代码:

image

后台代码:

tm

speex格式转wav的工具,WIN下用的

http://image.niunan.net/spx2wav_win.zip

用自己写的微信helper,用于.net下的,core下的没试过,不知道能不能用
http://blog.niunan.net/blog/show/1278

相关文章

  • 微信语音在网页端播放

    微信语音在网页端播放 做的一个项目,需要个功能,微信公众号里点菜单进去一个网页后能和后台客服人员在线聊天,而且还能...

  • ios端在touch事件中无法触法音乐播放事件

    将播放事件用下面的代码包围住: 只针对微信端网页

  • 微信公众号网页开发——语音输入

    今天就来学习使用微信公众号网页开发中的JS-SDK。然后来模仿微信客户端的语音输入功能。 一、移动端网页布局 第一...

  • 移动端音频视频的坑

    记录下最近开发的微信公众网页中坑(微信中。。微信中。。微信中。。。) 关于自动播放 音视频不能自动播放是移动端的常...

  • H5及web页面微信授权登录流程

    PC端微信扫码登录流程: 为什么要微信登录: 如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制...

  • 切换听筒/扬声器播放

    场景:微信语音消息,靠近听筒切换为听筒播放

  • 投屏说明

    1、在手机、微信、网页端播放无需安装任何App,只有安卓手机投屏到电视大屏播放才需要安装下面的App。 2、投屏A...

  • 微信公众号开发(二)

    微信公众号开发文档 微信网页授权 微信客户端中访问第三方网页,可通过 微信网页授权机制 来获取用户信息。授权机制:...

  • iOS音频工具箱

    iOS音频工具箱 我们都知道,微信语音播放下可以切换听筒和扬声器,那么它是怎么实现的呢? 微信语音播放之切换听筒和...

  • 微信开发之微信网页授权

    微信网页授权 所谓的微信网页授权说白了就是 用户微信客户端内访问第三方网页,公众号可以根据网页授权这个机制来获取用...

网友评论

      本文标题:微信语音在网页端播放

      本文链接:https://www.haomeiwen.com/subject/piwsqhtx.html