360 AI音箱H5开发实践
“360 AI音箱”即将发布,移动应用也在紧张有序地开发中。本文将介绍“360 AI音箱”移动应用H5部分的实践,主要包括:
- 项目环境搭建
- 与Native交互
- 自定义中文字体
- 表单输入
- Docker部署
360 AI音箱应用H5部分简介
应用主要分4大版块:
- 内容:音箱可以播放的音乐、故事、有声书等等
- 技能:运营预配置的音箱指令
- 场景:用户自定义的音箱指令
- 我的:用户的智能设备、账号等
其中,“技能”和“场景”版块由H5制作。如下图所示,技能部分主要包括运营后端预配置的指令列表和详情两个页面。
注意:本文图片为“360 AI音箱”版权所有。另外,因为是设计稿截图,应用实际发布后的外观可能会有所不同。