When Youtube using Immersive Translation copies the subtitles to the clipboard, supporting before translation, after translation, or select all Youtube,New Feature:Recording traslate.
// ==UserScript==
// @name Youtube Copying Selected Subtitles - Immersive Translation
// @name:zh 沉浸式翻译字幕复制
// @name:zh-CN 沉浸式翻译字幕复制
// @name:en Youtube Copying Selected Subtitles - Immersive Translation
// @namespace https://github.com/i02sDarling/tools
// @description When Youtube using Immersive Translation copies the subtitles to the clipboard, supporting before translation, after translation, or select all Youtube,New Feature:Recording traslate.
// @description:zh-CN 使用沉浸式翻译时将字幕复制到剪贴板，支持翻译前,翻译后,或者全选,新功能:录制译文
// @description:en When Youtube using Immersive Translation copies the subtitles to the clipboard, supporting before translation, after translation, or select all Youtube,new Feather:Record translate
// @license MIT
// @author i02sDarling
// @version 1.4.0
// @include *//www.youtube.com/watch?v=*
// @match *://*.youtube.com/*
// @exclude *://accounts.youtube.com/*
// @exclude *://www.youtube.com/live_chat_replay*
// @exclude *://www.youtube.com/persist_identity*
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @license MIT
// @compatible edge
// @compatible firefox
// @compatible chrome
// ==/UserScript==
(function () {
'use strict';
console.log("02sdarling:Running");
let curSelect = 1;
let Recstatus=false;
let RecCache='';
const OutSelection = ['Ori', 'Out', 'Both','Rec'];
const button = document.createElement('button');
const toggleBtn = document.createElement('button');
mkContainer();
let intervalId;
intervalId = setInterval(addClickEventWhenTargetAppears, 4000);
function toggle() {
button.textContent = 'Copy';
}
function appendStyle(btn) {
btn.style.position = 'absolute';
btn.style.left = '10px';
btn.style.transform = 'translateY(-70%)';
btn.style.backgroundColor = '#007bff';
btn.style.color = '#fff';
btn.style.padding = '10px 15px';
btn.style.border = 'none';
btn.style.borderRadius = '5px';
btn.style.cursor = 'pointer';
}
function mkContainer() {
button.id = '02sdarling';
button.textContent = 'Waiting';
button.style.top = '70%';
appendStyle(button);
document.body.appendChild(button);
}
function mkToggle() {
toggleBtn.id = '02sdarlingYa';
toggleBtn.textContent = OutSelection[curSelect];
toggleBtn.style.top = '90%';
appendStyle(toggleBtn);
document.body.appendChild(toggleBtn);
}
toggleBtn.addEventListener('click', function () {
curSelect = (curSelect + 1) % OutSelection.length;
if(curSelect===3) {
Recstatus=true;
button.textContent='Start';
toggleBtn.textContent='Rec';
}
else {
Recstatus=false;
navigator.clipboard.writeText(RecCache)
.then(() => {
console.log('Copy successful：', RecCache);
})
.catch(err => {
console.error('Copy failed：', err);
});
RecCache='';
button.textContent='Copy';
toggleBtn.textContent = OutSelection[curSelect];
}
})
function getSpan() {
const container=document.getElementById('immersive-translate-caption-window');
const TmpString = container.getInnerHTML();
const domstring = TmpString.replace(/<template[^>]*>|<\/template>/g, '');
return domstring;
}
function getText() {
const span = getSpan();
if (span) {
const spanContents = span.match(/<span\b[^>]*>(.*?)<\/span>/gi);
const res=spanContents.map(span => {
const match = span.match(/>(.*?)<\/span>/);
return match ? match[1] : null;
});
return res;
}
return "falut to copy";
}
function addClickEventWhenTargetAppears() {
try {
if (getSpan()) {
mkToggle();
toggle();
clearInterval(intervalId);
}
if (button.textContent === 'Waiting') {
return;
}
//const ClickContainer=doc.getElementsByClassName('captions-text');
button.addEventListener('click', function () {
let resArray = getText();
if(Recstatus){
RecCache+=resArray[1]+'\n';
button.textContent='Append';
toggleBtn.textContent='End';
}else{
let res='';
if(curSelect==1) res=resArray[1];
else if(curSelect==2) res=resArray[0]+resArray[1];
else res=resArray[0];
navigator.clipboard.writeText(res)
.then(() => {
console.log('Copy successful：', res);
})
.catch(err => {
console.error('Copy failed：', err);
});
}
})
} catch (e) {
console.log('Waiting');
}
}
})();