惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
D
Docker
Martin Fowler
Martin Fowler
人人都是产品经理
人人都是产品经理
GbyAI
GbyAI
Jina AI
Jina AI
酷 壳 – CoolShell
酷 壳 – CoolShell
M
MIT News - Artificial intelligence
腾讯CDC
阮一峰的网络日志
阮一峰的网络日志
H
Hackread – Cybersecurity News, Data Breaches, AI and More
N
Netflix TechBlog - Medium
B
Blog RSS Feed
云风的 BLOG
云风的 BLOG
Blog — PlanetScale
Blog — PlanetScale
Vercel News
Vercel News
The Cloudflare Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
有赞技术团队
有赞技术团队
G
Google Developers Blog
Stack Overflow Blog
Stack Overflow Blog
I
InfoQ
U
Unit 42

SunPma'Blog

宝塔面板错误及BUG解决方法集合(持续更新) - SunPma'Blog Adobe Photoshop 2025 v26.2.0 绿色便携版 ShareFile 一款目录程序源码 - SunPma'Blog 360星图绿色离线版,网站日志分析工具 - SunPma'Blog AMD R7 8845HS 虚拟机安装苹果系统 MacOS 15.2 Sequoia Telegram多平台主题Windows/Android/iOS - SunPma'Blog Telegram 桌面便携版修复应用程序弹出链接URL协议 - SunPma'Blog Chrome谷歌浏览器手动安装IDM(Internet Download Manager)扩展插件 - SunPma'Blog Lsky 兰空图床程序基于宝塔面板部署教程 - SunPma'Blog
My Music 一款音乐文件网页HTML播放器源码 - SunPma'Blog
博主: sunpma · 2025-08-04 · via SunPma'Blog
  •  发布时间:
  •  15434 次浏览
  •   13 条评论
  • 分类: Linux
  1.  首页
  2. 正文  

前言

项目地址:https://github.com/sunpma/MyMusic
预览地址:https://suntl.com/other/music

预览

PC端预览
PC端预览

移动端预览

说明

格式支持:mp3 flac wav ogg
专辑封面:/assets/album目录存放封面,命名与音频文件一致,支持jpg png webp格式
加载方式:编辑music.php文件选择媒体文件加载方式localremote

方式一:
local 加载/music文件夹内音乐媒体文件(包含子文件夹)
方式二:
remote 读取远程直链地址

    // 模式 2: 读取远程直链地址
    $remoteUrls = [
        'https://localhost.com/卢冠廷 - 一生所爱.flac',
        'https://localhost.com/吴雨霏 - 吴哥窟.flac',
        'https://localhost.com/周杰伦 - 红尘客栈.mp3'
    ];

版权声明:本文为原创文章,版权归 suntl.com 所有,转载请注明出处!

本文链接:https://suntl.com/1407.html

友情提示:如果博客出现404或链接失效,请留言或者联系博主修复!

My Music 一款音乐文件网页HTML播放器源码

 • 

前言

项目地址:https://github.com/sunpma/MyMusic
预览地址:https://suntl.com/other/music

预览

PC端预览
PC端预览

移动端预览

说明

格式支持:mp3 flac wav ogg
专辑封面:/assets/album目录存放封面,命名与音频文件一致,支持jpg png webp格式
加载方式:编辑music.php文件选择媒体文件加载方式localremote

方式一:
local 加载/music文件夹内音乐媒体文件(包含子文件夹)
方式二:
remote 读取远程直链地址

    // 模式 2: 读取远程直链地址
    $remoteUrls = [
        'https://localhost.com/卢冠廷 - 一生所爱.flac',
        'https://localhost.com/吴雨霏 - 吴哥窟.flac',
        'https://localhost.com/周杰伦 - 红尘客栈.mp3'
    ];

版权声明:本文为原创文章,版权归 suntl.com 所有,转载请注明出处!

本文链接:https://suntl.com/1407.html

友情提示:如果博客出现404或链接失效,请留言或者联系博主修复!