この記事のストーリーの背景は、教師が公開アカウントのビデオ リソースを教師ファイルとして抽出したいと考えていることです。最初に、教師の要求は、自分で録画したビデオをカットすることです (下図に示すように) 、録画したビデオ（ビデオ領域のみに切り取るのは本当に困難でした）、後で録画したビデオが特定の場所からのリンクリソースであることがわかり、専門的な知識を使用して彼を助けることができることがわかりました彼のニーズを満たすためにオリジナルのビデオを入手します。
教え始める
この記事は技術者以外のユーザーを対象としているため、より詳しく説明する必要があり、Google Chrome を使用して一律に説明します。
準備
1. Google Chrome https://www.google.cn/intl/zh-CN/chrome/ をダウンロードしてインストールします。
2. Google Chromeをデフォルトのブラウザとして設定します（Windows 10ユーザーのみ。他のバージョンも同様です。MacユーザーはBaiduでデフォルトのブラウザを設定する方法を問い合わせることができます）
2.1. 右下隅の「スタート」（ウィンドウのロゴ）メニューをクリックし、「設定」をクリックします。
2.2. ホームページをクリックします。
2.3. クリックして適用します
2.4. デフォルトのアプリケーションをクリックします
2.5. Web ブラウザの下にある現在のデフォルトのブラウザをクリックし、Google Chrome を選択します
3. パブリックアカウントリンクを開き、上部をクリックしてデフォルトのブラウザで開きます
ここまで準備は完了しました
方法 1
1. 開いたリンクで、キーボードの F12 ボタンをクリックして、次の図に示すようにコンソールをポップアップ表示します。
2. コンソール上のネットワークをクリックし、ALL タイプを選択します。デフォルトでは、これも All タイプです。
3. コンソール newword で開始されたネットワーク リクエストをクリアします。この操作の目的は、ターゲット リクエストをより便利かつ迅速に確認することです。クリア後は、上の図のようになります (ステップ 2 を参照)。
4. Web ページの再生ボタンをクリックすると、コンソールの Newword ウィンドウに、以下に示すように、開始されたすべてのネットワーク リクエストのリストが表示されます。
5. タイプがメディアである行を見つけます。一番左の名前をクリックすると以下のように表示されます。以下に示すように、赤枠内のリクエスト URL をコピーします。
6. 以下に示すように、コピーしたリンクをブラウザで開きます。次に、右下隅にある 3 つの点をクリックすると、ダウンロード ボタンが表示されます。クリックしてダウンロードしてください。
2番目の方法
-
このページを Google Chrome で閲覧する
-
F12 をクリックしてコンソールをポップアップ表示します。
-
クリックしてビデオを再生します
-
図に示すように、マウスをビデオに移動し、右クリック => クリックして確認します
5. video タグの src="value" の値 (MP4 ファイルのアドレス) をコピーします。
6. ブラウザウィンドウでアドレスを開いてダウンロードします。
3番目の方法
最初の方法も 2 番目の方法も見つからない場合は、この方法を使用します
-
このページを Google Chrome で閲覧する
-
F12 をクリックしてコンソールをポップアップ表示します。
-
クリックしてビデオを再生します
-
コンソールでコンソール ボタンを見つけてクリックし、コンソール上のすべてのログをクリアして見やすくします。
5. 以下の図に示すように、このコードをコントロール パネルにコピーし、Enter キーを押します。
document.getElementsByTagName("ビデオ")
6. HTMLCollection の左側にある矢印をクリックして詳細な内容を展開します。同様に、次の項目をクリックして展開します。
7. 展開すると以下のようになります。内容量が多いため一部省略します。表示するには…をクリックする必要があります。下図のようにクリックしてください。
8. 次に、src フィールドを見つけて、次のリンクをコピーします。
9. ブラウザでこのリンクを開いてダウンロードします。
要約する
上記の 3 つの方法の最終的な目標は、MP4 リンク アドレスを見つけてブラウザで開き、内蔵プレーヤーのダウンロード機能を使用して MP4 ファイルをダウンロードすることです。この記事が困っているあなたの助けになれば幸いです。質問や協力がある場合は、プライベートにチャットできます。
親切なヒント
この記事に添付されているすべての画像に含まれる可能性のあるドメイン名はコード化されています。権利侵害がある場合は、速やかに通知し、対処してください。