0. 需求来源
网易云音乐的 Mac 客户端,无法将播放记录同步到 Last.fm, 而且也不太想下载客户端。所以想听歌的时候一般都用网页版,还可以配合 Web Scrobbler 追踪播放记录。 (使用过程中还顺便提交了 两个 PR. )
但是网页版歌词无法在菜单栏上显示,只能在当前网页显示。所以搜了一圈找到一个 SwiftBar
开源工具,可以自定义菜单栏。 (后来发现也可以在播放条右边找到画中画歌词
按钮,可以开启一个画中画功能。搜了一下原理大概是不断将歌词绘制到一个 cavans
上,然后新建一个 video
元素,可以不 append 到页面中,直接通过 requestPictureInPicture
打开画中画。此为后话,有兴趣的可以深入了解。)
下面记录一下具体步骤。