如何使用 Towify 在小程序中配置音乐播放功能？

在音乐播放器中，音频播放、快进音频是常用的功能，今天小编带大家一步步实现。

效果展示

通过使用滑块组件、音频组件的属性值，同时配合设置值触发器，实现音频播放和快进功能。

绑定数据

注意：绑梁李定数据可以将事件返回的数据和组件显示内容进行绑定。

选中音频组件

点击检查面板橡档迟的数据绑定与设置

上传音频

配置动画

注意：动画设置中可以实现组件丰富的动画效果，同一个组件支持多种动画设置，并可设置执行动画时机。

选中图片组件

点击检查面板中的动画

配置旋转动画

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中音频组件

点击检查面板的触发器

配置动画播放触发器

创建动画暂停触发器

创建切换触发器

创建设置总进度触发器

创建音频播放触发器

创建音频暂停触发器

创建状态改变后触发器

创建在当前进度改变时的触发器

选中滑块组件

创建设置值触发蠢肆器

创建值改变时触发器

这样就可以在小程序中配置音乐播放功能了。

本系列主要对小程序常用的组件做一个总结，方便自己及其它小程序姿携开发者作为字典查阅和检索。

小程序组件有一些公共属性，在每个组件中代表的意义和数据类型都是一样的。

容器组件：内部能嵌套任何标签。常用的视图容器有： view , scroll-view , swiper

<view/> 是一个块级容器组件，任何一种复杂的布局都可以嵌套在 <view/> 组件内，并在 *.wxss 中设置相关样式。

<view/> 除了上述组件共有的属性外，还包含一组关于点击行为的属性。

在布局中，需要容器具有可滑动的功能，且能监听滚动、触顶郑谨、触底等事件，就需要 <scroll-view/> 组件， <scroll-view/> 在 <view/> 组件上添加滚动相关的属性，通过这些属性，可以响应滚动相关事件。

注意:

<textarea/>, <video/>, <map/>, <canvas/> 不能嵌套在 <scroll-view/>中使用

利用 swiper 组件，可以实现轮播图，滑动页面，预览图片等，一个完整的滑块视图软件由 <swiper/> 和 <swiper-item/> 两个标签组成，不能单独喊册基使用。一个 <swiper/> 只能嵌套一个或多个 <swiper-item/>标签，放置其它的标签会被删除，其中， <swiper-item/> 中能放置任何标签，高度默认为 100% ,另外没有任何其它特殊属性。

<swiper/> 的属性如下：

---