HBuilder mui视频类app

应该有不少人像我这样,偶尔想看一下或者是怀念一下经典,但是许多经典老片到现在还是要收费,所以本人只能在网上各种找资源,偶然找到几个专门给采集准备的网站,但是网站只提供资源链接,虽然经过视频解析的话可以观看,但是不太适合个人使用,于是萌生如下想法。
从采集网站get视频数据然后通过TP将数据整合,写个手机页面(个人喜欢在手机上看电影),通过接口方式调出资源内容,(个人表达能力不好,懂得人一看就懂了)
反正是手机看,干脆写个H5App吧,网上查了一下说mui适合写H5App,索性就用它开始了(虽然后来才知道这玩意已经很久不维护了)

如果有读者看这篇文章八成是在开发过程中碰到了mui的坑了吧(不然谁闲着没事搜这个呢)
先让大家看看成品截图吧
HBuilder mui视频类app
HBuilder mui视频类app
HBuilder mui视频类app
页面凑活着应该能看,本人不是专业的前端,样式就不用吐槽了

如果是为了找视频播放器的人,这文章不能说是找对了,只能说是不会让你失望
开发过程中视频播放问题阻碍了我好久,于是我从mui文档里给的videoplayer开始一一尝试,videoplayer这个原生播放器挺好用,哪哪都好,手势滑动、事件监听都很全,但是M3U8格式播放极慢极慢极慢极慢极慢极慢极慢极慢,
我再三确认了不是视频资源的问题,于是我抛弃了它,
在网上找了各种播放器有两个合适的,第一个是DPlayer,事件监听凑活够用,但因为它并不是那么适合App内使用(不支持手势动作,但是我尝试后利用mui的手势滑动事件去改造它,后来只能说是凑乎能用吧),如果只是需要播放视频而已的话DPlayer那就足够了,后来我又找到一篇博客是mui手写的视频播放器,down了demo之后我仔细查看了源码虽然.js文件改成了html5video但是看代码应该是用video.js二开的(我用了之后->“真香”),形容词不说了,反正最后我是用了它
https://blog.csdn.net/weixin_41722928/article/details/87934602
这是写播放器demo的文章,里面的资源需要浏览器开兼容模式才能下载(我也是后来才发现的)

关于这个demo我后来也有做修改(毕竟人各有不同)
评论是个好东西