1. 調研H5網頁上傳視頻文件
一、input
傳統上傳音視頻文件的方法
優點：兼容性較好，幾乎所有瀏覽器，所有機型都支持。
缺點：視頻文件過大，無法壓縮。視頻錄制完成後，一次性傳輸，不能實時傳輸。上傳視頻的瓶頸在於前端到node層傳輸較慢。
考慮，尋找前端壓縮方法。
二、getUserMedia
兼容性很差，iPhone微信不支持，僅僅Safari支持。Android微信支持性還可以。webrtc的視頻清晰度不佳，有可能影響演算法准確率。
三、小程序
小程序中使用自研的人臉識別技術，審核不通過（騰訊就是這么*）
四、微信JSSDK
不支持視頻API（只有音頻和圖片）
考慮，音視頻分離，算了不考慮~~~
目前已使用的幾種場景
1、iPhone微信錄制視頻，可自動壓縮，上傳效果還可以接受，可繼續使用input，
2、Android微信可以考慮getUserMedia實現，
3、APP內嵌的H5頁面使用APP集成的SDK（前提是自己公司的APP，對接方的怕是不會給提供）
4、支付寶環境，目前沒有想到好的辦法。
LC總監給提供的幾個思路，待調研
flash
rtmp
cdn
第三方如聲網
2. uniapp框架下H5上傳文件
背景：
在 uniapp 開發中， uni.chooseImage 選擇文件進行上傳到伺服器。在 app plus 的情況加可以使用 uni.uploadFile 。但是在 H5 的條件下選擇文件的格式為 blob:file:///1234567777 ，沒有辦法使用 uni.uploadFile 。目前可以使用 XMLHttpRequest 上傳。
3. 做H5的時候上傳圖片總因為過大而上傳失敗，怎麼辦
你好 圖片你需要壓縮，搜索一些像tinypng的圖片壓縮工具；同樣的音樂也可以用 QQ影音壓縮。另外給你幾點小意見
推薦的字體（結合主題形式，如果是搞笑和動漫風格的就可以採用藝術詼諧的字體）
默認中文字體 Heiti SC ，中文名稱叫黑體-簡，一般用華文黑體來代替，兩者差異微小；
默認英文字體 Helvetica Neue LT ；
一般情況下用圖片以640X113px進行設計；其他安卓機器前端切圖時可以適當拉伸，變化不會太大就不用每個進行適配。
大家如果有h5定製的需求可以去了解新工式
希望可以幫到你，望採納~
4. h5頁面做好後如何上傳
上傳到自己的網站伺服器上面，最好單獨建立一個目錄，防止和pc端頁面沖突。