點擊小影片顯示大影片
當點擊 小影片,使用 Vue Router 的 push() 到其他頁面顯示 大影片,需先釋放 <video>,然後再新的頁面直接使用 autoplay 播放即可。
當點擊 小影片,使用 Vue Router 的 push() 到其他頁面顯示 大影片,需先釋放 <video>,然後再新的頁面直接使用 autoplay 播放即可。
透過 Audio API 的 analyser,我們可取得聲音在頻域的平均值,可設定 threshold 判斷是否為 人聲。
Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 WAV 格式檔案,而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface,但可支援 WAV 格式。
Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 PCM 格式檔案,而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface,但可支援 PCM 格式。
Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 PCM 格式檔案,而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface,但可支援 PCM 格式,透過精確控制 start() 的時間,可取得固定 Size 的 Chunk。
Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 WAV 格式檔案,而是 Google 自己的 WebM 格式,必須使用 Web Audio API 的 ScriptProcessor 內自己將 WebM 轉成 WAV,並加上 WAV 的 header,才能夠產生 WAV 格式檔案下載。
Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 WAV 格式檔案,而是 Google 自己的 WebM 格式,必須使用 Web Audio API 的 ScriptProcessor 內自己將 WebM 轉成 PCM,才能夠產生 PCM 格式檔案下載。
若想使用語音與即時翻譯,又不想自架後端主機處理,最簡單的方式就是使用 Web Speech API,借用 Google 所提供的後端主機完成。
若要儲存檔案到本地,必須使用 Blob 搭配一些技巧才能達成。
Local Storage 雖可在瀏覽器端儲存資料,唯都是 String 處理,若要儲存 Boolean,需要些技巧處理。