当前位置:首页 » 文件传输 » h5大文件上传
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

h5大文件上传

发布时间: 2023-06-06 00:37:48

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端页面冲突。