做了一个音乐播放的网站，我如何实现用户点击播放打开播放页面后，后面又点击另一首歌曲进行播放时会把这首歌添加到播放页面的播放列表

2020-02-12 03:47:06 440 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码) 直接跳到末尾获取完整源码今天我将带着大家使用 HTML、CSS 和 JS创建音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。使用 HTML、CSS 和 JS 创建在线音乐播放器 ?? 在线演示地址 ?? 完整代码结构 ?? home-section 首页部分 ?? pla. 阅读详情

我太难了，求各位大佬给个思路

...全文

Hexo博客技巧：为博客插入音乐前言想要给博客添加音乐，最简单的方法便是利用第三方音乐平台提供的外链播放器，可是效果并不好，外观丑没歌词且体验极差。如果使用Hexo-Tag-Aplayer插件的话这个问题就能很好地解决了。原先 hexo-tag-aplayer 不支持 MetingJS，使得需要图片url，音乐url等等参数，操作起来都很麻烦，需要去音乐网站扒音乐播放链接或者下载下来存储在七牛云或本地。但是3.0新版本的Aplayer已经支持MeingJS了，MetingJS 是基于Meting API 的 APlayer 衍生阅读详情

折花入酒丶

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

切换为时间正序

一只三黄鸡 2020-02-29

打赏
举报

1.永久的形式。不知道你后台是如何实现的，如果使用后台的话，可以在点击歌曲的时候发送请求到后台，将该歌曲信息放入数据库的播放列表 table中中，然后前端进行播放列表查询（可以使用ajax异步加载）。
2.非永久，清缓存失效的形式。如果不涉及到后端的处理，只是前端的播放处理的话。也是可以实现的，可以使用缓存的方式（可查询 localstorage），将播放的歌曲信息按照一个的规则（你自己定就行）放入到缓存中，然后页面刷新并获取到对应的缓存信息，然后展示在界面上即可
3.一次性，刷新失效的方式。播放的同时使用js直接将对应信息append到播放列表中

一只三黄鸡 2020-02-29

打赏
举报

引用 3 楼折花入酒丶的回复:

[quote=引用 2 楼一只三黄鸡的回复:]
1.永久的形式。不知道你后台是如何实现的，如果使用后台的话，可以在点击歌曲的时候发送请求到后台，将该歌曲信息放入数据库的播放列表 table中中，然后前端进行播放列表查询（可以使用ajax异步加载）。
2.非永久，清缓存失效的形式。如果不涉及到后端的处理，只是前端的播放处理的话。也是可以实现的，可以使用缓存的方式（可查询 localstorage），将播放的歌曲信息按照一个的规则（你自己定就行）放入到缓存中，然后页面刷新并获取到对应的缓存信息，然后展示在界面上即可
3.一次性，刷新失效的方式。播放的同时使用js直接将对应信息append到播放列表中

我是模仿着QQ音乐的网站做的，我看了一下QQ音乐使用的应该是缓存，localstorage是知识盲区了，唉。。。[/quote]

可以百度查一下使用方式，很简单的，就一个放入缓存，一个从缓存取

折花入酒丶 2020-02-29

打赏
举报

引用 2 楼一只三黄鸡的回复:

1.永久的形式。不知道你后台是如何实现的，如果使用后台的话，可以在点击歌曲的时候发送请求到后台，将该歌曲信息放入数据库的播放列表 table中中，然后前端进行播放列表查询（可以使用ajax异步加载）。 2.非永久，清缓存失效的形式。如果不涉及到后端的处理，只是前端的播放处理的话。也是可以实现的，可以使用缓存的方式（可查询 localstorage），将播放的歌曲信息按照一个的规则（你自己定就行）放入到缓存中，然后页面刷新并获取到对应的缓存信息，然后展示在界面上即可 3.一次性，刷新失效的方式。播放的同时使用js直接将对应信息append到播放列表中

我是模仿着QQ音乐的网站做的，我看了一下QQ音乐使用的应该是缓存，localstorage是知识盲区了，唉。。。

折花入酒丶 2020-02-28

打赏
举报

做了一个音乐播放的网站，我如何实现用户点击播放打开播放页面后，后面又点击另一首歌曲进行播放时会把这首歌添加到播放页面的播放列表

相关推荐