开篇寄语
不知道大家还记不记得之前伯衡君制作了一个名为Easy Web TV的Beta版本,具体可以参看下方的前情提要,而这几个礼拜,伯衡君逐渐将该Beta版本升级到了4.0.0版本,功能上也有了极大提高,目前的功能是不仅支持观看电视直播节目了,还支持观看电影,电视剧,动漫以及综艺了,后续伯衡君还准备将之集合收音机频道,音乐频道,读书频道乃至成人频道等等。
前情提要
体验网址
内容详情
伯衡君先介绍下它的使用功能,然后再来说一下开发中遇到的问题以及解决之道。
使用功能
进入首页,可以选择进入的页面,选择国家,语言,分类以及综合,前三者是观看电视直播节目,后一个综合是观看电影,电视剧,动漫及综艺的地方,这里以新增的综合来说,点击进入综合,如下图所示:
简单来说,是引用了各个采集站的资源集成到一个网站内,方便用户观看影片,目前收集了6个采集站的内容,提供了分类选择与搜索功能,以查找想要观看的影片。
然后选择想要观看的影片,点击观看就可以了,如下图所示:
目前,提供了简单的收藏夹功能,点击爱心可以收藏喜欢的影片到右侧的Favorite里面,方便以后观看。
之前观看电视直播节目的我就不多做介绍了,在Beta版本已经有所介绍了。
伯衡君已经测试的成人资源站的Api是通用的,不过没有加入,后续找一个合适的时间节点加上即可。
后续会添加的功能:
- 收听收音机节目
- 在线听音乐
- 在线看漫画
- 在线看小说
- 观看成人节目
- 在线玩游戏
- more...
问题及解决
其实遇到的最大问题是不知道那些影视资源的Api是传递什么参数,想起了之前分享的h-player和zy-player这两款应用,它们就是利用了这些影视资源的Api,于是利用finddler轻松抓包,抓取了传递参数,这个最大的问题就解决了。
接下来是解析问题,一般想要访问这种Api会在调试的时候遇到CORS问题,也即是中文所说的跨域,解决它的方法伯衡君选用了公共的代理网址来访问,这样就获取了xml格式的内容了,解析它们也就不成问题了。
以上就是在开发过程中遇到的最大问题,以及解决方法,其他的小问题也就不值一提了。
温馨提示
后续又更新到了 8.2.0 版本,并且增加了 Vue.js 版本,详情请看下面这篇文章:
- 我的微信
- 微信扫一扫加好友
- 我的微信公众号
- 扫描关注公众号