用 Vue 写了个斗鱼的 Web App

[Stlin]

前几天我的好友 @shyling 发现了斗鱼竟然有第三方开发 API ，我也是挺喜欢看直播的，然后就兴趣使然做了这么一个东西。其实我对 vue+webpack 这种开发也不是很熟，所以也就刚好练练手，顺便学习学习 flexbox 的布局。

动图演示

在线演示

在线演示

在线演示用手机模拟是看不了直播的，但是正常模式下可以看，我是用的分享外链来做的直播，这里我暂时找不到任何的解决方案，如果各位 V 友有什么意见或者建议，欢迎大家提出。

项目地址

https://github.com/axhello/douyu-vue

[Stlin]

@yatessss

[zhuangzhuang1988]

牛逼..

[Pastsong]

斗鱼居然有开放 API ，一会去看看有什么能玩的

[Stlin]

@Pastsong 有的，我忘了贴地址了 QAQ [这里]( http://dev-bbs.douyutv.com/forum.php?mod=forumdisplay&fid=37)

[wooyin]

厉害

[Stlin]

@zhuangzhuang1988
@wooyin QAQ

[Artotria]

看上去很赞，话说熊猫战旗什么的有没开放 api

[liyvhg]

能用 HTML5 来播放斗鱼的直播视频吗？

[Stlin]

@Artotria 不清楚诶~ 应该是有的吧，没有也会有人抓包抓出来了吧 2333

[Stlin]

@liyvhg 好像斗鱼没有支持呢~ 如果能用 html5 播放那就好了

[paradoxs]

厉害啊...

[liyvhg]

@Stlin 现在用 flash 播放器实在是太消耗资源了

[Stlin]

@liyvhg 对呀~ 而且苹果手机早就不支持了

[liyvhg]

@Stlin 有没有办法挖出 iOS 的接口～～好像都是 https 了，可能很难

[Stlin]

@liyvhg 我也想知道怎么弄啊~

[liyvhg]

@Stlin 思路：电脑上面搭代理，对自己设备做中间人证书攻击，可能能够抓到并且解密出数据
缺点：非官方公布的 API ，不会有官方支持

[falcon05]

非常好，学习

[falcon05]

另外请教一下，这个手机录屏图片怎么做的？

[letitbesqzr]

斗鱼是支持 html5 播放的,用的 hls...
比如这个 http://m.douyu.com/59073
播放地址 http://hlsa.douyutv.com/live/59073rU6MDZpr15Y_550/playlist.m3u8?wsSecret=da27834ef4a8dd1bae4afea606e66136&wsTime=1468740110
至于各个参数是什么 就自行研究了。。。

[Stlin]

@falcon05 我 Mac 上直接用软件录的呢, 叫 GIPHY CAPTURE app store 里面的