#创作者激励##深入浅出学习eTs#(二十二)天气语音预报 原创 精华
【本文正在参加2023年第一期优质创作者激励计划】
本项目Gitee仓地址:深入浅出eTs学习: 带大家深入浅出学习eTs (gitee.com)
一、需求分析
本章节我们基于上节课的内容(HTTP协议),在上节课的基础上进行延伸,方便我们去理解协议,以及引入在线语音播报的功能实现以下功能:
- 文字输入城市
- 获取城市的天气状况
- 语音播放天气情况
- 图标更换
二、控件介绍
(1)Video
用于播放视频文件并控制其播放状态的组件。
说明:
该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
权限列表
使用网络视频时,需要申请权限ohos.permission.INTERNET。具体申请方式请参考权限申请声明。
子组件
接口
Video(value: {src?: string | Resource, currentProgressRate?: number | string | PlaybackSpeed, previewUri?: string | PixelMap | Resource, controller?: VideoController})
参数:
参数名 | 参数类型 | 必填 | 参数描述 |
---|---|---|---|
src | string | Resource | 否 | 视频播放源的路径,支持本地视频路径和网络路径。 支持在resources下面的video或rawfile文件夹里放置媒体资源。 支持dataability://的路径前缀,用于访问通过Data Ability提供的视频路径,具体路径信息详见DataAbility说明。 说明: 视频支持的格式是:mp4、mkv、webm、TS。 |
currentProgressRate | number | string | PlaybackSpeed8+ | 否 | 视频播放倍速。 说明: number取值仅支持:0.75,1.0,1.25,1.75,2.0。 默认值:1.0 | PlaybackSpeed.Speed_Forward_1_00_X |
previewUri | string | PixelMap8+ | Resource | 否 | 视频未播放时的预览图片路径。 |
controller | VideoController | 否 | 设置视频控制器。 |
三、协议介绍
(1)天气API
和上一期一样,本系统依然是使用HTTP来实现的,这里使用了天气API来实现,通过输入地区即可获得很多天气数据
1.数据分析
未处理的数据如上,经过json分析后得到下图
在这个基础上使用上节课的内容对文本进行拆分,比如我们要获得当前温度
- “tem”: “6”,
其数据是这样的,我们观察前面和后面"tem":“6”,“tem1”:“13”,使用掐头去尾法可以得到当前温度6℃
2.数据概括
本次不打算全部显示,这里挑选几个进行展示
- 当前温度
- 当前天气
- 当日温度区间
- 温馨小提示
(2)语音转文字API
这里选择使用搜狗的语音转文字API,url如下
-
text 要转换的文本
-
speed 语速 1~?(我测试到15都还可以) 越大,语速越慢
-
lan 语言类型 lan=en 英文 lan = zh-CHS 中文
-
from 哪种方式请求的
-
speaker 语音类型 1-6的数字
四、UI设计
(1)天气图标
寻找资源如上,但本次内容只选择云、雨、晴三个经典天气来分析,将三个图标放入目录下
使用image控件进行生成
(2)输入框
同上期内容
(3)按钮和显示框
(4)Vedio设计
在这里我们选择取巧的方式,使用vedio播放网络视频,只需要隐藏控制按钮,同时将控件的宽度和高度设置为1即可
音频试听:https://tts.youdao.com/fanyivoice?word=一键三连&le=zh&keyfrom=speaker-target
大家复制上面的url放进浏览器里面可用听到
五、代码设计
(1)HTTPS获得数据部分
我这里将我注册的API放上来了,key部分隐藏了,不能直接使用,大家去天气API那里申请个帐号就行,免费使用2000次
(2)数据拆分
该部分将返回的内容进行拆分为五个单元
(3)音频播放部分
将****部分替换成想播报的内容就行
六、演示
注意:音频部分我尝试了模拟器和远程真机都不行,声音没法传递过来,但是实际效果是有的,这个我之前做过真机
这里选择使用上海和安阳进行演示(任意城市都可以)
那个image,天气图标怎么实现动态切换?
这部分我没写,在数据处理那里,检测天气的部分出现的中文字,有云/雨/晴就切换路径,关于图片的动态切换,你可以看我之前的,里面有,也是通过变量实现的
OK,解决了
常出差的人会经常用到的APP
厉害 这么快就复现了