> 比如開發一個功能,當服務端后臺用戶對用戶發放獎勵后,客戶端會實時收到一個語音獎勵提示
> 要點:保持客戶端的后臺運行或者鎖屏狀態,定時讀取服務端的提示接口
> 本人采用別人提供第三方插件,可自行修改 https://ext.dcloud.net.cn/plugin?id=182
[TOC]
## 申請百度合成接口
> 地址: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 滾動視圖