.netcore音乐播放器 musicPlayer

html音乐播放器 .net core mvc 音乐播放器 支持上传本地音乐到云端 支持通过文件夹创建歌单(不需要数据库和其他数据存储) 通过歌单分类 播放歌曲 支持播放暂停 上一首 下一首切换 支持显示歌曲列表 歌单切换 展示歌曲根据歌单名去获取歌曲显示 功能

版权原因 或者想创建自己的歌单在线听歌 或者个性化自己的歌单 都可以使用本程序 版权原因 可以吧歌曲下载到本地 通过本项目在线创建自己的歌单实现网页播放和控制

1 上传 2播放

3 html播放样式

4 歌曲上传

6 选择歌单播放

添加 随机播放按钮 单曲循环按钮 列表循环显示 功能

音量模仿按钮

.net core实现单文件上传、多文件上传 基本上用不到在服务器上传更快

更新1支持显示歌曲列表点击切换歌曲功能currentindex=index

部署问题1 跨平台 拿不到文件夹路径 不同操作系统(Windows 和 Linux)返回的文件路径上具有不同的分隔符

问题2 js在浏览器中可能无法直接操作获取文件 后端获取文件名 js直接读

添加列表下拉音量控制== 异步等待获取音乐名称获取url

更新3 歌单 : 通过循环music文件夹下面的文件夹当做歌单 单击歌单切换歌曲

问题1 容器点击 触发事件不正确 原因 获取了多个li,没有指定容器为mylist ul

问题2 歌单没有更新 应该更新歌曲和歌单

问题3 切换歌单后,出错 原因是点击歌单之前已经初始化 currentindex 从-1到0 点击歌单后0到1 去了 原因2 audio = new Audio(); // 创建Audio对象为局部变量导致歌曲重复播放 外提就行

问题4 为什么切换歌单后这个playPause函数被多次触发

项目获取:

项目获取:typora: typora/img (gitee.com)

备用项目获取链接1:yifeiyixiang/kamo: 源码下载 (github.com)

备用项目获取链接2: 卡莫_ / Kamo · GitCode

相关推荐
DarkBule_2 小时前
零基础驯服GitHub Pages
css·学习·html·github·html5·web
前端Hardy3 小时前
HTML&CSS:超好看的轮播图,你绝对用得上(建议收藏)
javascript·css·html
前端Hardy4 小时前
HTML&CSS:必学!手把手教你实现动态天气图标
javascript·css·html
一只月月鸟呀12 小时前
HTML中数字和字母不换行显示
前端·html·css3
萧寂17312 小时前
html实现手势密码
前端·css·html
GISer_Jing21 小时前
[Html]overflow: auto 失效原因,flex 1却未设置min-height &overflow的几个属性以及应用场景
前端·html
珹洺1 天前
Java-servlet(十)使用过滤器,请求调度程序和Servlet线程(附带图谱表格更好对比理解)
java·开发语言·前端·hive·hadoop·servlet·html
黑贝是条狗1 天前
html 列表循环滚动,动态初始化字段数据
前端·javascript·html
jianzhi0011 天前
深入理解 HTML5 Web Workers:提升网页性能的关键技术解析
前端·html·html5
钱彬 (Qian Bin)1 天前
QT Quick(C++)跨平台应用程序项目实战教程 5 — 界面设计
c++·qt·教程·音乐播放器·qml·qt quick