-
-
Save qwertyuiop6/8499fe086491da90617fe17c32716d4e to your computer and use it in GitHub Desktop.
// ==UserScript== | |
// @name YouTube字幕自动选择翻译->中文简体 | |
// @namespace http://tampermonkey.net/ | |
// @version 1.2 | |
// @description translate to Chinese automatically. 自动点击字幕翻译到中文简体 | |
// @author qwertyuiop6 | |
// @match https://www.youtube.com/* | |
// @grant none | |
// ==/UserScript== | |
(function(){ | |
const $=document.querySelector.bind(document); | |
const $$=document.getElementsByClassName.bind(document); | |
let video; | |
if(!location.href.includes('watch')){ | |
document.addEventListener('click',e=>{ | |
console.log(e.target) | |
if(e.target.closest('.ytd-rich-grid-media')){ | |
setTimeout(listenVideo,300) | |
} | |
},true) | |
}else{ | |
listenVideo() | |
} | |
function listenVideo(){ | |
video=$('video'); | |
video.addEventListener('canplay', ()=>{ | |
$('.ytp-ad-skip-button-icon')?.click(); | |
}) | |
video.addEventListener('loadeddata',clickToTranslate) | |
} | |
function checkAndClick(){ | |
const findElem=findElemByText.bind($$("ytp-menuitem")) | |
const sub=findElem("字幕"); | |
if (!sub) return false; | |
sub.click(); | |
const subc = findElem("中文"); | |
if (subc) { | |
subc.click(); | |
video.click(); | |
} else { | |
const autoTrans = findElem("自动翻译"); | |
if (!autoTrans) return false; | |
autoTrans.click(); | |
const autoTransC = findElem("中文(简体)"); | |
if (!autoTransC) return false; | |
autoTransC.click(); | |
} | |
return true; | |
} | |
function findElemByText(text) { | |
for (const elem of this) { | |
if (elem.innerText.includes(text)) { | |
return elem | |
} | |
} | |
return null | |
} | |
function clickToTranslate(){ | |
$('.ytp-subtitles-button[aria-pressed="false"]')?.click(); | |
const settingsButton=$('.ytp-settings-button'); | |
settingsButton.click(); | |
if(!checkAndClick()) settingsButton.click(); | |
} | |
})(); |
好用
...有时候选择器能选到,有时候同一个页面却不行...
什么原理,能解释一下吗?
顶顶顶
2020.5.12 测试可用
什么原理,能解释一下吗?
没什么复杂的,就是选择到按钮元素,然后模拟触发点击事件
如果在手机上用x浏览器添加脚本,不切换到桌面模式,也能做到自动翻译吗
如果在手机上用x浏览器添加脚本,不切换到桌面模式,也能做到自动翻译吗
不太清楚,如果移动端youtube 的视频组件dom的css tagname 不变的话 理论上是能用的
额,麻烦问一下,这玩意下载下来怎么用呀。。。。
好神奇,真的可以自动出中文字幕,
很方便,不過可再改進,
目前好像自動開啟字幕,如果可以判斷依使用者是否有開啟字幕,會更方便些,
必竟不是所有的都需要開字幕,很多影片會內嵌字幕,自動打開字幕反而是麻煩,
怎么安装呢
感谢感谢
2021/8/18 亲测可用
用户脚本无效什么鬼
没用啊
2022/2/21,亲测可用!!感谢
如果没有成功有可能是你的youtube设置是英文的 需要把你的界面设置为中文,因为代码的逻辑是通过找到“字幕” 这样的按钮去点击,如果你的界面设置是英文的话 就找不到这个按钮。我个人是这个原因
设置中文界面的方法 https://acc15t4bm5.feishu.cn/docs/doccn66lNAP0P0zZrSK0YLQ5HWh
安装方法 知乎评论有说。 youtube ,如何自动加载,翻译中文字幕,插件? - Butterfly的回答 - 知乎
https://www.zhihu.com/question/37871481/answer/492288392 。。 如果你已经安装了油猴插件,那么点击gist 右上角的 raw ,插件会自动加载【1】,然后你只要在那个跳转的界面点击安装就可以了。然后在youtube页面刷新之后就可以有了,他是在window 加载的时候启动的,也就是说是界面刷新之后会去找中文字幕。 【1】原因貌似是油猴插件会自动加载raw形式展示在网页上的js脚本,也就是说你直接通过网页打开一个本地的js文件,可能也是会被油猴检测到的
好吧 刚才测试了一下 直接打开本地js 文件,貌似不会被油猴监听到。。
太好用了,这下在油管上简体中文自由了!!
有一些有繁体中文的视频拿不上
如果没有成功有可能是你的youtube设置是英文的 需要把你的界面设置为中文,因为代码的逻辑是通过找到“字幕” 这样的按钮去点击,如果你的界面设置是英文的话 就找不到这个按钮。我个人是这个原因
设置中文界面的方法 https://acc15t4bm5.feishu.cn/docs/doccn66lNAP0P0zZrSK0YLQ5HWh
设置中文界面会被推很多政治方面恶心人的视频,切英文界面再也没出现过。改代码大概也可以吧,无非是把按钮改成英文
油管没有设置默认字幕就离谱,只能找脚本用了,这个真好用
非常好用