一行代碼純前端播放文本內容

原創 无名前端小白 2020-06-08 21:49

 

window.speechSynthesis.speak(new window.SpeechSynthesisUtterance('你好，世界！'))

* 可以複製到控制檯試聽效果

更多資料請見:

https://www.zhangxinxu.com/wordpress/2017/01/html5-speech-recognition-synthesis-api/

https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/SpeechSynthesisUtterance

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

十二 手遊開發神器 cocos2d-x editor 之遊戲暫停懸浮層

進入遊戲主場景，遊戲需要臨時暫停、重新選關、重新玩等等，所以玩家點擊暫停按鈕，彈出一個選擇懸浮層，這一節我們來實現； 效果如下： 點擊右上角遊戲暫停； 返回回到開始界面； 代碼下載：http://www.kuaipan.cn

touchsnow 2020-07-08 03:50:54

用Ajax 提交表單數據 serialize() 並且校驗數據

表單提交數據 表單提交數據有集中方式,比如說下面的表單: <form class="container"> <div class="row"> <div class="col-25"><

Abudula__ 2020-07-07 20:48:16

closure 閉包

以下是學習筆記,來自阮一峯筆記 閉包是Javascript的一個難點，很多面試官都會問。。。 爲了理解閉包必須先理解變量的作用域 一：變量的作用域 大體的分兩類 全局變量 局部變量 Javascript 這個語言的比較特殊的一點

Abudula__ 2020-07-07 20:48:16

javascript4種方法實現繼承

有幾種實現繼承的方式，以下給予總結. 1.打通原型鏈 function Person(name,age){ this.name=name; } Person.prototype.sayName=function(){ con

Abudula__ 2020-07-07 20:48:16

v8::StringObject的內存佈局

使用該內存佈局來查看內存數據，編譯器watch中看不到這樣的對象 特別需要說明的是length字段，它是一個smi對象，注意不是對象指針，而是對象，該類在objects.h中定義，對於32bit系統，它的最低位必須是0，也就是說它的取值

sunbxonline 2020-07-07 17:38:42

js判斷兩個日期是否相等

在js編程中，一定會遇到過這樣的情況，有兩個日期對象，然後需要判斷他們是否相等，下面我們來說說判斷的方法： 例如： var date1 = new Date("2020-06-06"); var date2 = new Date("2

soosgo 2020-07-07 17:29:52

v8::internal::Utf16CharaterStream類

Ecma-262中規定要求使用utf16來分析javascript，如上的一系列類就是把源數據作爲一個流輸入。基類Utf16CharacterStream提供基本的advance和pushback，seekforward方法， Buff

sunbxonline 2020-07-07 16:42:06

v8的初始化

isolate.cc中定義的 struct StaticInitializer {   StaticInitializer() {     Isolate::EnsureDefaultIsolate();   } } static_ini

sunbxonline 2020-07-07 16:42:06

FindBugs 規則整理：Style & Dodgy

  DLS_DEAD_LOCAL_STORE 翻譯 Dead store to .. in ... This instruction assigns a value to a local variable, but the value

小小土豆爱吃鱼 2020-07-08 09:37:44

VS Code配置Go語言開發環境

VS Code是微軟開源的一款編輯器，插件系統十分的豐富。本文就介紹瞭如何使用VS Code搭建Go語言開發環境。 VS Code配置Go語言開發環境 說在前面的話，Go語言是採用UTF8編碼的，理論上使用任何文本編輯器都能做Go語言開發

小小土豆爱吃鱼 2020-07-08 09:37:44

OpenGL3.2-新的起點

 希望OGL3.2成爲OGL的新起點(也希望是我的新起點)。 OGL3.2開始準備取消Begin/End、Color、Material，甚至包括Vertex等命名的頂點屬性，代之以VertexAttrib[n]的無名頂點屬性；準備取消Ma

抬头看路 2020-07-08 04:10:33

springcloud bus 消息通知 DRUID數據源無法刷新問題

昨天覆習springcloud項目開發的時候,在集合springcloud config和springcloud bus 是遇到一個問題: "使用了DRUID數據驅動"  配置文件提交到了git倉庫 也通過post請求通知註冊在eurek

wwm_帅 2020-07-07 23:49:29

獲取友盟渠道號

//獲取代碼中的渠道號 AnalyticsConfig.getChannel(context);   //獲取清單文件中渠道號     /** * 獲取友盟渠道名 * @param context 此處習慣性的設置爲activity，實際

介亭 2020-07-07 10:52:20

使用CoordinatorLayout+AppBarLayout+NestedScrollView懸浮停靠 再使用SmartSwipeRefresh下拉刷新造成滑動衝突

問題 ： 使用CoordinatorLayout+AppBarLayout+NestedScrollView懸浮停靠 再使用SmartSwipeRefresh下拉刷新造成滑動衝突（拉到任何位置都能刷新） 解決方案： 監聽AppBa

介亭 2020-07-07 10:52:20

百度地圖 libBaiduMapSDK_base_v4_2_1.so" is 32-bit instead of 64-bit錯誤

百度地圖 libBaiduMapSDK_base_v4_2_1.so" is 32-bit instead of 64-bit錯誤 有的手機默認支持64位，啓動的時候會嘗試加載64位的so。不過包卻不一定對64位做出支持。當系統無法加

介亭 2020-07-07 10:52:20