LV. 23
GP 61

【小工具】使用書籤一鍵截圖Youtube畫面!免安裝插件與程式的!

樓主 杯底清 hfgh1241
8 -
為了截圖推朋友入坑,所以在網路上搜尋拼湊成的JS程式。
不用安裝插件或程式,直接以瀏覽器書籤的方式使用。
Chrome、Edge實測可以用。


使用方法:在瀏覽器新增書籤,網址輸入JS程式,之後只要在影片頁面按下按鈕,便能直接擷取當下時間的畫面,直播也適用。

1. 新增書籤。


2. 在網址框貼上程式。


3. 在影片頁面按下按鈕,擷取畫面。





程式:
1.截圖(下載)
說明:能將影片截圖存檔。
javascript:(function(){  
let video = document.querySelector('#movie_player >  div.html5-video-container > video');
let canvas = document.createElement('canvas');
let a = document.createElement('a');
var vh = Math.floor(video.currentTime/[60]/[60]);
var vm = Math.floor(video.currentTime/[60]%[60]);
var vs = Math.floor(video.currentTime%[60]);
a.download = document.title+' _ '+vh+'時'+vm+'分'+vs+'秒'+'.png';
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
let ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
canvas.toBlob((blob) => {a.href =  URL.createObjectURL(blob);a.click();});
})();


2. 截圖(分頁)
說明:在新分頁開啟截圖,可以直接複製貼在LINE等軟體分享。
javascript: (function(){
let video = document.querySelector('#movie_player > div.html5-video-container > video');
let canvas = document.createElement('canvas');
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
let ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
canvas.toBlob((blob) => {window.open(URL.createObjectURL(blob));})
})();

3. 影片封面
說明:在新分頁開啟影片封面。
javascript: (function(){
window.open('http://img.youtube.com/vi/'+location.search.substr(3,11)+'/maxresdefault.jpg');
})();


這是自己在網路上搜尋,並拼湊成適合自己使用的JS程式,我沒有學過JS,程式大概長得很醜,但能用,所以分享給大家用。

8
-
LV. 36
GP 5k
2 樓 蛤蜊精 KONMIO530
2 -
如果是win10 按shift+win+s可以選範圍截圖



2
-
未登入的勇者,要加入 3 樓的討論嗎?
板務人員:

7700 筆精華,10/22 更新
一個月內新增 10
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】