java/js中語音提醒功能的實現
類似的介面還有很多,大家多多去發現吧。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>語音test</title> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> function sound(str){ var obj=document.createElement("embed"); obj.style.width=0; obj.style.height=0; obj.src="http://tsn.baidu.com/text2audio?lan=zh&cuid=80-9B-20-57-81-D4&ctp=1&vol=9&tok=24.c76ae180d333a2697d3d7b6ea74ddc1f.2592000.1494832440.282335-5861601&tex="+str; obj.loop=0; document.body.appendChild(obj); } $(function(){ sound("語音測試!"); $("#btn").click(function(){ sound($("#tt").val()); }); }); </script> </head> <body> <h1>語音測試</h1> <input id="tt" value="這是測試的內容"/> <button id="btn">播放文字內容</button> </body> </html>
如有錯誤,請耐心指正,謝謝!
相關推薦
java/js中語音提醒功能的實現
我們在java開發中,經常遇到實現語音提示的功能。目前市場上有許多成熟的語音提示的產品,並提供介面供使用者使用。所以我們沒有必要費心去書寫功能程式碼,只需要呼叫介面即可。需要注意的是,很多介面
iOS中 語音識別功能/語音轉文字教程具體解釋 韓俊強的博客
rdd tex forkey dex errortype map pin ins prop 原文地址:http://blog.csdn.net/qq_31810357/article/details/51111702前言:近期研究了一下語音識別,從百度語音識別到訊飛語音
Java集合中的接口實現與繼承
target tcollect 實現類 strac ads 區分 pst 認識 很多 很多人都對接口以及抽象實現類認識混亂 ,註意區分實現接口與繼承的區別,圖中深色為接口,淺色為實現類,extend為繼承,implements為接口實現 List與Set接口繼承自Co
【Java】String類擴充套件功能實現
//String類擴充套件功能實現 public class Strings{ /** * 重複某個字元 * * 例如: * 'a' 5 => "aaaaa" * 'a' -1 => "" *
vue.js 中的{{資料}}可以實現字串操作麼?
<div id="demo" v-html="ProContent | replace"> </div> <script> Vue.filter('replace', function (input) { return inp
利用Js中的定時器實現圖片的淡入淡出
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &
java網頁版加好友功能實現思路
剛畢業出來工作,感覺像條鹹魚。。。,閒來無事就寫了個基於SSM的線上影院的專案,想加個類似網頁版QQ的功能,包括加好友及聊天。一直不知道存放好友的資料表(t_friend)該怎麼設計?按傳統的設計思路把資料表設計成一列表示使用者名稱(userName),一列表示
Android端IM應用中的@人功能實現:仿微博、QQ、微信,零入侵、高可擴充套件
本文由“貓爸iYao”原創分享,感謝作者。 1、引言 最近有個需求:評論@人(沒錯,就是IM聊天或者微博APP裡的@人功能),就像下圖這樣: ▲ 微信群聊介面裡的@人功能 ▲ QQ群聊介面裡的@人功能 網上已經有一些文章分享了類似功能實現邏輯,但是幾乎都是
node.js中通過stream模組實現自定義流
有些時候我們需要自定義一些流,來操作特殊物件,node.js中為我們提供了一些基本流類。 我們新建立的流類需要繼承四個基本流類之一(stream.Writeable,stream.Readable,stream.Duplex,stream.Transform),並確保呼叫了父類建構函式。
vue.js中使用swiper外掛實現圖片輪播
第一步:安裝swiper:npm install [email protected] --save-dev 完成之後,你會在專案的node_modules資料夾中多一個swiper資料夾。 第二步:引用元件 import Swiper from 'swiper
JAVA/JS中中文編碼轉換
一、JAVA中,使用UTF-8進行編碼 和 使用UTF-8的UrlEncode編碼結果不同 UTF-8“君山”:君山 UTF-8/UrlEncode“君山”:%e5%90%9b%e5%b1%b1 String s = "君山";
Java 類中的繼承、實現、依賴、關聯、聚合、組合
繼承(又稱泛化) 指的是一個類(稱為子類、子介面)繼承另外的一個類(稱為父類、父介面)的功能,並可以增加它自己的新功能的能力,繼承是類與類或者介面與介面之間 最常見的關係;在Java中此類關係通過關鍵字extends明確標識,在設計時一般沒有爭議性; 實現 指的是一
bootloader中使用2C功能實現
包含需要修改及用到得子函式內容 //在 lk/platform/msm8226/include/platform/aboot.h 中新增 判斷 判斷pad與pad連結得引腳定義 #define P03_PLUG_IN
java web開發_購物車功能實現
之前沒有接觸過購物車的東東,也不知道購物車應該怎麼做,所以在查詢了很多資料,總結一下購物車的功能實現。 查詢的資料,找到三種方法: 1.用cookie實現購物車; 2.用session實現購物車; 3.用cookie和資料庫(購物車資訊持久化)實現購物車; ==
js中的閉包實現自增
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><meta http-equiv="
Java併發中原子操作的實現
處理器實現原子操作 如果多個處理器同時對共享變數進行讀改寫(i++就是經典的讀改寫操作)操作,那麼共享變數就會被多個處理器同時進行操作,這樣讀改寫操作就不是原子的,所以要保證操作是原子性,則必須保證同一時刻只有一個處理器訪問共享變數的記憶體地址。 使用匯流
JAVA ftp連接池功能實現
java ftp ble bin sdi try ice remote access xxx 抽象類: package com.echo.store; import java.util.Enumeration; import java.util.Hashtab
js中onchange()的使用,實現功能,選擇哪一張圖片,顯示哪一張
pla option type oct 圖片 script www () height 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x
JAVA中EXLS導出功能實現 - 代碼
vertica tco cati center ali 基於 getpara void ++ JAVA中EXLS導出功能實現 - 代碼: 基於SSH框架下的exls導出 public void exportExl() throws Exception{
Vue-cli中使用vConsole,以及設定JS連續點選控制vConsole按鈕顯隱功能實現
一、vue-cli腳手架中搭建的專案引入vConsole除錯 1.首先npm安裝,大家都懂的。 npm install vconsole 2.在合適的地方新建一個檔案vconsole.js,內容如下: import Vconsole from 'vconsole' let vConso