問(wèn)題一:
有需求在上傳視頻時(shí)最好能得到個(gè)封面,在開發(fā)工具中使用choosevideo 選視頻的回調(diào)中,有thumbTempFilePath,貌似可以做封面,結(jié)果TMD真機(jī)沒(méi)有,好吧,沒(méi)有就另想辦法。
辦法一:如果靜態(tài)資源是在七?;蛘甙⒗镌粕?,都會(huì)有視頻截幀的方法。
ps: ios 上通過(guò)攝像頭豎屏拍攝的視頻上傳到阿里云后,出現(xiàn)截圖方向反轉(zhuǎn) 90deg 的問(wèn)題,(由于沒(méi)有買阿里云視頻點(diǎn)播的功能,而oss圖片截幀參數(shù)太弱了),處理辦法是在IOS 上區(qū)分 調(diào)用拍攝和從相冊(cè)選擇(用showActionSheet模擬),在拍攝上傳上寫個(gè)參數(shù)如isCamare,然后在顯示時(shí),把阿里云獲取的視頻截幀賦值到image上,然后對(duì)image 進(jìn)行 transform: rotate(90deg);
問(wèn)題二:
ios? 有時(shí)video? 設(shè)置 autoplay屬性,但是視頻打不開,黑屏或者打開只有一個(gè)圖片,視頻的控件(播放按鈕、進(jìn)度條、時(shí)長(zhǎng))都出不來(lái)
辦法: 聲明wx.createVideoContext('videoId')后,手動(dòng)調(diào)用 play 方法,即可
問(wèn)題三:?
當(dāng)時(shí)頁(yè)面有一些固定定位,而video、textarea 等小程序原生組件,層級(jí)最高,更改不了z-index,導(dǎo)致滾動(dòng)頁(yè)面會(huì)覆蓋定位元素。
辦法:初始頁(yè)面時(shí),只顯示視頻封面(圖片)+ 一個(gè)播放按鈕icon,在用戶點(diǎn)擊播放時(shí),顯示視頻,且用一個(gè)很高層級(jí)的半透明遮罩把定位元素蓋住,在播放視頻時(shí),滾動(dòng)頁(yè)面先暫停視頻再隱藏視頻(不然即使隱藏還是會(huì)有聲音),這樣在播放視頻時(shí)就不會(huì)影響頁(yè)面其他元素。