本文很长,多图,阅读本文大概需要30分钟以上。建议在有网络的情况下阅读。

引子

我喜欢听女同学唱歌(没有男同学是因为我性取向不正常,只喜欢女的) ( ̄︶ ̄)↗ 

我想每天起床刷牙的时候听她不同的歌

但是

  • 我要在茫茫应用当中中打开全民k歌(不知道Url scheme,哪位派友知道烦请支教一下)
  • 茫茫选项中先她唱的歌
  • 切换下一首的时候,要先退出当前页面再切换
  • ……

天哪,这实在太麻烦了,我要做一个workflow完成所有的这些动作。

实现原理

实现这个workflow的原理主要对html源代码的分析

从手机上(客户端)点分享-复制链接

使用chorme打开分享链接

3.png

按F12调出开发者工具

看到网页源代码

4.png

点一下空白区域,然后按 Ctrl 和 F  输入 audio

1.png2.png可以看到你会发现一堆代码

<audio id="player" title="岁月神偷" meta="岁月神偷" src="http://cc.stream.kg.qq.com/shkge/ecf86aa67e579a836f59f3f31724b5d0aeeb1f05?ftnrkey=341d9aeaf77ab7d94ce5f671177a442b0d1da4ab4de43ab6ab158f11c8a26e046ea58e4422f65b7c3fefea6c85104854654862fe28d4e5a3c6c9991a9ebb056d&amp;vkey=D457D16625CCAB3545AD9A726E5EED484717BE33F3D81FFB3F2FFE141570BAFCAC25944DF72A6EB1409F3D45BAF813854B5BD81486D08FD1FC096BBE313D60DF8C7AB80F02438182D6B1C8808BBDF470093F1AECDBFD1266&amp;fname=1021_444ad5ed2d8abfbf547e47ef80f987fc69815bad.48.m4a&amp;fromtag=1507&amp;sdtfrom=v1507"></audio>

音频的文件地址是蓝色

6.png

http://cc.stream.kg.qq.com/shkge/ecf86aa67e579a836f59f3f31724b5d0aeeb1f05?ftnrkey=341d9aeaf77ab7d94ce5f671177a442b0d1da4ab4de43ab6ab158f11c8a26e046ea58e4422f65b7c3fefea6c85104854654862fe28d4e5a3c6c9991a9ebb056d&vkey=D457D16625CCAB3545AD9A726E5EED484717BE33F3D81FFB3F2FFE141570BAFCAC25944DF72A6EB1409F3D45BAF813854B5BD81486D08FD1FC096BBE313D60DF8C7AB80F02438182D6B1C8808BBDF470093F1AECDBFD1266&fname=1021_444ad5ed2d8abfbf547e47ef80f987fc69815bad.48.m4a&fromtag=1507&sdtfrom=v1507

好了尝试下载(直接把链接拖上去)

1.png

发现是 .m4a 格式的文件

我们来尝试一下。把链接填进去。

<embed src='https://player.youku.com/player.php/sid/XMjQ4NTc4MDkzNg==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>

(视频)

动手实践&解决问题

问题来了,如何在Workflow里面看网页的源代码呢?

2.JPG

相信大家看到这里不禁会想

像上面讲过的,把分享的链接填进去,然后 Make HTML from Rich Text 然后用

正则表达式 Match Text 获取地址不就行了吗,还要啰嗦什么?

这样想的人,你们啊 native。

当你这样做的时候,Workflow提示错误,用Quick Look你会发现,根本没有 audio ,m4a也没有。

原因我也不知道。

  1. http://kg.qq.com/share.html?s=L6MaihL9fNpiYLpd
  2. http://kg.qq.com/node/play?s=sU3By1sDcwJy4sJT&g_f=personal

这两条链接都是指向同一个页面,但是,第二条出乎意外有m4a

这是第一条链接



1.png2.png

那么如何获取第二条链接呢?

iOS上365257.jpg

享受一条条导入后 听的乐趣吧

抛砖引玉&尾巴

这个 Workflow 还远远没有完美,希望大家一起完善。不能够直接粘贴分享的链接进去,还有不能批量导入链接

但是

  • 放到主屏幕能够一键到达,更少地干扰
  • 自由排列歌的顺序

感谢 @fanyizzz 为我们带来美好的时光 Workflow 下载

P.S. 

  • 在这个Workflow里面有一个 Repeat 次数越多,重复选歌播放越多,但是在下一首歌的时候需要返回Workflow界面才行
  • 在 widget 运行此Workflow也可以,需要一直呆在widget界面且保持亮屏

欢迎留言

1
0