标签 PWA 下的文章

项目简介

LinMusic 是一个基于 Vue 3 的在线音乐播放器,支持多平台音乐搜索和 PWA 后台播放。
大家创建的歌单存在 cf 的 D1 中,可以共享(也可以互删歌单 ),所谓的 "一人一首歌" 便捷版。

在线体验:

功能特性

  • 多平台搜索(网易云、酷我、QQ 音乐)
  • PWA 支持,可添加到主屏幕
  • 后台播放,锁屏控制
  • 歌词同步显示
  • 自定义歌单管理
  • 多种播放模式
  • 歌曲下载

技术栈

  • 前端:Vue 3 + TypeScript + Vite + Tailwind CSS
  • 部署:Cloudflare Pages + D1(用梯子加载会快点)
web 效果


ios 效果







项目地址,点个 star 嘛

项目音乐 api 来源于 https://linux.do/t/topic/1326425
在此感谢


📌 转载信息
原作者:
Yolon
转载时间:
2026/1/16 16:50:49

潜水许久,今天来交个作业。

前段时间在站里看到了 大佬分享的聚合音乐 API,觉得非常稳定好用。正好手痒,就想着写一个移动端优先 的音乐播放器,主打一个 “高颜值” 和 “原生体验”。

项目名字叫 TuneFree Mobile ,完全开源,可以直接部署在 Cloudflare Pages 上(白嫖真香)。

效果预览

演示地址:https://xilan.ccwu.cc/
(手机访问体验最佳,iOS Safari 点击 “添加到主屏幕” 后体验起飞)

主要搞了些什么?

  1. 极致的 iOS 风格 :也就是大家喜欢的 “毛玻璃” 特效、非线性动画,尽量还原原生 App 的手感。

  2. PWA 支持 :不需要上架 App Store,Safari/Chrome 添加到桌面就是个独立 App,没有地址栏,支持启动屏。

  3. 核心功能全都有

  • 多源搜索 :网 / Q / 酷,懂的都懂。

  • 灵动岛适配 :iPhone 上会有媒体状态显示。

  • 后台播放 :接了 Media Session API,锁屏也能切歌、看封面、拖进度条。

  • 可视化频谱 :写了个 Canvas 频谱动效,看着比较解压。

  • 本地歌单 :数据存在本地,支持导出导入 JSON 备份。

  1. 技术栈 :React 19 + Vite + Tailwind CSS,极速启动。

部署指南

已经配置好了 CF 的 wrangler,你可以 Fork 仓库后直接在 Cloudflare Pages 连 GitHub 自动部署,API 地址默认配置好了。

GitHub 仓库地址
https://github.com/alanbulan/musicxilan

致谢

必须感谢 大佬提供的后端 API 支持,本项目的数据核心全靠它,接口文档也很清晰。
原帖传送门:https://linux.do/t/topic/1326425

最后

代码写得比较随性,主要是为了自己用得爽。如果各位佬觉得还不错,求个 Star 支持一下 !有 bug 或者是功能建议欢迎在评论区或者 Issue 提出来~




📌 转载信息
原作者:
xilan
转载时间:
2026/1/15 10:29:34

DecoTV - 开箱即用的影视聚合播放器

▎项目介绍:一个影视聚合播放器前端,提供统一影视资源搜索入口、在线播放、影视详情展示、观看记录与收藏同步等功能,支持多端设备响应式浏览与 PWA 安装体验。

它支持多源聚合搜索、流媒体播放集成、可选用户注册系统、跨设备观看进度同步和收藏,支持自动跳过部分广告片段、无数据库模式、本地存储降级以及 CMS 代理扩展。

▎项目地址:GitHub - Decohererk/DecoTV: 基于最新版 LunaTV 二次开发的一个开箱即用的、跨平台的影视聚合播放站。【原 KatelyaTV】


📌 转载信息
原作者:
xuzx-2024
转载时间:
2026/1/8 10:15:17