> 比如开发一个功能,当服务端后台用户对用户发放奖励后,客户端会实时收到一个语音奖励提示
> 要点:保持客户端的后台运行或者锁屏状态,定时读取服务端的提示接口
> 本人采用别人提供第三方插件,可自行修改[https://ext.dcloud.net.cn/plugin?id=182](https://ext.dcloud.net.cn/plugin?id=182)
* [申请百度合成接口](https://www.kancloud.cn/wangking/uniapp/1924836#_6)
* [修改QS-baiduyy.js里对应的API Key和secret](https://www.kancloud.cn/wangking/uniapp/1924836#QSbaiduyyjsAPI_Keysecret_9)
* [客户端调用](https://www.kancloud.cn/wangking/uniapp/1924836#_12)
## 申请百度合成接口
> 地址:[https://ai.baidu.com/tech/speech/tts\_online](https://ai.baidu.com/tech/speech/tts_online)
## 修改QS-baiduyy.js里对应的API Key和secret
> 将插件下载后,自行修改QS-baiduyy.js的对应代码
## 客户端调用
~~~
<template>
<view class="content">
<button type="primary" @tap="openVoice()">播放语音</button>
<button type="primary" style="margin-top: 10px;" @tap="getAudioObject()">获取音频对象播放</button>
</view>
</template>
<script>
import Voice from '@/QS-baiduyy/QS-baiduyy.js';
export default {
methods: {
openVoice() {
console.log('准备播报语音');
Voice('祝生活愉快, 万事顺利!');
},
async getAudioObject() {
console.log('准备获取音频对象')
const audio = await Voice({
voiceSet: {
tex: '返回了音频对象'
},
returnAudio: true
})
console.log('获取音频对象')
audio.onPlay(()=>{
console.log('音频开始播放了')
})
audio.play();
}
}
}
</script>
~~~
- 基础知识
- UNI核心介绍
- flex布局
- 生命周期
- 全局方法
- 组件定义
- 自定义组件
- 全局组件
- 组件之间的数据传输
- 条件编译
- 自定义头部
- 节点信息 (SelectorQuery)
- vuejs基础语法
- 页面跳转以及参数传递
- 事件的监听注册以及触发
- css3动画
- block的妙用
- mixin (混入)
- uniapp快捷键
- vuex状态管理
- 实用功能
- 获取服务提供商
- 启动页 / 启动界面
- 引导页
- tabbar配置
- 头部导航栏基础设置
- 上拉下拉(刷新/加载)
- 第三方登录
- 第三方分享
- 推送通知 之 unipush
- scroll-view双联动
- 配置iOS通用链接(Universal Links)
- 本地缓存操作
- 升级/更新方案
- 热更新
- 图片上传
- 搜索页实现
- canvas绘图助手
- 地图定位
- 第三方支付————todo
- 分类轮播
- 清除应用缓存
- uniapp与webview的实时通讯
- 视频-----todo
- 聊天----todo
- 长列表swiper左右切换
- 第三方插件
- uview
- mescroll
- uCharts (图表)
- 无名 (更新插件)
- 第三方模版
- 自定义基座
- 打包发行
- 要封装的方法
- 缓存 cache.js
- 请求接口 request.js
- 工具类 util.js
- 小程序登录 xcxLogin.js
- 版本更新 update.js
- 优质插件
- 更新插件----todo
- 语音
- 语音识别 (含上传)
- 百度语音合成播报接口
- 官方常用组建
- input 输入框
- image 图片
- audio 音频
- picker 选择器
- video 视频
- scroll-view 滚动视图
- uni-app 地图全解析+事件监听