logo头像

今天午餐吃什麼

Javascript應用 - 快速取得全部影片連結

前言

自從聽說 李李鈴蘭瑪格麗特.溫特斯神稻櫻火 畢業後,影片將要轉成不公開,就開始有了如何保存影片的討論。
對於 不公開的影片,其實只要加入播放清單,或者將連結記錄下來即可。雖然可以一部一部影片去儲存,但身為網頁工作者,自然會想用一些比較偷懶的方式。

實作

這裡會涉及一些簡單的 Javascript:

  1. 列表載入所有影片:打開頻道的影片頁面,並不斷下拉畫面,直到每部影片都在畫面上列出來。image.png
  2. 打開瀏覽器的開發者工具:按 F12 或 右鍵->開發者工具->檢查image.png
  3. 使用 js 將每部影片做處理:在開發者工具下方的控制台 (console) 中,輸入要執行的程式碼並按 Enter 執行,這裡我寫的是:
    Array.from(document.querySelectorAll('.ytd-grid-renderer #video-title')).map(v=>`"${v.innerText}","${v.href}"`).join('\n')
    image.png
  4. 將獲得的內容儲存:將程式碼執行後,輸出的內容複製並儲存
  5. 對資料進行處理:使用編輯器處理格式,製作成表格輸出。通常使用CSV格式,逗號分欄、換行就是新一列。前面輸出的內容可以直接用編輯器做取代,沒有慣用的文字編輯器,也可以使用線上版,如圖可以直接把全部的\n取代成換行符
    image.png
  6. 製作成表格:另存新檔成CSV(windows可能要改編碼來避免亂碼)image.png
  7. 亂碼處理:亂碼不會處理可以匯入到Google Sheets,自動處理好編碼問題!image.png

    結語

    這篇文章算是用爬蟲的方式,快速複製並處理需要的內容,下篇文章應該會介紹怎麼用API的方式,快速把影片加入播放清單。

评论系统未开启,无法评论!