0%

23 - Speech Synthesis

主題

使用SpeechSynthesisUtterancespeechSynthesis來使文字轉語音。

上次有做過語音轉文字的練習[[20 - Speech Detection]],
這次則是要使用文字轉語音,透過介面中的輸入欄位來轉語音播放,
並可透過設定好的控制條來變更語音速率/音準。

Read more »

22 - Follow Along Link Highlighter

主題

透過getBoundingClientRect與CSS的transform來達到HightLight樣式會跟著指定位置移動的效果。

步驟

Step1. 取得頁面元素

1
2
3
4
5
6
7
// 取得HTML中所有的a元素
const triggers = document.querySelectorAll('a');
// 建立一個span來放置highlight效果
const highlight = document.createElement('span');
highlight.classList.add('highlight');
// 將建立的span加到頁面中
document.body.append(highlight);
Read more »

結果好好的休息了好一陣子,一整年過去了,在跨年的時候終於沒有兩年前那種不知道人生方向的感覺,整個心裡踏實了好多,知道自己要的是什麼,也在寫年度review的時候發現自己真的變得更不一樣,好好回顧自己一整年的每一天在幹嘛,也回去看了看去年自己寫的年度reveiw,那時候自己覺得自己寫的很好,但現在回去看感覺就像一個菜鳥一樣。

這一整年下來得到了很多人的讚美,也慢慢調整自己的心情,以前常常對自己生氣,覺得為什麼我會做錯事情,但現在好好想想之後發現,可能是我自己真的不過好,真心建議大家有空可以找一年來寫寫看一整年都做了什麼事情。

每一次都會發現自己變得不一樣的地方,給自己一點期許,盡力去完成,就算最後沒有完成了,有設定目標的人,也會比沒有設定目標的人走得更前面。

Read more »

這次串接了google的語音辨識功能
還在上面額外判斷說話的人是講中文還英文
等有時間再去研究看看sourer code是譖麼做到的吧
畢竟是一個喜歡自己造輪子的人~~

不知不覺今年也又要過完了

仔細回想了一下

Read more »

這篇大概是花最多時間做的一篇作品,
把他沒有做的功能都自己延伸出來,
沒想到可以這麼廢寢忘食,
從一開始最簡單的色塊,變成圖像位移,

Read more »

提前去體驗了聖誕節,
上一次去那裡好像是五年前了吧。

好像找回了單純青澀的那種感覺,
但有些事情好像會一輩子貼在身上,
不知從什麼時候開始,總是會想著自己不夠好
總是覺得一輩子的努力也甩不掉身上的標籤

Read more »

又過了一週,
冬天好像來了,原本應該懶散,但好像有什麼驅使著我行動,
慢慢地好像都走上了軌道,
吃了火鍋,打了場球,暖了胃,腎上腺素,讓人瘋狂了點。

Read more »

恭喜又長大了,長大是日期,還是心靈。
好像經歷過什麼,就會想要有些改變,嘗試著用不同的方式與人相處交心,
一眼瞬間,一抹笑,一個肩膀,一雙手,一個突如其來的擁抱,
好久沒有去看球賽了,原本在出門前還想發現時動態說,
會不會這一輩子都只有自己一個人在看比賽,
但有些事情好像想著想著就會實現,所以想想還是享受過程就好。

Read more »

喧鬧、狂歡、輕聲細語、回神早已散場,值得紀錄的一天。

嘿、聲音、呼吸、寧靜,忘了交談了什麼,但笑著入眠。

Read more »

這篇覺得超推薦的,對於需要copy object, 還有assign variable在memory的位子
可以有很明確的瞭解。

雖然早就看完了這篇,但一直遲遲沒有更新心得文,
因為在工作上發生了點不愉快,

Read more »