最近在做一個視頻播放的功能,要求如下:
1、實現視頻的全屏播放;
2、實現視頻相關信息的展示;
3、實現視頻滑動上下切換效果;
肯定選擇用原生組件video了,真是不用不知道,一用都是坑;
首先,組件的層級最高;編譯器和真機呈現的效果完全不一樣;
其次,相關需求要求很高,有些效果很難實現;
最后,組件真是太坑了,如有另一種選擇,肯定不用它;
解決方案:
幸好微信提供了可以覆蓋在原生組件的組件cover-view,這樣能解決視頻信息在組件表層的顯示;
但是,cover-view又沒有提供滑動事件,根本沒法監聽滑動事件;各種嘗試后,選擇了視頻層級上裹一層canvas,可以發揮自己的能力去處理滑動監聽了;
還有一個問題就是全屏播放問題,現在微信提供全局的頂部欄的自定義配置。但自定義配置實在是耗神費力,需要所有頁面都自定義頂部欄;就暫時放棄了,顯示的全屏;
幸好,下一個版本的微信將提供,單個頁面的全屏配置;
好了,今天就先分享到這了,踩坑 填坑,真是一份吃力不討好的過程;以后再貼git源碼了,,,