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

h5网页制作上传文件

发布时间: 2023-06-12 10:04:13

① 如何将音频文件添加到H5页面

您好,可以打开epub360编辑器,在上方工具栏找到音频选项,点击后上传mp3格式 音频就可以了,噢,差点忘记说了,epub360 H5是一款专业的H5工具,可视化的编辑器,有很多丰富的组件,专业功能使用,负责的客服帮助解答,希望可以帮到楼主。

② h5如何制作

H5是html5的缩写,是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修来改。
制作H5页面的方法:
1、首先在电脑中安装H5的制作软件,以WPS为例,点击打开WPS H5软件。

2、进入H5的制作页面后可以自选择一种模板作为制作的基础样式。

3、点击需要的模板后点击其右侧的“立即使用”按钮。

4、点击后即可进入编辑页面,可以点击上方工具栏中的“文本、形状、图片、表单、背景”选项。

5、还可以设置“互动、音乐、图表、动画”的相关选项。

6、设置制作完毕后可以点击右上角的“预览/发布”按钮进行保存及发布。

③ 调研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
第三方如声网

④ 怎么将音乐弄成音频文件然后上传到H5

建议你这样试试看:

  1. 将音乐处理成 mp3 格式文件,如果已经是mp3格式则不需要处理;
  2. 打开意派Epub360 H5编辑器,点击背景音乐图标可以直接上传;

  3. 点击编辑器左上角预览,试试,背景音乐一般是默认自动播放的。

这样做的好处:快速添加h5背景音乐

注意事项:使用意派Epub360编辑时尽量使用谷歌浏览器。