h5自定义相机界面_H5DS简单又强大的H5编辑器

8f1952e9951ff6cea627a10d4bb52f3a.png

工具简介:

H5DS (HTML5 Design software) 这是一款基于 WEB 的 HTML5 制作工具的。让不会写代码的人也能轻松快速上手编写HTML5页面。灵活的内核可快速改造成各种可视化制作工具(基于该内核,可以做BI工具,建站工具,图形设计工具,在线PPT工具等一系列工具),H5DS提供了丰富的插件扩展接口,让插件可自由快速扩展和动态加载,同时也支持API接入,无缝接入到任何第三方平台。

V6版本发布于2020.07.01,界面如下:

http://www.h5ds.com/apps?appId=20e2d0926f314b4c81a3db697497da8d (二维码自动识别)

产品特色:

一、动画时间轴

ea36223ef6847bcffedd3bb996a63cc7.png

动画时间轴用于编辑动画的状态,可以拖动游标滑动到指定的时间刻度,查看该时间刻度下的动画状态。每一行代表一个图层,每条色带代表动画效果,紫色代表进入动画,蓝色代表强调动画,黄色代表离开动画。可以拖动色带设置动画的延迟时间,也可以拖动色带两端的小点设置动画执行的时长。还可以配合时间轴截图哟!

知乎视频​www.zhihu.com

二、批量的操作

编辑器提供了一些批量操作的快捷方式,可以协助快速的制作H5,比如批量排版,批量设置动画等

ea0f7e2cfcedcaef736ff406de563df8.png
知乎视频​www.zhihu.com

三、脚本功能

编辑器支持自定义脚本功能,除了一些特殊的方法不能使用之外,基本上大部分功能都可以使用,自定义脚本可以直接操作页面的数据,该功能可以实现复杂的业务逻辑。

e852ccadf90c4eb3e7ce2e383a94d513.png
知乎视频​www.zhihu.com

四、在线录音

除了可以上传自己的音频之外,还支持在线录制一段声音然后插入到H5中,比如自己录制一段说话然后插入到页面中。

eb095c94692ac1ffb8ec0ec46f687c22.png
知乎视频​www.zhihu.com

五、文字转语音

编辑器还支持文字转化语音功能,输入一段文字会自动转化成语音,有40多种语音可转化

cbf4b0a7054b07b2e132f9bb6756f9dc.png

六、吸附定位

吸附定位是H5DS提出的一种特殊的定位方式,用于兼容不同屏幕尺寸的手机,吸附定位顾名思义,就是吸附到对应的坐标的定位方式。

1672222e491061d3ca44332d2a1da6d0.png

六边形开启外框吸附之前:

2bb30abbfc3a7b46ea69bdc3ad5161ad.png

df929955091e956981dbb9a5f7ad2976.png

开启外框吸附之后:

f181c408007b6c0069a9bac791fa8370.png

096c4f961243e1d9acc8ba0111d04da8.png

可以看到开启之后六边形定位方式变成了以可视区为准。比如我们在做底部导航的时候可以用吸附定位定位到最底部。

七、双色主题

白色主题:

dfd585cd0c9b94f953e8accdc974cc9e.png

黑色主题:

2846f7c07f3fa670afe7bcb1ecee0341.png

八、专属UI库

为了方便第三方开发者快速制作插件,我们开发了一套针对编辑器的UI库。地址:https://ui.h5ds.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值