Youtube 双语字幕全平台

Youtube 双语字幕。移动端(mobile)修复,双端适用,而且支持 Via 浏览器。

当前为 2023-06-09 提交的版本,查看 最新版本

  1.  
  2. // ==UserScript==
  3. // @name Youtube dual subtitle
  4. // @name:zh-CN Youtube 双语字幕全平台
  5. // @name:zh-TW Youtube 雙語字幕全平臺
  6. // @version 2.0.4
  7. // @author Coink & jk278
  8. // @namespace https://github.com/jk278/youtube-dual-subtitle
  9. // @description Fix for mobile devices on YouTube bilingual captions. It works on both mobile and desktop, and supports the Via browser.
  10. // @description:zh-CN Youtube 双语字幕。移动端(mobile)修复,双端适用,而且支持 Via 浏览器。
  11. // @description:zh-TW Youtube 雙語字幕。移動端(mobile)修復,雙端適用,而且支持 Via 瀏覽器。
  12. // @match *://www.youtube.com/watch?v=*
  13. // @match *://www.youtube.com
  14. // @match *://www.youtube.com/*
  15. // @match *://m.youtube.com/watch?v=*
  16. // @match *://m.youtube.com
  17. // @match *://m.youtube.com/*
  18. // @icon https://www.youtube.com/s/desktop/374faad5/img/favicon_32x32.png
  19. // @require https://unpkg.com/ajax-hook@latest/dist/ajaxhook.min.js
  20. // @grant none
  21. // @run-at document-start
  22. // ==/UserScript==
  23.  
  24. /*
  25. 如果未自动加载,请切换字幕或关闭后再打开即可。默认语言为浏览器首选语言。
  26. */
  27.  
  28. (function () {
  29. 'use strict';
  30. // 检测浏览器首选语言,如果没有,设置为英语
  31. let localeLang = navigator.language.split('-')[0] || 'en'; // 跟随 YouTube 页面所用语言
  32. // localeLang = 'zh' // 取消注释此行以在此处定义您希望的语言
  33. // 启用双语字幕
  34. function enableSubs() {
  35. ah.proxy({
  36. onRequest: (config, handler) => {
  37. handler.next(config); // 处理下一个请求
  38. },
  39. onResponse: (response, handler) => {
  40. // 如果请求的 URL 包含 '/api/timedtext' 并且没有 '&translate_h00ked',则表示请求双语字幕
  41. if (response.config.url.includes('/api/timedtext') && !response.config.url.includes('&translate_h00ked')) {
  42. let xhr = new XMLHttpRequest(); // 创建新的 XMLHttpRequest
  43. // 使用 RegExp 清除我们的 xhr 请求参数中的 '&tlang=...',同时使用 Y2B 自动翻译
  44. let url = response.config.url.replace(/(^|[&?])tlang=[^&]*/g, '');
  45. url = `${url}&tlang=${localeLang}&translate_h00ked`;
  46. xhr.open('GET', url, false); // 打开 xhr 请求
  47. xhr.send(); // 发送 xhr 请求
  48. let defaultJson = null; // 声明默认 JSON 变量
  49. if (response.response) {
  50. const jsonResponse = JSON.parse(response.response);
  51. if (jsonResponse.events) defaultJson = jsonResponse;
  52. }
  53. const localeJson = JSON.parse(xhr.response); // 解析 xhr 响应
  54. let isOfficialSub = true;
  55. for (const defaultJsonEvent of defaultJson.events) {
  56. if (defaultJsonEvent.segs && defaultJsonEvent.segs.length > 1) {
  57. isOfficialSub = false;
  58. break;
  59. }
  60. }
  61. // 将默认字幕与本地语言字幕合并
  62. if (isOfficialSub) {
  63. // 如果片段长度相同
  64. for (let i = 0, len = defaultJson.events.length; i < len; i++) {
  65. const defaultJsonEvent = defaultJson.events[i];
  66. if (!defaultJsonEvent.segs) continue;
  67. const localeJsonEvent = localeJson.events[i];
  68. if (`${defaultJsonEvent.segs[0].utf8}`.trim() !== `${localeJsonEvent.segs[0].utf8}`.trim()) {
  69. // 避免在两者相同时合并字幕
  70. defaultJsonEvent.segs[0].utf8 += ('\n' + localeJsonEvent.segs[0].utf8);
  71. }
  72. }
  73. response.response = JSON.stringify(defaultJson); // 更新响应
  74. } else {
  75. // 如果片段长度不同(例如:自动生成的英语字幕)
  76. let pureLocalEvents = localeJson.events.filter(event => event.aAppend !== 1 && event.segs);
  77. for (const defaultJsonEvent of defaultJson.events) {
  78. if (!defaultJsonEvent.segs) continue;
  79. let currentStart = defaultJsonEvent.tStartMs,
  80. currentEnd = currentStart + defaultJsonEvent.dDurationMs;
  81. let currentLocalEvents = pureLocalEvents.filter(pe => currentStart <= pe.tStartMs && pe.tStartMs < currentEnd);
  82. let localLine = '';
  83. for (const ev of currentLocalEvents) {
  84. for (const seg of ev.segs) {
  85. localLine += seg.utf8;
  86. }
  87. localLine += ''; // 添加零宽空格,以避免单词粘在一起
  88. }
  89. let defaultLine = '';
  90. for (const seg of defaultJsonEvent.segs) {
  91. defaultLine += seg.utf8;
  92. }
  93. defaultJsonEvent.segs[0].utf8 = defaultLine + '\n' + localLine;
  94. defaultJsonEvent.segs = [defaultJsonEvent.segs[0]];
  95. }
  96. response.response = JSON.stringify(defaultJson); // 更新响应
  97. }
  98. }
  99. handler.resolve(response); // 处理响应
  100. }
  101. });
  102. }
  103. // 当文档加载完成并且字幕可用时,调用 enableSubs 函数启用双语字幕
  104. if (document.readyState === 'complete') {
  105. enableSubs(); // 如果文档已经加载完成,则启用双语字幕
  106. } else {
  107. window.addEventListener('load', enableSubs); // 如果文档尚未加载完成,添加事件监听器以在加载完成时启用双语字幕
  108. }
  109. })();