微信语音在网页端播放

简介:

微信语音在网页端播放

做的一个项目,需要个功能,微信公众号里点菜单进去一个网页后能和后台客服人员在线聊天,而且还能发送语音,
后台客服人员在电脑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代码:
1
2
3

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

JS代码:
4

后台代码:
5

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

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

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

目录
相关文章
|
数据安全/隐私保护
服务器备份有哪些方法?
服务器备份有哪些方法?
1372 2
|
Python Windows
保姆级指导给Python库创建桌面快捷方式【赶紧收藏】
前篇学委分享了renxianqi(人贤齐)aka 万能清点小工具。
1205 0
保姆级指导给Python库创建桌面快捷方式【赶紧收藏】
|
监控 JavaScript
vue中监控元素大小变化element-resize-detector
vue中监控元素大小变化element-resize-detector
838 0
|
JavaScript
Element UI - el-select(选择器)下拉多选菜单不换行显示
Element UI - el-select(选择器)下拉多选菜单不换行显示
1863 0
Element UI - el-select(选择器)下拉多选菜单不换行显示
|
Web App开发 编解码 算法
实时音视频聊天中超低延迟架构的思考与技术实践
1、前言 从直播在线上抓娃娃,不断变化的是玩法的创新,始终不变的是对超低延迟的苛求。实时架构是超低延迟的基石,如何在信源编码、信道编码和实时传输整个链条来构建实时架构?在实时架构的基础之上,如果通过优化采集、编码、传输、解码和渲染中的关键环节来降低延迟?本文将会介绍即构在这方面的思考与实践。
2566 0
|
8月前
|
SQL 前端开发 数据处理
Python 项目实战入门:从 0 到 1 搭建简易学生信息管理系统
本文以简易学生信息管理系统为例,详解Python Web项目从需求分析、技术选型到编码部署的完整流程。采用Flask+SQLite+Bootstrap轻量栈,实现增删改查与Excel导出,助初学者快速掌握开发逻辑与实战技能。
|
存储 监控 Ubuntu
如何在 Ubuntu 20.04 上安装 Grafana?
如何在 Ubuntu 20.04 上安装 Grafana?
1284 1
如何在 Ubuntu 20.04 上安装 Grafana?
|
监控 JavaScript 前端开发
Vue3组合式函数(监听DOM尺寸 useResizeObserver)
本文介绍如何使用 `ResizeObserver` API 编写 Vue3 的通用组合式函数 `useResizeObserver`,该函数可方便地观察一个或多个元素的尺寸变化,并执行指定回调。`ResizeObserver` 接口用于监控 `Element` 或 `SVGElement` 的尺寸变化,避免了无限回调循环问题。
1444 0
Vue3组合式函数(监听DOM尺寸 useResizeObserver)
|
6月前
|
人工智能 运维 数据可视化
2026年阿里云上部署OpenClaw(Clawdbot)一键接入飞书最新教程指南
在2026年AI自动化办公与团队协同需求爆发的当下,OpenClaw(原Clawdbot、Moltbot)凭借“自然语言驱动、任务自动化执行、多工具集成、零技术门槛适配”的核心优势,成为新手、个人用户及轻量团队的首选智能AI助手。它无需专业编程基础,就能轻松实现文档处理、联网搜索、代码生成、会议纪要整理、待办同步、跨工具协同等多元化办公任务,堪称“7×24小时不下班的AI数字员工”,彻底替代人工完成重复琐碎的办公流程,大幅提升效率[2][3]。而阿里云针对零基础新手群体,专门优化推出OpenClaw一键部署方案,通过预置专属镜像、自动化配置环境、简化端口与依赖设置,将原本复杂的部署流程全部简化
1083 2

热门文章

最新文章