MENU

墨灵音乐 · Web Music Application

2020 年 02 月 04 日 • 技术,原创,作品,生活,分享

作品介绍 Introduction

基础信息 Basic information

点击了解这个作品最基本的信息

名称:墨灵音乐 Growio音乐 mli音乐 寻音
时间:2018/2/13 - 现在
开发技术:
前端 HTML5.0 JavaScript
后端 Nginx PHP7.3
网络 CDN - Content Delivery Network(基于腾讯云QCLOUD);HTTPS TLS1.3 HTTP2.0

基础功能 Basic function

点击了解该作品的主要功能

以下所列功能为初期完成并且公开测试使用了的功能,但不保证后期变更/撤销功能
· 在线搜索海量音乐 Search
· 下载无版权的音乐/歌词/专辑图片/MV Download
· 音乐可视化 Music with eye seeing
· 歌单 List
· 分享歌曲 Share
· 播放历史 History
· 收藏夹 Local favorites

特点 Characteristics

没有广告 一站式音乐服务 即开即用

体验地址

使用任意搜索引擎搜索 墨灵音乐

搜索引擎特殊照顾
使用百度搜索墨灵音乐,效果如下


这个效果不是作者设置的,是百度对于大流量站点自动优化形成的搜索结果。
墨灵音乐暂时没有涉及Android和iOS开发。墨灵Web版本已经支持所有主流安卓浏览器。

设计理念 Design Concept

点击了解我们的设计理念

遵从以下网页的设计标准。
UI方面:
https://weui.io/

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

https://cantunsee.space/

作者通过上面这个网址学习了不应该使用哪些网页布局,了解了哪些网页布局才是用户想要的。

应用截图 Screenshot

切换上方Tab预览截图;V1版本已经在2019年中旬灰度下线。
006mWAHKly1fuhbnl10q3j30be0k90uo.jpg

006mWAHKly1fuhbnl8qa1j30bd0ka46z.jpg

006mWAHKly1fuhbnldecbj30b90hagoq.jpg
006mWAHKly1fuhbsyjl4rj31g60rnnpe.jpg

006mWAHKly1fuhbt0a26bj31g60rnqv6.jpg

V2版本于2019年中旬灰度上线。切换上方Tab预览截图;截图与实际上线版本略有差异,功能相同但界面可能已经改变。
7-svg.png

6-svg.png

4-svg.png

5-svg.png

衍生文章

记录一些开发历程 以及 一些相关文章
墨灵音乐 V2 版本简单总结
ECC SSL 证书兼容性 Eccsl certificate compatibility
墨灵音乐 3.0(寻音)更新预告
全线启用 SRI 支持の墨灵音乐
桌面版墨灵音乐 Desktop edition
如何用 JavaScript 下载文件

开放接口 Simple Api

搜索接口 Api for search

Uri参数说明
https://music.qugeek.com/s/%s%s%s 对应搜索关键词 ; 类似 Google Search
使用方法类型说明 Demo
直接使用HTTPhttps://music.qugeek.com/s/TaylorSwift
快速唤起Browser该接口已通过opensearch.xml接入Chrome快速搜索。支持Chrome以及主流Chromium内核浏览器。使用方法请参照Chrome使用指南。

更新日志 Update log

点击展开V2版本的更新日志

· 2019/10
撤除 ES6代码,降级使用ES5以提高兼容性
优化 弹窗逻辑
更改 搜索默认逻辑
增加 Api可用性侦测
增加 Api自动切换

· 2019/9
优化 部分弹窗逻辑
优化 下载歌曲(不支持版权歌曲)
优化 部分弹窗样式
新增 弹窗黑暗模式(Beta),为后期全站黑暗模式做准备
优化 Web播放器底部菜单
解决 部分静态资源未使用CDN

· 2019/8/2
更改 在线Web播放器下载音乐时取消自动处理专辑图片
新增 ID3音乐标签在线编辑器

· 2019/8/1
完整接入腾讯云海外CDN(Global Content Delivery,GCD)
· 2019/7/28
优化 部分不能下载的歌曲
解决 部分bug
取消 部分无用缓存

· 2019/7/27
灰度上线V2版本
开放 歌词下载
优化 歌曲下载逻辑
支持 下载歌曲时自动合并专辑图片、歌曲信息
支持 更多的设置、全新的背景
支持 自定义CSS
支持 PC快捷键
支持 更多的歌单选择
支持 白噪音、雨声、在线乐器

许许多多细节优化


点击展开V1版本的更新日志

2019/03/17
修复电脑版鼠标消失的问题新增高级版
2019/03/09
重写后台优化部分逻辑
更新不好看的图标更新复杂的引导文字
2019/01/31
修复 不好用的 Api增加 搜索提示
增加 CDN增加 Api 切换提示
2019/01/24
修正 不太起眼的bug添加 随机播放自动滚动至当前歌曲(PC版生效)
添加 点击列表自动滚动至当前歌曲(PC版生效)添加 PWA功能(移动版生效)
修正 play()函数错误-
2019/01/01
修正 小米浏览器加载异常修正 不太起眼的bug
完善 不太起眼的UI细节-
2018/12/15
删除 多Api嗅觉/自动更换删除 少用的“生成代码”与“生成外链”功能按钮
删除 生成代码/生成外链 所有相关代码更新 图标(用最少的线条突出图标、统一风格)
添加 苹果音乐下载引导更新 安卓/桌面端音乐下载引导
添加 下载歌词功能更新 桌面版右键菜单项目/右键菜单图标
添加 歌词翻译功能添加 下载翻译后的歌词功能
修改 背景模糊延时以及模糊度修改 设置页面引导信息/设置页面边距
添加 翻译歌词设置-
2018/12/01-12/14
新增 服务器修正部分小bug
2018/11末
开放 上传自定义壁纸功能(完整体验仍在优化)-
2018/11/11
重写歌单加载失败逻辑添加 自定义歌单 功能(在设置中)
大幅优化二次加载歌单的速度(使用Cookies与local Storage)修改超时设置
2018/10
添加本地歌单功能修正Api错误
测试自定义背景功能(测试性能)修改部分弹窗样式,强化弹窗警示
2018/9
修正桌面版的声音图标新增自定义背景的功能
更新Javascript async策略更新浏览器安全策略防御 CSRF
修复MV(部分地区)搜索框智能autofocus,修改无关键词提交提示逻辑,回车提交
修正picsum.photos图像错误修正layer默认设置
添加超时设置添加音乐可视化功能
上线MV高清图标菜单上线
Before And 2018/8
新图标上线,更新"关于我们"的界面,上线"搜索链接分享"功能(Beta),新增手机同步网易云歌单引导。所有弹窗界面优化,简化搜索界面,新增多项播放器设置,引入微信UI
一键复制文件名、分享页等功能上线。

他人的认可

推荐者 2019/02/12

以下信息发布者向他们的用户推荐了墨灵音乐。我们收集了部分推荐者。这些推荐者的行为是自发的行为。以下推荐信息最后更新于19/02/12

[tabs]
[tab name="抖音"]

抖音视频ID点赞数评论数转发量收集日期
11935933872.3w128105219/02/10

[/tab]
[tab name="快手"]

快手视频ID播放量评论数点赞量收集日期
12018220215.5w264800819/02/11
4301290821.8w98233219/02/11

[/tab]
[tab name="YouTube"]

YouTube仅记录视频ID
NcustuepCxA

[/tab]
[tab name="微信公众号"]

以下为公众号ID
云资源导航干货store毛哥微网科普室儿创投篇
新八点办公办公资源Office成长课堂全球技能达人网络科讯
尹波可口的小新黑林错觉八宝洲微商共创新时代
贾不假talks资源小部落100秒分享TutKoqa科文谈干货铺
零钱币91影视网观三王者之讯迅捷PDF转换器
搜索力软件资源汇音乐论青云历史乐享生活i小沐

[/tab]
[/tabs]

用户群

请不要加入多个QQ群。长期不发言将被移出。
QQ [1群] :814245115
QQ [2群] :490867370
QQ [3群] :960802232

成效

访客数据来自最大的统计工具 Google Analytics

19年1月与3月数据

搜索引擎数据来自各家搜索引擎官方站长平台。
数据来源1:百度站长平台
数据来源2:搜狗站长平台

19年4月
请输入图片描述
19年4月
请输入图片描述
19年4月数据
请输入图片描述
19年4月数据
请输入图片描述

反馈问题

有任何问题?在底部留言吧!

请填写QQ邮箱!

网站可不填。

最后编辑于: 2020 年 08 月 25 日
返回文章列表 文章二维码
本页链接的二维码
打赏二维码