Unity实现音频播放器[QQ音乐,网易云等效果]_qq音乐转unity

介绍

首先,这个功能的实现仅为demo,给予正在实现本功能的小伙伴一点思路.如果帮到了一些人也属初心所向,不喜勿喷!

工程源码::Demo源码工程

逻辑

主要依赖于UGUI Scroll View通过调用它的verticalNormalizedPosition属性来实现轮播滚动的效果.

歌词的存储格式常见的为**.lrc文件,通过IO将每一行读取到一个List**里,再由循环将每段歌词实例化在Scroll View 的 Content节点下.

场景搭建

创建一个Scene场景 : VideoScene

创建一个Scroll View 如图:

在父物体 Canvas层 挂载一个 Audio Source 同时把我们想要播放的歌曲文件拖到 AudioCilp这个属性里

配置 Content节点的组件

代码部分

可以创建一个脚本 命名 AudioTest.cs

using System;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using System.Text;
using UnityEngine;
using UnityEngine.UI;
public class AudioTest : MonoBehaviour
{
    public GameObject lrcText;
    public Transform lrcTextparent;
    public ScrollRect ScrollRect;
    public AudioSource audioSource;
    public float GridIndexList;
    public float GridIndexList2;
    public float EndPos;
    private bool m_IsLock = false;
    private void Start()
    {
        audioSource.Play();
        //ProcessingData(ReadLrcFile(Application.dataPath + "/lyric/好久不见-陈奕迅.lrc"));
        ProcessingData(Readlyirc(src));
        Debug.Log("floattimelist:" + floattimelist.Count);
        Debug.Log("stringlyriclist:" + stringlyriclist.Count);

        ShowLrc();
        currindex = 0;
        ScrollRect.verticalNormalizedPosition = 0;
    }
    int lastindex = -1;
    int currindex = 0;
    // private void Update()
    // {
    //     for (int i = 0; i < floattimelist.Count; i++)
    //     {
    //         if (audioSource.time >= floattimelist[i] && audioSource.time < floattimelist[i + 1])
    //         {
    //             currindex = i;
    //             if (currindex != lastindex)
    //             {
    //                 lastindex = currindex;
    //                 Debug.Log("句子:" + currindex);
    //                 ShowLrc(currindex);
    //             }
    //             return;
    //         }
    //     }
    // }

    private void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            m_IsLock = true;
        }

        for (int i = 0; i < floattimelist.Count; i++)
        {
            if (audioSource.time >= floattimelist[i] && audioSource.time < floattimelist[i + 1])
            {
                currindex = i;
                if (currindex != lastindex)
                {
                    lastindex = currindex;
                    //Debug.Log("句子:" + ScrollRect.verticalNormalizedPosition);
                    ShowLrc(currindex);
                    m_IsLock = false;
                }
                return;
            }
        }
    }

    private void FixedUpdate()
    {
        if (!m_IsLock)
        {
            PlayUIAnim(EndPos, 0.05f);
        }

    }

    public void PlayUIAnim(float endPos, float endTime)
    {
        ScrollRect.verticalNormalizedPosition = Mathf.Lerp(ScrollRect.verticalNormalizedPosition, endPos, endTime);
    }
    float temp = 1;
    /// <summary>
    /// 显示lyric
    /// </summary>
    /// <param name="index"></param>
    void ShowLrc(int index)
    {

        // if (index >= 1)
        // {
        //     temp -= offest;
        //     if (temp >= 0)
        //     {
        //         ScrollRect.verticalNormalizedPosition = temp;
        //         Debug.Log(temp);
        //     }
        // }
        // texts[index].color = Color.green;
        // if (index > 0 && index < stringlyriclist.Count)
        // {
        //     texts[index - 1].color = Color.gray;
        // }

        index -= 1;
        //ScrollRect.verticalNormalizedPosition = 1f - ((float)index / ((float)texts.Count - 3f));  
        EndPos = 1f - ((float)index / ((float)texts.Count - 3f));
        GridIndexList = (index / texts.Count);
        GridIndexList2 = 1f - (index / texts.Count);
        texts[index + 1].color = Color.black;
        texts[index + 1].fontStyle = FontStyle.Bold;
        texts[index + 1].fontSize = 30;
        if (index > 0 && index < stringlyriclist.Count)
        {
            texts[index].color = Color.gray;
            texts[index].fontStyle = FontStyle.Normal;
            texts[index].fontSize = 24;
        }
    }
    List<Text> texts = new List<Text>();
    float offest = 0;
    void ShowLrc()
    {
        ScrollRect.verticalNormalizedPosition = 1;
        offest = 1f / (stringlyriclist.Count / 2f);
        Debug.Log("offset" + offest);
        for (int i = 0; i < stringlyriclist.Count; i++)
        {
            GameObject lyirc = Instantiate<GameObject>(lrcText, lrcTextparent);
            Text text = lyirc.GetComponent<Text>();
            text.text = stringlyriclist[i];
            text.color = Color.gray;
            lyirc.SetActive(true);
            texts.Add(text);
        }
    }
    /// <summary>
    /// 读取 lyric 文件
    /// </summary>
    /// <param name="path"></param>
    /// <returns></returns>
    List<string> ReadLrcFile(string path)
    {
        //存放歌词list
        List<string> lyric = new List<string>();
        StreamReader sr = new StreamReader(path, Encoding.Default);
        string str = "";
        while ((str = sr.ReadLine()) != null)
        {
            lyric.Add(str);
            //Debug.Log(str);
        }
        return lyric;
    }

    /// <summary>
    /// 读取 lyric 文件
    /// </summary>
    /// <param name="path"></param>
    /// <returns></returns>
    List<string> Readlyirc(string lyirc)
    {
        List<string> lyric = new List<string>();
        string[] strArr = lyirc.Split(new char[] { '\n' });
        for (int i = 0; i < strArr.Length; i++)
        {
            lyric.Add(strArr[i]);
        }
        return lyric;
    }
    // 时间
    public List<float> floattimelist = new List<float>();
    // 句子
    public List<string> stringlyriclist = new List<string>();
    /// <summary>
    /// 解析数据
    /// </summary>
    /// <param name="dataList">数据</param>
    /// <returns></returns>
    void ProcessingData(List<string> dataList)
    {
        // 所有数据
        for (int i = 0; i < dataList.Count; i++)
        {

            //Debug.Log(dataList[i]);
            string[] strarry = dataList[i].Split(new char[] { '[', ']' });

            if (strarry != null && strarry.Length > 0)
            {
                for (int j = 1; j < strarry.Length; j++)
                {
                    string tempstr = strarry[j];
                    //这是标题 --- 创作者
                    if (tempstr.StartsWith("ti") || tempstr.StartsWith("ar") || tempstr.StartsWith("al") || tempstr.StartsWith("by") || tempstr.StartsWith("offset"))
                    {
                        string[] strarry1 = tempstr.Split(':');
                        //valuePairs.Add(strarry1[0], strarry1[1]);
                    }
                    else
                    {
                        //这是内容
                        if (tempstr.Contains(":"))
                        {
                            string[] strarry1 = tempstr.Split(':');

                            float m = float.Parse(strarry1[0]) * 60;
                            float s = float.Parse(strarry1[1]);
                            //ms ms = (m + s).ToString();
                            //Debug.Log(ms);
                            //时间
                            floattimelist.Add(m + s);
                        }
                        else
                        {
                            //句子
                            stringlyriclist.Add(tempstr);
                        }
                    }
                }
            }
        }
    }



    string src = "[00:00.17]苏星婕 - 不期而遇的风\n" +
      "[00:00.67]作词：峦无眠\n" +
      "[00:00.88]作曲：辛雯\n" +
      "[00:01.10]编曲：闫天聪\n" +
      "[00:01.31]音乐制作：翌月文化\n" +
      "[00:01.67]监制：成若颖、Wenasa黄嘉雯\n" +
      "[00:02.09]混音、母带：无机草莓\n" +
      "[00:02.45]录音师：无机草莓\n" +
      "[00:02.81]录音棚：莫非录音棚（成都）\n" +
      "[00:03.23]总企划：zoki、佰\n" +
      "[00:03.45]总策划：包包子\n" +
      "[00:03.73]艺人统筹：zoki、佰、要回家\n" +
      "[00:17.80]听说晚风来的时候适合遇见\n" +
      "[00:21.59]如星星和海平面\n" +
      "[00:25.01]总相遇在晴天的夜晚\n" +
      "[00:27.81]我想我和你只是缺对的时间\n" +
      "[00:33.15]你说我对星空许过的每个愿\n" +
      "[00:37.10]有一天都会实现\n" +
      "[00:40.11]而那些放飞过的思念\n" +
      "[00:43.24]会带着你如约而来的出现\n" +
      "[00:47.20]我知道你会像不期而遇的风\n" +
      "[00:51.24]突然出现在某一个黄昏\n" +
      "[00:54.83]和落日一起穿过人潮汹涌\n" +
      "[00:58.81]扑面而来和我相拥\n" +
      "[01:02.58]我知道你会像不期而遇的风\n" +
      "[01:06.69]携带着我等候已久的梦\n" +
      "[01:10.30]借月亮的光和山野的雾灯\n" +
      "[01:14.27]填满遗憾的每个裂缝\n" +
      "[01:35.14]你说我对星空许过的每个愿\n" +
      "[01:38.97]有一天都会实现\n" +
      "[01:41.95]而那些放飞过的思念\n" +
      "[01:45.21]会带着你如约而来的出现\n" +
      "[01:48.95]我知道你会像不期而遇的风\n" +
      "[01:53.08]突然出现在某一个黄昏\n" +
      "[01:56.85]和落日一起穿过人潮汹涌\n" +
      "[02:00.71]扑面而来和我相拥\n" +
      "[02:04.62]我知道你会像不期而遇的风\n" +
      "[02:08.45]携带着我等候已久的梦\n" +
      "[02:12.25]借月亮的光和山野的雾灯\n" +
      "[02:16.18]填满遗憾的每个裂缝\n" +
      "[02:20.04]我知道你会像不期而遇的风\n" +
      "[02:23.88]突然出现在某一个黄昏\n" +
      "[02:27.84]和落日一起穿过人潮汹涌\n" +
      "[02:31.69]扑面而来和我相拥\n" +
      "[02:35.49]我知道你会像不期而遇的风\n" +
      "[02:39.41]携带着我等候已久的梦\n" +
      "[02:43.26]借月亮的光和山野的雾灯\n" +
      "[02:47.16]填满遗憾的每个裂缝";



}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284

歌词预制体创建

结束