點擊小影片顯示大影片
當點擊 小影片
,使用 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,需要些技巧處理。
若要讀寫 local storage,可直接使用 Web API 自帶的 function。
fetch()
is provided by Web API. We can use fetch()
to delete data to RESTful API without any packages.
fetch()
is provided by Web API. We can use fetch()
to patch partial data to RESTful API without any packages.
fetch()
is provided by Web API. We can use fetch()
to put updated data to RESTful API without any packages.
fetch()
is provided by Web API. We can use fetch()
to post new data to RESTful API without any packages.
fetch()
is provided by Web API. We can use fetch()
to get data from RESTful API without any packages.
We don’t have data binding on Web API. We have to use forEach()
to get the checked radio.
Although we can’t read Excel files on Web API directly, we can use the xlsx
package to finish the task.
If we use JSON files as configuration for our Web App, we can use fetch()
or import
to read JSON files in the Browser.
We can upload the file by Web API.
When using fetch()
for REST POST, we can easily prepare Body Object by Web API.