① 如何将音频文件添加到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
建议你这样试试看:
- 将音乐处理成 mp3 格式文件,如果已经是mp3格式则不需要处理;
打开意派Epub360 H5编辑器,点击背景音乐图标可以直接上传;
点击编辑器左上角预览,试试,背景音乐一般是默认自动播放的。
这样做的好处:快速添加h5背景音乐
注意事项:使用意派Epub360编辑时尽量使用谷歌浏览器。