目录

前言

一、拼UI

二、上代码

---

前言

 效果如图：（因为是GIF格式，录不上音频）

---

一、拼UI

1.新建空物体添加AudioSource，给AudioSource添加音频文件，取消勾选PlayOnAwake，勾选上Loop

2.创建Slider，用于控制音频进度

3.创建Button，用于控制播放和暂停

4.创建两个Text，分别为当前进度时间和总音频时间

5.准备好播放和暂停的2个UI素材

二、上代码

代码如下：

using UnityEngine;
using UnityEngine.UI;public class SZJCAudioProgressBar : MonoBehaviour
{public AudioSource audioSource;        // 音频源public Slider progressBar;              // 进度条public Text currentTimeText;            // 当前时间文本public Text totalTimeText;              // 总时间文本public Button playPauseButton;          // 播放/暂停按钮public Sprite playSprite;//播放图片public Sprite PauseSprite;//暂停图片private bool isPlaying = false;         // 播放状态标记void Start(){// 将 Slider 的值设置为 0progressBar.value = 0;// 设置总时间文本totalTimeText.text = FormatTime(audioSource.clip.length);// 添加事件监听器progressBar.onValueChanged.AddListener(OnProgressBarValueChanged);// 添加按钮点击事件playPauseButton.onClick.AddListener(TogglePlayPause);}void Update(){// 更新进度条的值和当前时间文本if (audioSource.isPlaying){progressBar.value = audioSource.time / audioSource.clip.length;currentTimeText.text = FormatTime(audioSource.time);}else if (audioSource.time >= audioSource.clip.length) // 检查是否播放完毕{// 将播放状态设置为 falseisPlaying = false;playPauseButton.GetComponent<Image>().sprite = playSprite; // 更新按钮文本progressBar.value = 1; // 将进度条设置为满currentTimeText.text = FormatTime(audioSource.clip.length); // 更新当前时间文本为总时间}}// 切换播放和暂停状态private void TogglePlayPause(){if (isPlaying){audioSource.Pause();playPauseButton.GetComponent<Image>().sprite = playSprite; // 更新按钮文本}else{audioSource.Play();playPauseButton.GetComponent<Image>().sprite = PauseSprite; // 更新按钮文本}isPlaying = !isPlaying; // 切换播放状态}// 当 Slider 的值改变时调用此方法private void OnProgressBarValueChanged(float value){if (value < 1){// 根据进度条的值设置音频播放的时间audioSource.time = value * audioSource.clip.length;}}// 格式化时间为 "分:秒" 格式private string FormatTime(float time){int minutes = Mathf.FloorToInt(time / 60);int seconds = Mathf.FloorToInt(time % 60);return string.Format("{0:00}:{1:00}", minutes, seconds);}
}

        直接把代码找个地方放上去，然后把刚才创建的内容依次拖拽上就好了。

        另外，笔者给playSprite和pauseSprite拖拽的是播放和暂停的两个图片素材，随便找个俩图片代替就行，不然会报空哈~