当前位置：首页 > news >正文

微信云开发小程序音频播放踩坑记录 - 从熄屏播放到iOS静音

news 来源：原创 2025/9/21 14:31:13

在开发小程序冥想功能时,我们遇到了几个棘手的问题:用户反馈手机熄屏后音频停止、iOS设备播放没声音、冥想音频没有访问计数和CDN缓存优化等。本文将分享这些问题的解决过程和实践经验。

微信小程序简称：Moodo

微信小程序全程：AIMoodo心情日记系统

简介：一款在线的心情记录小程序，同时开通了心情鼓励师、冥想和助眠、心情社区（在建）模块，欢迎大家体验和交流。

问题分析

1. 熄屏停止播放

这是最常见的反馈。用户打开冥想音频,锁屏后发现音频停止了。这是因为小程序默认在进入后台时会暂停音频播放,需要特殊处理。

2. iOS设备播放无声

iOS用户反馈点击播放按钮后,进度条在走但就是听不到声音。这涉及到iOS对音频播放的特殊限制。

3. 实现访问统计

多用户同时打开冥想详情页时,访问计数有时会出现偏差。这是并发访问导致的问题。

4. CDN缓存优化

音频逻辑优化后发现云开发后台CDN流量走的快了。

解决方案

1. 后台播放支持

首先在 app.json 中添加后台播放模式:

{"requiredBackgroundModes": ["audio"]
}

然后使用 BackgroundAudioManager 替代普通的音频播放:

// 获取后台播放管理器
this.backgroundAudioManager = wx.getBackgroundAudioManager();// 必要的配置
this.backgroundAudioManager.title = this.data.meditation?.title || '冥想音频';
this.backgroundAudioManager.epname = '冥想';
this.backgroundAudioManager.singer = '冥想助手';
this.backgroundAudioManager.coverImgUrl = this.data.backgroundUrl;
this.backgroundAudioManager.src = this.data.mediaUrl;// 监听播放事件
this.backgroundAudioManager.onPlay(() => {this.setData({ isPlaying: true });
});this.backgroundAudioManager.onPause(() => {this.setData({ isPlaying: false });
});

2. iOS播放适配

移除了之前的特殊处理代码,直接使用 BackgroundAudioManager 就能解决 iOS 的播放问题。它会自动处理用户授权和播放状态。

3. 访问计数优化

原本使用事务来处理并发访问:

// 旧代码
const transaction = await db.startTransaction()
const record = await transaction.collection('meditation_resources').doc(event.id).get()

改用原子操作,既简单又高效:

// 新代码
const result = await db.collection('meditation_resources').doc(event.id).update({data: {visitCount: _.inc(1)}})

4. 资源缓存优化

实现了智能的缓存管理策略:

async getFileUrl(fileID) {// 先从缓存获取const cachedUrl = await cacheManager.getFromCache(fileID);if (cachedUrl) {try {await this.checkUrlValidity(cachedUrl);return cachedUrl;} catch (error) {console.log('缓存已失效');}}// 获取新链接并缓存const url = await this.getNewUrl(fileID);await this.preloadAndCacheResource(fileID, url);return url;
}

对不同类型的资源采用不同的缓存策略:

async preloadAndCacheResource(fileID, url) {const isMedia = url.match(/\.(mp3|wav|aac|mp4|m4a)$/i);if (isMedia) {// 媒体文件下载到本地const localPath = await this.downloadToLocal(url);await cacheManager.saveToCache(fileID, localPath);} else {// 其他资源只缓存URLawait cacheManager.saveToCache(fileID, url);}
}

实践总结

1. 音频播放要点:

使用 BackgroundAudioManager 支持后台播放
需要在 app.json 中配置权限
播放器状态同步很重要

2. 缓存策略:

区分资源类型采用不同策略
定期清理过期缓存
验证缓存有效性

3. 性能优化:

使用原子操作处理并发
资源预加载
并行加载提升体验

注意事项

1. 后台播放限制:

留意系统限制
考虑耗电问题

2. 存储管理:

合理设置缓存期限
及时清理无效缓存
控制存储空间使用

3. 用户体验:

添加加载提示
优化播放控制
保持状态同步

后续优化

1. 可以考虑添加:

播放历史记录
离线播放支持
自动续播功能

2. 进一步优化:

网络适应策略
预加载机制
错误重试机制

希望这些经验能帮助大家在开发类似功能时少走弯路。如果你有更好的解决方案,欢迎在评论区交流讨论。

微信云开发小程序音频播放踩坑记录 - 从熄屏播放到iOS静音

在开发小程序冥想功能时,我们遇到了几个棘手的问题:用户反馈手机熄屏后音频停止、iOS设备播放没声音、冥想音频没有访问计数和CDN缓存优化等。本文将分享这些问题的解决过程和实践经验。微信小程序简称：Moodo 微信小程序全程：AIMoodo心情日记系统简…...

编程日记 2025/9/21 14:31:13

Python基础

https://www.w3schools.com/https://docs.python.org/3/ Python 介绍 Python是跨平台的，它可以运行在Windows、Mac和各种Linux/Unix系统上。在Windows上写Python程序，放到Linux上也是能够运行的。要开始学习Python编程，首先就得把Python安装…...

编程日记 2025/9/21 23:11:49

基于Go语言 XTA AI聊天界面实现

项目开源地址: XTA-AI-SDK 人工智能技术的迅速发展，AI聊天应用变得越来越流行。本文将介绍如何使用Go语言和LCL库（ Lazarus Component Library）创建一个功能丰富的AI聊天界面。项目主要包含以下模块： 项目背景本项目旨在为开发…...

编程日记 2025/9/21 23:09:47

线上项目报错OOM常见原因、排查方式、解决方案

概述 OutOfMemoryError（OOM）是 Java 应用程序中常见的问题，通常是由于应用程序占用的内存超过了 JVM 分配的最大内存限制。在 Spring Boot 项目中，OOM 问题可能由多种原因引起。 1. OOM 的常见原因 OOM 通常由以下几种情况引起&…...

编程日记 2025/9/20 17:50:17

AI大模型零基础学习（6）：多模态大模型实战——让AI看懂世界

从“文字交互”到“全感官认知”的维度突破一、多模态大模型：AI的“五感觉醒” 1.1 基础概念重塑单模态局限：传统大模型仅处理文本（如ChatGPT） 多模态进化： 输入：支持文本、图像、音频、视频、3D模型 …...

编程日记 2025/9/20 20:29:25

基于Spring Boot+Vue的宠物服务管理系统(源码+文档)

项目简介宠物服务管理系统实现了以下功能： 基于Spring BootVue的宠物服务管理系统的主要使用者分为用户管理模块，由于系统运行在互联网络中，一些游客或者病毒恶意进行注册，产生大量的垃圾用户信息，管理员可以对这些…...

编程日记 2025/9/21 23:11:48

简要分析LeetCode树经典题目（Java）

目录开场白实战环节准备工作遍历问题 LeetCode144. 二叉树的前序遍历方法一方法二 LeetCode94. 二叉树的中序遍历 LeetCode145. 二叉树的后序遍历方法一方法二 LeetCode102. 二叉树的层序遍历 LeetCode103. 二叉树的锯齿形层序遍历 LeetCode107. 二叉树的…...

编程日记 2025/9/21 23:13:38

vue3开发打年兽功能

1.效果 WeChat_20250217192041 2.代码 2.1 index.vue <template><div class"pages"><TopNavigationYleftTitle"打年兽"ruleIconColor"#fff"backgroundImage""svgIpcn"backIcon4"gradientBackgroundColor&q…...

编程日记 2025/9/21 8:04:37

动手学Agent——Day2

文章目录一、用 Llama-index 创建 Agent1. 测试模型2. 自定义一个接口类3. 使用 ReActAgent & FunctionTool 构建 Agent 二、数据库对话 Agent1. SQLite 数据库1.1 创建数据库 & 连接1.2 创建、插入、查询、更新、删除数据1.3 关闭连接建立数据库 2. ollama3. 配置对话…...

编程日记 2025/9/19 19:47:46

如何在 GitHub 中创建一个空目录？

GitHub 是开发人员必不可少的工具，它提供了存储、共享和协作代码的平台。一个常见的问题是如何在 GitHub 存储库中创建一个空目录或文件夹。GitHub 不支持直接创建空目录。但是，有一种解决方法是使用一个虚拟文件，通常是一个 .gitkeep 文件。…...

编程日记 2025/9/21 23:07:52

3. 导入官方dashboard

官方dashboard：https://grafana.com/grafana/dashboards 1. 点击仪表板 - 新建 - 导入注：有网络的情况想可以使用ID，无网络情况下使用仪表板josn文件 2. 在官方dashboard网页上选择符合你现在数据源的dashboard - 点击进入 3. 下拉网页选…...

编程日记 2025/9/21 23:07:52

前端知识速记--HTML篇：HTML5的新特性

前端知识速记–HTML篇：HTML5的新特性一、语义化标签 HTML5引入了许多新的语义化标签，如 <header>、<footer>、<article>、<section> 等。这些标签不仅提高了网页的可读性和结构性，还有助于SEO（搜索引擎…...

编程日记 2025/9/21 1:46:50

【数据分享】1929-2024年全球站点的逐年降雪深度数据（Shp\Excel\免费获取）

气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、能见度等指标，说到气象数据，最详细的气象数据是具体到气象监测站点的数据！ 有关气象指标的监测站点数据，之前我们分享过1929-2024年全球气象站…...

编程日记 2025/9/18 23:25:45

鸿蒙面试题

1.0penHarmony的系统架构是怎样的？ 2.电话服务的框架？ 3.OpenHarmony与HarmonyOS有啥区别？...

编程日记 2025/9/16 9:54:46

pdf-extract-kit paddle paddleocr pdf2markdown.py（效果不佳）

GitHub - opendatalab/PDF-Extract-Kit: A Comprehensive Toolkit for High-Quality PDF Content Extraction https://github.com/opendatalab/PDF-Extract-Kit pdf2markdown.py 运行遇到的问题： 错误： -------------------------------------- C Tra…...

编程日记 2025/9/21 17:52:29

基于STM32、HAL库、RX8025T(I2C接口)驱动程序设计

一、简介： RX8025T 是一款低功耗、高精度的实时时钟芯片，具有以下特性： I2C 接口通信内置 32.768 kHz 晶振提供秒、分、时、日、月、年等时间信息支持温度补偿，提高时间精度低功耗设计，适合电池供电的应用二、I2C初始化： #include "stm32l4xx_hal.h&…...

编程日记 2025/9/20 18:15:33

基于Ubuntu+vLLM+NVIDIA T4高效部署DeepSeek大模型实战指南

一、前言：拥抱vLLM与T4显卡的强强联合在探索人工智能的道路上，如何高效地部署和运行大型语言模型（LLMs）一直是一个核心挑战。尤其是当我们面对资源有限的环境时，这个问题变得更加突出。原始的DeepSeek-R1-32B模型虽…...

编程日记 2025/9/20 19:06:05

【Go语言快速上手】第二部分：Go语言进阶之并发编程

文章目录一、并发编程1. goroutine：创建和调度 goroutine2. channel：无缓冲 channel、有缓冲 channel、select 语句2.1 无缓冲 channel2.2 有缓冲 channel2.3 select 语句 3. sync 包：Mutex、RWMutex、WaitGroup 等同步原语3.1 Mutex&#x…...

编程日记 2025/9/16 9:55:45

《机器学习数学基础》补充资料：四元数、点积和叉积

《机器学习数学基础》第1章1.4节介绍了内积、点积的有关概念，特别辨析了内积空间、欧几里得空间；第4章4.1.1节介绍了叉积的有关概念；4.1.2节介绍了张量积（也称外积）的概念。以上这些内容，在不同资料中&…...

编程日记 2025/9/21 11:40:23

蓝桥杯篇---IAP15F2K61S2矩阵键盘

文章目录前言简介矩阵键盘的工作原理1.行扫描2.检测列状态3.按键识别硬件连接1.行线2.列线矩阵键盘使用步骤1.初始化IO口2.扫描键盘3.消抖处理4.按键识别示例代码：4x4矩阵键盘扫描示例代码：优化后的矩阵键盘扫描注意事项1.消抖处理2.扫描频率3.IO口配…...

编程日记 2025/9/16 9:51:44

通过小型语言模型尽可能简单地解释 Transformer

介绍在过去的几年里，我阅读了无数关于 Transformer 网络的文章，观看了许多视频。其中大部分都非常好，但我很难理解 Transformer 架构，而其背后的主要直觉（上下文敏感嵌入）则更容易掌握。在做演讲时&#…...

编程日记 2025/9/21 9:19:48

GcExcel

GcExcel 简述：GcExcel Java 是一款基于 Java 平台，支持批量创建、编辑、打印、导入/导出Excel文件的服务端表格组件，能够高性能处理和高度兼容 Excel。功能特性(图1)文档查询(图2)...

编程日记 2025/9/16 9:55:44

封装红黑树实现map和set

" 喜欢了你十年，却用整个四月，编织了一个不爱你的谎言。 " 目录 1 源码及其框架分析 2 模拟实现map和set 2.1 实现出复用红黑树的框架 2.2 支持iterator迭代器的实现 2.2.1 代码实现和--这两个运算符 2.3 map支持[ ] Hello，大家…...

编程日记 2025/9/16 9:59:51

Redis进阶使用

在日常工作中，使用Redis有什么需要注意的？ 设置合适的过期时间。尽量避免大key问题，避免用字符串存储过大的数据；避免集合的数据量太大，要定期清除。常用的数据结构有哪些？用在什么地方？ 按…...

编程日记 2025/9/16 10:01:14

【ISO 14229-1:2023 UDS诊断全量测试用例清单系列：第四节】

ISO 14229-1:2023 UDS诊断服务测试用例全解析（Read DTC Information0x19服务） 作者：车端域控测试工程师更新日期：2025年2月13日关键词：UDS诊断协议、0x19服务、DTC信息读取、ISO 14229-1:2023、ECU测试一、服务功能…...

编程日记 2025/9/16 9:10:02

使用Node.js进行串口通信

目录一、安装 serialport 库二.、实现方法1.打开串口并配置参数2. 向串口传递信息3. 接收串口信息4. 处理错误5. 关闭串口6. 使用解析器7. 获取串口列表三、完整示例代码一、安装 serialport 库首先，需要安装 serialport 库。可以通过 npm 安装：…...

编程日记 2025/9/20 20:01:21

vue3+elementplus新建项目

更新node.js和npm node.js官网更新指南可以根据自己的操作系统进行选择我的电脑操作系统是mac os所以我的步骤如下 # Download and install nvm: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash# in lieu of restarting the shell \. &…...

编程日记 2025/9/16 9:56:45

【网络安全 | 漏洞挖掘】跨子域账户合并导致的账户劫持与删除

未经许可，不得转载。文章目录概述正文漏洞成因概述在对目标系统进行安全测试时，发现其运行着两个独立的域名——一个用于司机用户，一个用于开发者/企业用户。表面上看，这两个域名各自独立管理账户，但测试表明它们在处理电子邮件变更时存在严重的逻辑漏洞。该漏洞允许攻…...

编程日记 2025/9/18 2:52:39

VLSM基础知识

VLSM（Variable Length Subnet Mask，变长子网掩码）是一种更灵活的子网划分技术，允许在同一网络中使用不同长度的子网掩码，以满足不同子网对主机数量的需求，最大化IP地址利用率。一、基础概念传统子网划分…...

编程日记 2025/9/21 4:07:00

小小小病毒（3）（~_~|)

一分耕耘一分收获声明： 仅供损害电脑，不得用于非法。损坏电脑，作者一律不负责。此作为作者原创，转载请经过同意。欢迎来到小小小病毒（3） 感谢大家的支持还是那句话：上代码！ …...

编程日记 2025/9/16 9:58:44

WebRTC与EasyRTC:开启智能硬件音视频通讯的全新旅程

在当今数字化时代，音视频通讯技术正以前所未有的速度革新着我们的生活与工作方式。WebRTC与EasyRTC作为这一领域的佼佼者，正携手为智能硬件的音视频通讯注入强大动力，开启全新的篇章。一、WebRTC与智能硬件融合的崭新趋势 WebRTC技术&…...

编程日记 2025/9/16 9:55:16

Lua 数据库访问

Lua 数据库访问引言 Lua 是一种轻量级的编程语言，因其简洁性和高效性，常被用于游戏开发、嵌入系统和应用程序开发。在许多情况下，数据库访问是应用程序的核心功能之一。本文将深入探讨在 Lua 中如何进行数据库访问，包括连接数据库、执行查询、处理结果以及异常处理等。 …...

编程日记 2025/9/20 22:37:14

rtsp rtmp 跟 http 区别

SDP 一SDP介绍 1. SDP的核心功能会话描述：定义会话的名称、创建者、时间范围、连接地址等全局信息。媒体协商：明确媒体流的类型（如音频、视频）、传输协议（如RTP/UDP）、编码格式（如H.264、Op…...

编程日记 2025/9/21 17:17:07

蓝桥杯篇---IAP15F2K61S2串口

文章目录前言简介串口通信的基本参数1.波特率2.数据位3.停止位4.校验位串口相关寄存器1.SCON2.SBUF3.PCON4.TMOD5.TH1/TL1 串口使用步骤1.配置波特率2.配置串口模式3.使能串口中断4.发送数据5.接收数据6.处理中断示例代码：串口发送与接收示例代码：串口…...

编程日记 2025/9/16 9:56:17

Linux 远程文件复制传输-----scp/rsync/sftp

scp（Secure Copy Protocol）是基于 SSH 的安全文件传输工具，可用于在本地和远程计算机之间复制文件或目录。 1. scp（基于 SSH 复制文件） a. 复制文件到远程从本地复制到远程 scp localfile.txt userremote_host:/remo…...

编程日记 2025/9/16 10:02:44

企业文件安全：零信任架构下的文件访问控制

在企业数字化转型的进程中，传统的文件访问控制模型已难以满足日益复杂的网络安全需求。零信任架构作为一种新兴的安全理念，为企业的文件安全访问提供了全新的解决方案。一、传统文件访问控制的局限性传统的文件访问控制主要基于网络边界，…...

编程日记 2025/9/16 10:03:44

用deepseek学大模型05-线性回归

deepseek.com:多元线性回归的目标函数，损失函数，梯度下降标量和矩阵形式的数学推导，pytorch真实能跑的代码案例以及模型,数据，预测结果的可视化展示， 模型应用场景和优缺点，及如何改进解决及改进方法数据推…...

编程日记 2025/9/21 20:52:33

2009年下半年软件设计师上午真题的知识点整理（附真题及答案解析）

以下是2009年下半年软件设计师上午真题的知识点分类整理，涉及定义的详细解释，供背诵记忆。 1. 计算机组成原理 CPU与存储器的访问。 Cache的作用: 提高CPU访问主存数据的速度，减少访问延迟。存储器的层次结构: 包括寄存器、Cache、主存和辅存…...

编程日记 2025/9/19 21:28:14

Element Plus table 去除行hover效果

需求： 给table的指定行设置高亮背景色且去除掉这些行的hover效果思路： 给指定行设置css类名选择需要设置高亮的行的单元格，设置鼠标禁用属性让高亮行继承父元素的背景色考虑到表格的第一列是勾选框，因此仅选择 tr 下除了第一…...

编程日记 2025/9/16 9:57:16

2010年下半年软件设计师考试上午真题的知识点整理（附真题及答案解析）

以下是2010年下半年软件设计师考试上午真题的知识点分类整理，涉及定义的详细解释，供背诵记忆。 1. 计算机组成原理 CPU与存储器的访问。 Cache的作用: 提高CPU访问主存数据的速度，减少访问延迟。存储器的层次结构: 包括寄存器、Cache、主存和…...

编程日记 2025/9/19 2:03:00

Mac Golang 开发环境配置

Mac Golang 开发环境配置 Golang 介绍 Go（又称Golang）是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。由罗伯特格瑞史莫，罗勃派克（Rob Pike）及肯汤普逊于2007年9月开始设计…...

编程日记 2025/9/21 4:30:29

计算机视觉中图像的基础认知

第一章：计算机视觉中图像的基础认知第二章：计算机视觉：卷积神经网络(CNN)基本概念(一) 第三章：计算机视觉：卷积神经网络(CNN)基本概念(二) 第四章：搭建一个经典的LeNet5神经网络一、图像/视频的基本属性…...

编程日记 2025/9/20 22:23:00

理解 WebGPU 中的 navigator.gpu 和 adapter：从浏览器到显卡的旅程

WebGPU 是一种现代图形 API，旨在为 Web 应用程序提供高性能的图形和计算功能。作为 WebGL 的继任者，WebGPU 提供了更底层的硬件访问和更高效的性能。在 WebGPU 开发中，navigator.gpu 是访问 WebGPU API 的入口点，而 adapter 则是浏…...

编程日记 2025/9/19 22:44:36

【ESP32 IDF】ESP32 linux 环境搭建

ESP32 linux 环境搭建 1. 开发环境2. linux指令 1. 开发环境 liunx镜像 liunx镜像地址 ： https://mirrors.xjtu.edu.cn/ubuntu-releases/20.04.6/ubuntu-20.04.6-live-server-amd64.iso 有提示你装openssl，务必装上 2. linux指令工具 sudo apt-get …...

编程日记 2025/9/19 7:37:46

react传递函数与回调函数原理

为什么 React 允许直接传递函数？ 回调函数核心逻辑例子：父组件控制 Modal 的显示与隐藏 // 父组件 (ParentComponent.tsx) import React, { useState } from react; import { Modal, Button } from antd; import ModalContent from ./ModalContent;co…...

编程日记 2025/9/16 9:55:17

目标检测IoU阈值全解析：YOLO/DETR模型中的精度-召回率博弈与工程实践指南

一、技术原理与数学本质 IoU计算公式： IoU \frac{Area\ of\ Overlap}{Area\ of\ Union} \frac{A ∩ B}{A ∪ B}阈值选择悖论： 高阈值（0.6-0.75）：减少误检（FP↓）但增加漏检（FN↑…...

编程日记 2025/9/16 9:58:14

使用grafana v11 建立k线(蜡烛图)仪表板

先看实现的结果沪铜主力合约 2025-02-12 的1分钟k线图功能介绍: 左上角支持切换主力合约,日期,实现动态加载数据. 项目背景: 我想通过前端展示期货指定品种某1天的1分钟k线,类似tqsdk 的web_gui 生成图形化界面— TianQin Python SDK 3.7.8 文档项目架构: 后端: fastap…...

编程日记 2025/9/21 7:34:45

Ubuntu下载安装Docker-Desktop

下载 Ubuntu | Docker Docs 预备工作 Ubuntu增加docker apt库-CSDN博客安装 sudo apt-get updatesudo apt install gnome-terminal# sudo apt install -y docker-composesudo apt-get install ./docker-desktop-amd64.deb 测试 sudo docker run hello-worldHello from D…...

编程日记 2025/9/16 9:56:15

【大模型】DeepSeek 高级提示词技巧使用详解

目录一、前言二、DeepSeek 通用提示词技巧 2.1 DeepSeek 通用提示词技巧总结三、DeepSeek 进阶使用技巧 3.1 DeepSeek一个特定角色的人设 3.1.1 为DeepSeek设置角色操作案例一 3.1.2 为DeepSeek设置角色操作案例二 3.2 DeepSeek开放人设升级 3.2.1 特殊的人设&#…...

编程日记 2025/9/19 14:28:25

23. AI-大语言模型

文章目录前言一、LLM1. 简介2. 工作原理和结构3. 应用场景4. 最新研究进展5. 比较二、Transformer架构1. 简介2. 基本原理和结构3. 应用场景4. 最新进展三、开源1. 开源概念2. 开源模式3. 模型权重四、再谈DeepSeek 前言 AI‌ 一、LLM LLM（Large Language Mod…...

编程日记 2025/9/18 0:35:39