단축키 설정
아래 입력란을 클릭한 뒤 원하는 단축키를 누르세요. (예: Y, Ctrl+Y, Shift+F8)
(브라우저/OS가 예약한 조합(Ctrl+W 등)은 동작하지 않을 수 있습니다.)
라이브 타임 오프셋 설정
라이브 방송시간 복사 시, 입력한 초만큼 과거 시간을 복사합니다. (라이브에서만 적용)
(예: 60 → 01:00:00 ▶ 00:59:00)
초
`;
overlay.appendChild(modal);
document.body.appendChild(overlay);
const elCaptureBtn = $('#soop-ts-capture', modal);
const elCaptureLabel = $('#soop-ts-capture-label', modal);
const elCaptureHint = $('#soop-ts-capture-hint', modal);
const elApplyHotkey = $('#soop-ts-apply-hotkey', modal);
const elResetHotkey = $('#soop-ts-reset-hotkey', modal);
const elOffsetInput = $('#soop-ts-offset', modal);
const elConfirm = $('#soop-ts-confirm', modal);
const elClose = $('#soop-ts-close', modal);
function setCapturing(on) {
capturing = on;
elCaptureBtn.style.borderColor = on ? '#2C66FF' : '#2B2E3A';
elCaptureHint.textContent = on ? '(원하는 키를 누르세요… Esc 취소)' : '(클릭하여 변경)';
if (on) elCaptureBtn.focus();
}
elCaptureBtn.addEventListener('click', () => setCapturing(true));
function normalizeEventToHotkey(ev) {
if (ev.code === 'Escape' && !ev.ctrlKey && !ev.altKey && !ev.shiftKey && !ev.metaKey) return null;
const onlyMods = ['ControlLeft','ControlRight','ShiftLeft','ShiftRight','AltLeft','AltRight','MetaLeft','MetaRight'];
if (onlyMods.includes(ev.code)) return undefined;
return { code: ev.code, ctrl: !!ev.ctrlKey, alt: !!ev.altKey, shift: !!ev.shiftKey, meta: !!ev.metaKey };
}
function onCaptureKeydown(ev) {
if (!capturing) return;
ev.preventDefault(); ev.stopPropagation();
const hk = normalizeEventToHotkey(ev);
if (hk === null) { setCapturing(false); elCaptureLabel.textContent = hotkeyToLabel(pendingHotkey); return; }
if (hk === undefined) return;
pendingHotkey = hk;
elCaptureLabel.textContent = hotkeyToLabel(pendingHotkey);
}
document.addEventListener('keydown', onCaptureKeydown, true);
overlay.addEventListener('click', (ev) => {
if (ev.target === overlay) closeSettings();
});
function toastInline(text) {
const old = modal.querySelector('.soop-ts-toast');
if (old) old.remove();
const bar = document.createElement('div');
bar.className = 'soop-ts-toast';
bar.textContent = text;
bar.style.cssText = [
'position:absolute','left:50%','top:90%','transform:translate(-50%,-50%)',
'max-width:80%','background:#1A1D27','color:#E9E9EF','border:1px solid #2B2E3A',
'border-radius:8px','padding:10px 14px','text-align:center','pointer-events:none','opacity:.98'
].join(';');
modal.appendChild(bar);
setTimeout(() => bar.remove(), 1200);
}
function isReservedHotkey(hk){
const ctrlShiftY = hk && hk.code==='KeyY' && hk.ctrl && hk.shift && !hk.alt && !hk.meta;
const cmdShiftY = hk && hk.code==='KeyY' && hk.meta && hk.shift && !hk.alt && !hk.ctrl;
return ctrlShiftY || cmdShiftY;
}
const DISALLOWED_CODES = new Set(['Enter','Escape','Tab']);
function isValidHotkey(hk){ return !!hk && !DISALLOWED_CODES.has(hk.code); }
elApplyHotkey.addEventListener('click', () => {
if (!isValidHotkey(pendingHotkey)) return toastInline('이 키는 단축키로 사용할 수 없습니다.');
if (isReservedHotkey(pendingHotkey)) return toastInline('Ctrl/Cmd+Shift+Y는 설정창 단축키로 예약되어 사용할 수 없습니다.');
saveHotkey(pendingHotkey);
setCapturing(false);
toastInline('단축키가 적용되었습니다.');
});
elResetHotkey.addEventListener('click', () => {
pendingHotkey = { ...DEFAULTS.hotkey };
elCaptureLabel.textContent = hotkeyToLabel(pendingHotkey);
saveHotkey(pendingHotkey);
toastInline('단축키가 기본값으로 초기화되었습니다.');
});
elConfirm.addEventListener('click', () => {
saveOffset(elOffsetInput.value);
if (isValidHotkey(pendingHotkey) && !isReservedHotkey(pendingHotkey)) saveHotkey(pendingHotkey);
closeSettings();
});
elClose.addEventListener('click', closeSettings);
const onOverlayKey = (e) => {
if (e.key === 'Escape') { e.preventDefault(); closeSettings(); }
else if (e.key === 'Enter') { e.preventDefault(); elConfirm.click(); }
};
overlay.addEventListener('keydown', onOverlayKey);
function closeSettings() {
settingsOpen = false;
document.removeEventListener('keydown', onCaptureKeydown, true);
overlay.removeEventListener('keydown', onOverlayKey);
overlay.remove();
}
}
// ========= 메인 동작 =========
const VOD_DRAG_PX = 5;
const VOD_LONG_MS = 600;
// 라이브
if (location.hostname.startsWith('play.sooplive.co.kr')) {
function getLiveTime() {
const el = document.getElementById('time');
return el ? el.textContent.trim() : null;
}
const isHMS = (t) => /^\d{1,2}:\d{2}:\d{2}$/.test(String(t||'').trim());
// 라이브 툴팁: 최초 설정 + 호버 시 최신 단축키로 갱신
const setLiveTooltip = () => {
const el = document.querySelector('li.time');
if (el) el.title = `현재 방송시간 복사 (${currentHotkeyLabel()})`;
};
setLiveTooltip();
document.addEventListener('mouseover', (e) => {
const el = e.target.closest('li.time');
if (el) el.title = `현재 방송시간 복사 (${currentHotkeyLabel()})`;
}, true);
// 토스트
let liveToastTid = null;
function liveToast(message){
const toastContainer = document.querySelector('#toastMessage');
if (!toastContainer) { alert(message); return; }
const p = toastContainer.querySelector('p') || toastContainer.appendChild(document.createElement('p'));
p.textContent = message;
toastContainer.style.display = '';
if (liveToastTid) clearTimeout(liveToastTid);
liveToastTid = setTimeout(() => { p.textContent = ''; toastContainer.style.display = 'none'; }, TOAST_MS);
}
// 클릭 복사
document.addEventListener('click', async (e) => {
const hit = e.target.closest('li.time');
if (!hit) return;
const t = getLiveTime();
if (!isHMS(t)) return liveToast('시간 포맷을 읽지 못했습니다. 잠시 후 다시 시도해주세요.');
const baseSec = parseHMS(t);
const adjustedSec = Math.max(0, baseSec - loadOffset());
await copyText(secondsToHMS(adjustedSec), liveToast);
}, true);
// 단축키 복사
document.addEventListener('keydown', async (e) => {
if (e.repeat || e.isComposing || settingsOpen || isTyping(e)) return;
const hk = loadHotkey();
if (!matchHotkey(e, hk)) return;
e.preventDefault();
e.stopPropagation();
const t = getLiveTime();
if (!isHMS(t)) return liveToast('시간 포맷을 읽지 못했습니다. 잠시 후 다시 시도해주세요.');
const baseSec = parseHMS(t);
const adjustedSec = Math.max(0, baseSec - loadOffset());
await copyText(secondsToHMS(adjustedSec), liveToast);
}, true);
}
// 다시보기
if (location.hostname.startsWith('vod.sooplive.co.kr')) {
function getVodTime() {
const el = document.querySelector('.time_display .time-current');
return el ? el.textContent.trim() : null;
}
const isHMS = (t) => /^\d{1,2}:\d{2}:\d{2}$/.test(String(t||'').trim());
// VOD 툴팁: 최초 설정 + 호버 시 최신 단축키로 갱신
const setVodTooltip = () => {
const box = document.querySelector('.time_display');
if (box) box.title = `현재 재생시간 복사 (${currentHotkeyLabel()})`;
};
setVodTooltip();
document.addEventListener('mouseover', (e) => {
const box = e.target.closest('.time_display');
if (box) box.title = `현재 재생시간 복사 (${currentHotkeyLabel()})`;
}, true);
// 드래그/롱프레스 보호
let vodDownInfo = null;
document.addEventListener('mousedown', (e) => {
const box = e.target.closest('.time_display');
if (!box) return;
vodDownInfo = { x: e.clientX, y: e.clientY, t: Date.now() };
}, true);
// 토스트
function vodToast(message){
const toastContainer = document.querySelector('#toastMessage');
if (!toastContainer) { alert(message); return; }
const wrap = document.createElement('div');
const p = document.createElement('p');
p.textContent = message;
wrap.appendChild(p);
toastContainer.appendChild(wrap);
setTimeout(() => { if (wrap.parentNode === toastContainer) toastContainer.removeChild(wrap); }, TOAST_MS);
}
// 클릭 복사
document.addEventListener('click', async (e) => {
const box = e.target.closest('.time_display');
if (!box) return;
const moved = vodDownInfo && (Math.hypot(e.clientX - vodDownInfo.x, e.clientY - vodDownInfo.y) > VOD_DRAG_PX);
const long = vodDownInfo && ((Date.now() - vodDownInfo.t) > VOD_LONG_MS);
vodDownInfo = null;
if (moved || long) return;
// 클릭 순간에도 최신 라벨로 보장
box.title = `현재 재생시간 복사 (${currentHotkeyLabel()})`;
const t = getVodTime();
if (!isHMS(t)) return vodToast('시간 정보를 찾을 수 없습니다. 잠시 후 다시 시도해주세요.');
await copyText(t, vodToast);
}, true);
// 단축키 복사
document.addEventListener('keydown', async (e) => {
if (e.repeat || e.isComposing || settingsOpen || isTyping(e)) return;
const hk = loadHotkey();
if (!matchHotkey(e, hk)) return;
e.preventDefault();
e.stopPropagation();
const t = getVodTime();
if (!isHMS(t)) return vodToast('시간 정보를 찾을 수 없습니다. 잠시 후 다시 시도해주세요.');
await copyText(t, vodToast);
}, true);
}
})();