请问这个歌单页面是运用了哪些技术呢

我需要制作一个网页，我打算做一个音乐网页，但我不知道如何做出有音乐歌曲可以播放的这个页面，有人能为我解答吗

单纯的从你的截图来说
html 可以编写对应的标签
css 美化你的标签
以上两步就可以完成 一个静态的页面 和你的图片 一模一样的
当我们涉及到交互 比如我们点击播放 输入搜索内容 点击搜索 这些就涉及到了js
如果你是一名前端的话,在实际开发中 引入一款框架(例如vue)帮我们快速开发(更简单更有效的使用js)
单纯的一些固有资源 以上技术就足够了 如果说你想更灵活的获取资源 我们就需要服务端(也就是一名后端人员)
来实现服务端的内容 之后前后端交互 拿取数据

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7792186
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：如何解决谷歌浏览器解决跨域访问的问题
• 除此之外, 这篇博客: 听音乐不过瘾？自制一个音乐播放器！【附带函数源码】中的 判断歌词是否存在函数 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 了解音乐文件的小伙伴可能都知道，每一首音乐的歌词和音乐文件是相互独立的，通常情况下是音乐文件的文件名后加.lrc为其所对应的歌词文件，所以当我们播放一首歌曲的时候，就需要我们对该歌曲的歌词文件进行判断，判断当前播放的音乐是否具有歌词文件。

  如果有，则进行歌词标准化和歌词播放函数，如果没有，当然需要对用户进行相应的提示“未找到歌词”

  实现代码如下：

  //判断歌词是否存在
          void IsExistlrc(string songPath)
          {
              //每次制作歌词前先清空存放时间和歌词的列表
              listlrcTime.Clear();
              listlrcText.Clear();
  
              songPath += ".lrc";
              //MessageBox.Show(songPath);
              bool fileIn = File.Exists(songPath);
              if (fileIn)
              {
                  //label_lyric.Text = "即将播放歌词";
                  //定义一个存放歌词的列表，获取到歌词文件中的内容
                  string[] lrcText = File.ReadAllLines(songPath, Encoding.Default);
  
                  //如果歌词存在，则调用函数formatlrc格式化歌词
                  formatlrc(lrcText);
              }
              else
              {
                  label_lyric.Text = "未找到歌词......";
              }
          }
  

• 您还可以看一下 朱有鹏老师的蜂鸣器-第1季第11部分课程中的 1.11.5.让蜂鸣器唱歌1小节, 巩固相关知识点
  

vue3+html+css+javascript