# 音频

来源快照：`result_data_new_260518.json`

- 来源 ID：`1183668995111117012`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 基础组件 - 基础组件/基础类
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 音频

## 一、功能背景及价值用途

音频组件是一种常用于网页或应用程序界面的多媒体交互元素。在现代界面设计中，为了满足用户对音频内容的播放需求，同时提升页面的互动性和用户体验，音频组件成为了一种重要的功能模块。它可以帮助用户在不占用大量屏幕空间的同时，快速播放音乐、语音、播客等音频内容。通过支持静音播放、自动播放、循环播放等功能，音频组件能够适应多种使用场景。此外，音频组件还可以结合自定义外观设置（如播放按钮样式、进度条颜色等）、音量控制、播放列表等功能，方便用户根据实际需求灵活调整，为用户提供高效、直观的音频播放和互动体验，进一步提升界面内容的丰富性和用户粘性。

## 二、功能概述

音频组件支持多种功能和自定义设置，如支持自动播放、倍速播放等，满足用户对音频内容的多样化需求。用户可以自定义音频来源（如URL路径）、标题、图标及封面等外观属性，提升视觉表现力和界面一致性。组件提供灵活的播放控制，适配多种场景，如背景音乐、语音播报、课程讲解等。此外，音频组件支持多设备兼容性，能够在不同终端上流畅运行，为用户提供便捷、高效的音频播放体验，同时增强页面的功能性与互动性。

## 三、使用说明

### 1、功能入口

设计器左侧“基础组件/基础类”分类下选中音频组件，在右侧配置面板操作相关配置。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544835509747778&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

###  2、基础配置

1、

音频来源：支持通过URL路径和本地上传配置音频来源，灵活实现音频内容加载

2、

音频名称：支持动态配置音频展示名称

3、

音频封面：可自定义设置音频封面，提升音频展示的视觉效果，主要从素材库中选取  
4、自动播放：可选择在音频组件加载完毕后无需点击播放按钮即可播放  
5、倍速播放：可以控制音频组件内部的倍速播放操作按钮的显隐状态

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160544504710455355&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 四、上下游关联功能点

1、[ _事件动作配置参考文档_](https://www.e-cology.com.cn/sp/doc/docDetail/1124192575847580693)
