3月 20, 2020
19 Things
在疫情下學校好多時都會使用 ZOOM 進行直播教學，教學完結時可以把影片留在 ZOOM 上翻看，但是如果想要下載影片到本的話，就好像沒有辧法。
使用 Chrome Developer Tool 把 Video 連結抽出
我們可以通過使用 Chrome Developer Tool 把 Video 的路徑抽出來，然後下載影片。因為 ZOOM 有使用 cookies 保護 URL 的來源，如果把 Video 的路徑直接貼到 Browser 上的話，會得到 HTTP 403。
(function(window) { var video = document.getElementsByTagName('video')[0]; var src = video.src; var a = document.createElement('a'); a.setAttribute('href', src); a.innerText = 'right click and save target'; a.style.position = 'absolute'; a.style.border = 'solid 1px #AAAAAA'; a.style.top = '20%'; a.style.left = '20%'; a.style.right = '20%'; a.style.textAlign = 'center'; a.style.display = 'block'; a.style.lineHeight = '200px'; a.style.fontSize = '30px'; a.style.backgroundColor = '#FFFFFF'; document.body.append(a); })(window);
我們可以把上面的代碼貼到 Chrome Developer Tool Console 上，然後按 ENTER。
把上面的代碼貼到 Chrome Developer Tool Console 上
畫面上就會出現 'right click and save target' 的方塊，我可以使用滑鼠 Right Click 然後按另存連結，就可以把影片儲存到本機了。
在疫情下學校好多時都會使用 ZOOM 進行直播教學，教學完結時可以把影片留在 ZOOM 上翻看，但是如果想要下載影片到本的話，就好像沒有辧法。
### 使用 Chrome Developer Tool 把 Video 連結抽出
我們可以通過使用 Chrome Developer Tool 把 Video 的路徑抽出來，然後下載影片。因為 ZOOM 有使用 cookies 保護 URL 的來源，如果把 Video 的路徑直接貼到 Browser 上的話，會得到 HTTP 403。
```js
(function(window) {
var video = document.getElementsByTagName('video')[0];
var src = video.src;
var a = document.createElement('a');
a.setAttribute('href', src);
a.innerText = 'right click and save target';
a.style.position = 'absolute';
a.style.border = 'solid 1px #AAAAAA';
a.style.top = '20%';
a.style.left = '20%';
a.style.right = '20%';
a.style.textAlign = 'center';
a.style.display = 'block';
a.style.lineHeight = '200px';
a.style.fontSize = '30px';
a.style.backgroundColor = '#FFFFFF';
document.body.append(a);
})(window);
```
我們可以把上面的代碼貼到 Chrome Developer Tool Console 上，然後按 ENTER。
畫面上就會出現 'right click and save target' 的方塊，我可以使用滑鼠 Right Click 然後按另存連結，就可以把影片儲存到本機了。
搜尋內容
輸入關鍵字即可搜尋網站內容
標籤
19 Things
(
42
)
Javascript
(
28
)
Android
(
16
)
Linux
(
10
)
MySQL
(
10
)
Programming
(
10
)
React
(
10
)
Ubuntu
(
10
)
Blogger
(
8
)
Nginx
(
8
)
NodeJS
(
8
)
CSS
(
7
)
Network
(
7
)
Google
(
6
)
Sencha
(
6
)
C#
(
4
)
Docker
(
4
)
Github
(
4
)
PHP
(
4
)
SSL
(
4
)
Webpack
(
4
)
Dart
(
3
)
Flutter
(
3
)
Git
(
3
)
Html
(
3
)
RTMP
(
3
)
WPF
(
3
)
AWS
(
2
)
Database
(
2
)
Java
(
2
)
Netbeans
(
2
)
OAuth
(
2
)
Youtube
(
2
)
Apache
(
1
)
Cloudflare
(
1
)
Cloudfront
(
1
)
DHCP
(
1
)
EC2
(
1
)
Facebook
(
1
)
Iptables
(
1
)
Jenkins
(
1
)
JsonP
(
1
)
Laravel
(
1
)
PowerShell
(
1
)
QR Code
(
1
)
S3
(
1
)
Web fonts
(
1
)
熱門文章
在取得 Dom 時我們常常會用到 `document.querySelector()` 用來取得向下的子元件。有時候我們也會可能需要向上取得母系元件，這時候我們就需要用到 `closest()` 了。 ### 用法 在使用 `closest()` 時我們需要由一個 Dom 出...
以下要講下魔改 BlogArchive Widget，今次應該真係魔改，暫時在網站上找不到任何相關的文章和 API 講有關事情。 話說係 BlogArchive Widget 入面如果用 `HIERARCHY` 模式的話，可以得到一個 `data` 參數來畫出你需要的畫面。 ...
### Router 經常壞 話說現在買的 Router 都經常壞，好多時買返嚟一兩年就開始越嚟越慢，初都仲可以 Reset 一下就快返，過多一排就 Reset 完都好快越嚟越慢，甚至有連唔到線嘅情況。呢個問題都持續咗好幾年，唔知幾時開始已經習慣咗兩年換一隻。為咗長遠解決呢...
過去文章