![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZoGvu_SAag0DvcDlSFWRJ3pbE9UDSVM_W-hH30JpDIFWsCzo-X4ZFThQ7xmcseZOaseLXDrOKzq89ejejsSJLV1fizMnXbDJnQrh5TDMo43oQpMefahWYA-OmqLumh8sWOlu/s640/20191220_src_01.jpg)
最近發現一個不錯的教學網站designcode.io,有許多免費課程,有中文字幕而且還可以免費下載影片回家,很適合像我這種懶的再上網站登入找影片的人,不過有個小缺點,他的字幕檔是採用WEBVTT,所以要想辦法連同字幕一起下載,好在方法並不難!~
做法很簡單,首先先撥放影片,別忘了要切換到繁體中文字幕,接著打開開發者工具(這邊以CHROME為例)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBo7ZIOlwU3wsJ9eApCfrMZQZeHSuacaRMT-FnZYHU9ojzI4fbbLmFlC7eB5QFw0mu3Yw3ktlhyphenhyphenhCqJSytwhQoBsZmFgd2t5avjVbV-L_6V3g_RiJSiO3gynXzoohGrSIFJkTO/s1600/20191220_src_02.png)
再切換到Network頁籤,就會先看到一堆檔案讀取情況與路徑,如果沒有的話記得重整讓他再跑一次就會出現
找一下vtt檔,找到後點選他,右邊多一個都是亂碼的視窗,有些網站也許不一定會弄成vtt檔,找不到的話就每個都點一點找一下吧
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX71I75AwXBQiwevEbODxlRx__IRd7989to8Ef4tSrrSHq_KBXJZLhJKTeRUfgQjbhyphenhyphenwSYbFca7R0aTJIKb7Jougp7FruIHPHZdDiMY2_NEf4NqeEI5WG_z_HVfHXV5vjt0kKr/s1600/20191220_src_03.png)
複製那一團亂碼
打開base64decode網站來進行轉碼
將那一整串亂碼貼上後點,點選<DECODE>後,下方就會出現正常內容啦
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHhjphUzvp8pgO9BDLpK7hJzVXCv-Omv3R__cG54prZvAvbvxDDq_WrKO0epfvi1FnmeuzyLeRm2WIazqzbf_w_2Bnpmbfl-WdU7wFBT-JArIXMeNHo4_9xKX4PI4YE7eG0sGP/s1600/20191220_src_04.jpg)
再把這邊字幕內容複製起來存檔成存為srt檔,記得檔名要與影片檔取一樣的
最後字幕檔與影片檔放在一起,在用支援字幕檔的播放軟體打開影片,就可以看到字幕已經正常讀入啦!~
有試過其它網站,方法大同小異都可以成功!~有興趣的話再自己試試嚕!~
0 意見:
張貼留言