音频小程序开发总结

在过去的一年里，我玩了几个小程序，都是相对简单的演示。直到前段时间，由于公司业务需要，我们开始开发一套播放音频的微信小程序，发现里面有很多漏洞。下面是一个简短的总结：

小程序有问题

移动终端上的redirectTo跳转页面将保留原始页面的数据，如果再次出现，则不会丢失；如果PC终端被重定向到，当中继离开页面并返回时，原始页面数据将丢失，而当中继离开该页面时，数据将被卸载。官方修复了错误

微信版本6.7.2 wx。getBackgroundAudioManager（）获取全局音频。开发版和体验版不能在后台播放。您必须配置requiredBackgroundModes属性：“requiredBackgroundModes”：[“audio”]

无法删除小程序按钮的边框。您可以在｛border:none｝之后设置按钮：：

小程序第一次需要显示的内容应设置为wx:if=“｛｛isShow｝｝”，以防止第一次未定义变量值时出现页面闪烁的问题。例如：

数据：{

isShow:错误

}

页面</view>

<块wx:else>

<加载/>

音频播放问题

如果页面有多个音频，请使用ID作为唯一标识符

如果连续拖动滑块组件，则滑块组件的绑定更改功能可能会导致错误。相反，您可以单击并拖动跳转进度

Wx。seekBackgroundAudio（｛position:time｝）无法跳到移动电话上的指定进度。相反，获取全局播放音频，然后使用音频。睡眠（时间）

在同一页面上切换不同的音频。如果正在播放全局音频，将首先触发音频的onStop方法，然后触发单击音频的onPlay方法

音频暂停、手动停止或自然结束后，PC调试工具和iPhone仍将触发onTimeUpdate功能一次。请清除此函数并在onPlay方法中重新定义它

WePY遇到的问题

如果页面的数据是一个对象，则只有当对象的属性值发生更改时，才能重新呈现页面。在重新指定对象之前，无法重新呈现页面

当这个。xx=xx用于更新数据，如果每次更新的数据值不变，则不会重新呈现页面

当使用WePY时，您需要使用这个$apply（）立即更改卸载页面函数中的数据；此外，在异步函数中，您必须使用它$apply（）立即更改修改后的数据值

动态渲染：

声音.gif