專題到底怎麼了

2018 年 7 月 27 日

我本來想講暑修和程式比賽的事,可是當我看了之前的貼文之後,才發現我之前預告要講專題的進度。 那就只好來說明專題進度了

我其實這個學期都沒做什麽專題,因為作業都做不完,沒有心情研究專題。 直到 5 月底的時候,我才開始做網頁錄音機,而網頁錄音機只是專題的一小部份

我還有和學長討論專題如何做,那個學長剛好之前做專題也是做音樂,於是就聊起來了。 他就是 @xx… 對了,這裡不是 Facebook,不能標記學長~~

我告訴他,我想做的是

  1. 網頁錄音機
  2. 偵測音高的程式
  3. 利用偵測到的音高來調音
  4. 改變聲音的長度,用來對拍

然後他就說:這個專題聽起來很浩大,可能有限時間(兩個學期)內做不出來

我想了好久,我開始慌了。 喔等等,這是「童話」的歌詞,可是這就是我當時的感受。 我很努力的狡辯,結果還是被學長說中,一個學期下來,我只做出網頁錄音機,加上波形和頻譜顯示器。 還不要說我只是把網路上找到的線上錄音機拿去「複製貼上」而已

在學期末的時候做出來的錄音機,功能也不齊全。 它只能錄一個聲音,如果錄第二個聲音,就會把上一個覆蓋掉。 在開發的過程中,我還誤以為 Firefox 不支援錄音,結果把 Firefox 重開之後,它就能錄音了。 原來是 Firefox 的 bug

暑假的時候,我才做出一個像樣的程式,可以儲存多段錄音,並且可以刪除。 我是利用 IndexedDB 這個網頁 API 來做到的。 IndexedDB 是一種給網頁用的簡易資料庫,可以用名稱取資料,這正符合我的需求,也就是用檔案名稱取檔案

這裡試玩一下吧! 我的學弟有用這個程式錄音唷~~

注意:本網頁僅支援 Chrome 和 Firefox,Android 也可用。 建議使用 Firefox。 目前不支援 Edge、Safari 和 iOS,我仍在處理中; IE 太爛了,我無法支援它; 至於 Opera,我沒有測試,如果有人用的話,請告訴我結果

來寫個評論吧