ES6原生音乐播放器(有接口)

news/2024/7/10 23:56:30 标签: javascript, 前端, ES6, ajax

 视频展示

ES6音乐播放器

项目介绍

GutHub地址:GitHub - baozixiangqianchong/ES6_MusicPlayer: 音乐播放器

ES6_MusicPlayer 是基于JavaScript+ES6+Ajax等通过原生构建的项目。能够充分锻炼JS能力。

本项目有主页、详情页、歌单页面三部分组成

├── assets:存放静态资源
│   ├── iconfont.js:阿里巴巴图标
├── CSS
│   ├── common.css
│   ├── player.css
│   ├── recommendList.css
│   ├── reset.css
│   └── home.css
├── images
│   ├── march.png:未用到,可不写
├── js
│   ├── home: 首页js
│   │   ├── carousel.js
│   │   ├── control.js
│   │   └── home.js
│   ├── player: 详情js
│   │   └── player.js
│   ├── recommendList: 歌单列表js
│   │   └── recommendList.js
│   ├── service
│   │   └── ajax.js: 封装接口
│   ├── util: 公用方法
│   │   ├── reactive.js
│   │   └── util.js
│   ├── index.js
│── home.html:练习首页
│── index.html:主页面(从当前页面打开项目)
│── player.html:练习详情页
│── recommendList.html:歌单列表页
├── README.md: 应用描述文件

接口文档

NeteaseCloudMusicApi

将此开源项目下载到本地,进行运行后,接口方可使用。

注意:此接口可能会发生变动,请求成功后,请仔细查看是不是自己需要的内容

项目预览

首页页面

歌单列表页面
播放详情页

http://www.niftyadmin.cn/n/5259322.html

相关文章

论文阅读:PointCLIP: Point Cloud Understanding by CLIP

CVPR2022 链接:https://arxiv.org/pdf/2112.02413.pdf 0、Abstract 最近,通过对比视觉语言预训练(CLIP)的零镜头学习和少镜头学习在2D视觉识别方面表现出了鼓舞人心的表现,即学习在开放词汇设置下将图像与相应的文本匹配。然而,…

什么人适合用数字人?

随着人工智能和虚拟形象技术的不断发展,数字人正运用于各行各业。数字人是利用人工智能技术实现与真人直播形象的1:1克隆,即克隆出一个数字化的你自己,包括你的形象、表情、动作和声音都会被克隆下来,让你能够拥有接近真人的表现力…

Temporal 部署

1、集群架构 操作部署前请仔细阅读 03 Temporal 详细介绍 篇 2、Temporal Server 部署流程 原理是:启动前先用 dockerize 生成一遍实际使用的配置,然后再启动Server本体 Self-hosted Temporal Cluster guide | Temporal Documentation 新建应用 ap…

Ubuntu22.04添加用户

一、查看已存在的用户 cat /etc/passwd 二、添加用户 sudo adduser xxx 除了密码是必须的,其他的都可以不填,直接回车即可 三、查看添加的用户 cat /etc/passwd 四、将新用户添加到sudo组 sudo adduser xxx sudo 五、删除用户 sudo delus…

每日OJ题_算法_双指针③_力扣202. 快乐数

目录 力扣202. 快乐数 解析代码 力扣202. 快乐数 202. 快乐数 - 力扣(LeetCode) 难度 简单 编写一个算法来判断一个数 n 是不是快乐数。 「快乐数」 定义为: 对于一个正整数,每一次将该数替换为它每个位置上的数字的平方和…

HarmonyOS应用开发者高级认证

系列专题 HarmonyOS应用开发者基础认证【闯关习题 满分答案】 HarmonyOS应用开发者基础认证【满分答案】 HarmonyOS云开发基础认证【最新题库 满分答案】 HarmonyOS应用开发者高级认证【最新题库 包过答案】 如有新题目可以私信我添加进来 HarmonyOS应用开发者高级认证 系列专…

在linux服上使用nginx+tomcat部署若依前后端分离版本(RuoYi-Vue)

一、先拉工程,地址:RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 二、在window上用idea打开跑通,可参考…

css样式:抄的背景渐变样式

最近入坑 爱奇艺的《一念关山》(谁让咱也没有别家视频会员)。顺手就抄了他们家一个背景渐变样式。 background-image: linear-gradient(90deg,hsla(0, 0%, 100%, 0),hsla(0, 0%, 100%, 0.1) 77%,hsla(0, 0%, 100%, 0)); 展示:(就…