youtubeやshowroomのスクショを取るブックマークレット

Chrome系ブラウザでyoutubeやshowroomなどHTML5形式の動画や配信のスクリーンショットを取るブックマークレット。

クリップボードに画像としてコピーするだけです。
クリップボードを監視して画像ファイルを保存するフリーソフトなどを組み合わせると簡単にスクショを撮りためることができます。

スクリプト

(() => { var video = document.querySelector('video'); if (video) { const canvas = document.createElement('canvas'); canvas.width = video.videoWidth; canvas.height = video.videoHeight; const context = canvas.getContext('2d'); context.drawImage(video, 0, 0, canvas.width, canvas.height); const blob = canvas.toBlob(blob => { navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]) }) } })();

ブックマークレット

javascript:(()=>{var video=document.querySelector('video');if(video){const canvas=document.createElement('canvas');canvas.width=video.videoWidth;canvas.height=video.videoHeight;const context=canvas.getContext('2d');context.drawImage(video,0,0,canvas.width,canvas.height);const blob=canvas.toBlob(blob=>{navigator.clipboard.write([new ClipboardItem({[blob.type]:blob})])})}})();void(0);