炒鸡好看的 APlayer 支持歌词啦！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3289 天前的主题，其中的信息可能已经有所发展或是发生改变。

回顾：上次在 V2EX 发布后上到了 GitHub Trending 榜第八位 https://www.v2ex.com/t/237691

GitHub ： https://github.com/DIYgod/APlayer

Demo ： https://www.anotherhome.net/file/APlayer

19 条回复 • 2015-12-10 20:41:54 +08:00

muyi

2015-11-28 11:19:51 +08:00 via Android

很赞！

GeekTest

2015-11-28 11:25:08 +08:00 via Android

+1 另外有没有支持 hls 的 HTML5 player

DIYgod

2015-11-28 16:25:15 +08:00 via Android

@GeekTest 并不知道哎

Dukec

2015-11-28 18:32:43 +08:00

赞一个

cheny95

2015-11-28 21:06:12 +08:00

@DIYgod 很赞,下载了 ZIP 包,简单的看了一下支持 LRC 很强大,不过手动写入貌似有点麻烦,可以做成获取的就更好了!

搜到一个 API,天天动听的,楼主可以试试
http://lp.music.ttpod.com/lrc/down?artist=朴树&title=平凡之路

qgy18

2015-11-28 22:52:15 +08:00 via iPhone

@GeekTest
Sewise Player （免费）、 JW Player （收费）

MinonHeart

2015-11-29 11:52:45 +08:00 via Android

😕 隐约看见过 DIYgay ，错觉么

fuliti

2015-11-29 17:05:00 +08:00

都不知道怎么用。＝＝

DIYgod

2015-11-29 20:18:04 +08:00

@cheny95 感谢~ 但是感觉意义不大啊，手写并不麻烦的说，复制到 html 里面就好了

DIYgod

2015-11-29 20:18:21 +08:00

@fuliti README 有说明

DIYgod

2015-11-29 20:19:03 +08:00

@MinonHeart 你忘了我么。。。看你第一个友链

MinonHeart

2015-11-29 21:05:50 +08:00 via Android

@DIYgod 不不不，我只是觉得在哪看过 DIYgay😮

DIYgod

2015-11-29 21:22:30 +08:00

@MinonHeart 加群一起玩吧！ 496685635

cheny95

2015-11-29 22:06:30 +08:00

@DIYgod 我的意思是,你的这个播放器应该可以扩展,比如给链接可以自动匹配歌词,或者说,只要在歌曲链接的地方以数组方式把歌名写进去,就可以自动获取播放链接和歌词... 扩展性会更好.只是获取资源可能是个问题

daijia1123

2015-12-09 19:00:02 +08:00

希望可以有赋值歌词的方法。

DIYgod

2015-12-09 20:54:43 +08:00

@daijia1123 什么是赋值歌词

daijia1123

2015-12-10 08:13:39 +08:00

@DIYgod 类似下面这样，增加歌词选项。不过我看了源码，自己改起来也很容易。

music: { // Required, music info
title: 'Preparation', // Required, music title
author: 'Hans Zimmer/Richard Harvey', // Required, music author
url: 'http://7xifn9.com1.z0.glb.clouddn.com/Preparation.mp3', // Required, music url
pic: 'http://7xifn9.com1.z0.glb.clouddn.com/Preparation.jpg', // Required, music picture
lrc: lrc_content
}

DIYgod

2015-12-10 13:40:40 +08:00

@daijia1123 这样用起来并不方便，因为 js 不支持多行字符串，所以我选择了把歌词加在 html 里

daijia1123

2015-12-10 20:41:54 +08:00 via Android

@DIYgod 确实有多行这个问题。不过我自己改好了，多谢大神的作品！打算部署到线上。