Scrapbox to YouTube
以下のJavaScriptを Chrome の Web Developer Tools → Console に貼り付けて実行すれば
Scrapboxの行選択をすると、それが書かれた頃の時刻からYouTubeの動画が再生できます yujif.icon
行選択は、行頭のグレーの罫線をクリックするとできます
Custom CSSで背景が全部白くなっていて難しかったのでちょっと変えました。適宜調整してください。settings shio.icon素晴らしい!! どうもありがとうございます!!
code: js
var getTimestampOnClick = {};
// 設定
getTimestampOnClick.desiredVideoStartTimestamp = 1513760467; // 動画の撮影開始タイムスタンプ(unixtime 10桁)。 null ならページ作成日時が使われる。
// タイムスタンプ情報をAPIから取得
(async() => {
try {
const response = await fetch(apiURL);
getTimestampOnClick.apiResponse = await response.json();
console.log(getTimestampOnClick.apiResponse)
} catch (e) {
console.log(e)
}
})();
// クリックされたら毎回呼ばれる
window.addEventListener('click', function() {
const selectedLineID = location.hash.replace('#', '');
const apiResponse = getTimestampOnClick.apiResponse;
if (selectedLineID != "" && apiResponse != null) {
getTimestampOnClick.startTimestamp = getTimestampOnClick.desiredVideoStartTimestamp || apiResponse.created; // 値がなければページ自体の作成日時を、動画のはじまりとする
const targetLine = apiResponse.lines.find( item => item.id === selectedLineID); // クリックされた行
const time = targetLine.created - getTimestampOnClick.startTimestamp;
console.log(targetLine.created);
window.open(getTimestampOnClick.youTubeVideoURL + "&t=" + time, 'youtube_tab');
}
}, false);