Bilibili Danmaku Translator

使用 Google Chrome 的翻译工具,自动翻译 bilibili 的用户评论(弹幕)。

目前为 2020-05-06 提交的版本。查看 最新版本

  1. // ==UserScript==
  2. // @name Bilibili Danmaku Translator
  3. // @name:ja Bilibili Danmaku Translator
  4. // @name:zh-CN Bilibili Danmaku Translator
  5. // @namespace knoa.jp
  6. // @description Add translations on streaming user comments(弾幕;danmaku) of bilibili, with the translation of Google Chrome.
  7. // @description:ja Google Chrome の翻訳ツールを使って、ビリビリのユーザーコメント(弾幕)を自動翻訳します。
  8. // @description:zh-CN 使用 Google Chrome 的翻译工具,自动翻译 bilibili 的用户评论(弹幕)。
  9. // @include /^https://www\.bilibili\.com/video/[a-zA-Z0-9]+/
  10. // @include /^https://www\.bilibili\.com/medialist/play/.+/
  11. // @include /^https://www\.bilibili\.com/bangumi/play/[a-zA-Z0-9]+/
  12. // @include /^https://live\.bilibili\.com/[0-9]+/
  13. // @include /^https://live\.bilibili\.com/blanc/[0-9]+/
  14. // @version 2.3.5
  15. // @require https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.10/pako_inflate.min.js
  16. // @grant none
  17. // ==/UserScript==
  18.  
  19. (function(){
  20. const SCRIPTNAME = 'BilibiliDanmakuTranslator';
  21. const DEBUG = true;/*
  22. [update] 2.3.5
  23. fix for new bilibili URLs.
  24.  
  25. [bug]
  26. だはん・だはんからの直播じゃ効いてないかも?
  27. length 50001
  28. videoで? Uncaught TypeError: Cannot read property 'cid' of undefined
  29.  
  30. [to do]
  31. 下部のコメント一覧は翻訳してほしいかも
  32. https://www.bilibili.com/medialist/play/ml719054678
  33. ほかにも対応すべきURLがあるかも
  34. 動画タイトルとか下部のコメントとかデフォルトの翻訳適用したい
  35. 原文を即titleに突っ込んでおけばスマートに解決?
  36. window.topあたりを精査
  37. かなり遅れて翻訳が届くことがあるので弾幕要素の再利用でwaitingsをリセット
  38.  
  39. [to research]
  40. Chrome翻訳負荷制限
  41. キューはクリアしない方針?遅れた翻訳は意義薄い?
  42. 文字列の長さの可能性?
  43. Chromeがサボるだけなら自家製クエリに手を出す手も?
  44. Chromeがどんどん反応を遅くしていった?
  45. 新語に対する複数回クエリなど謎の挙動?
  46. 右の一覧内でも特殊案内は訳したいかも
  47. 主要UI要素を指定翻訳語として登録しておきたい
  48. 動的に生成される要素の対応がめんどくさい
  49. 自分のコメントの翻訳時も逆辞書で節約と蓄積?
  50. 日本語と英語は翻訳しない方針で問題ないよね?
  51. Google翻訳の一般Webユーザーのフリをして各ユーザーにAPIを叩かせる手もあるようだが
  52. https://github.com/andy-portmen/Simple-Translate/blob/master/src/lib/common.js
  53. それが許されるならBaiduのAPIを叩かせることも可能?
  54. 翻訳辞書を共有サーバーに溜め込む仕組み?
  55. pako.deflate + TextDecoder でdictionaryを無理やり圧縮して保存できる?
  56. 動画のタイトル下に翻訳を挿入したいね。
  57. MODIFICATIONSはたまに翻訳の確認が必要。
  58. MODIFICATIONSの活用率も確認したい。
  59.  
  60. [memo]
  61. 1. 翻訳辞書構築の流れ
  62. 1-1. core.listenWebSocketsで弾幕テキストを取得(要素出現より1秒ほど早く取得できる)
  63. 1-2. Translatorに弾幕テキストを登録
  64. 1-3. TranslatorがpriorDanmaku要素に弾幕テキスト要素を設置
  65. 1-4. Chromeが弾幕テキスト要素を自動翻訳してくれる
  66. 1-5. Translatorが察知して辞書として登録
  67.  
  68. 2. 弾幕訳文追加の流れ
  69. 2-1. core.observeVideoDanmakuで弾幕要素を発見
  70. 2-2. Danmakuインスタンスを作成してTranslatorに登録
  71. 2-3. 弾幕テキストに一致する辞書がすでにあればすぐに訳文を追加
  72. 2-4. なければ1-5.のタイミングで訳文を追加
  73.  
  74. 3. 自分の投稿コメント翻訳
  75. Google Apps Script (推定1日7000回(=1回5文字で月100万文字相当)を超えたあたりで制限がかかる)
  76. https://qiita.com/tanabee/items/c79c5c28ba0537112922
  77. */
  78. if(window === top && console.time) console.time(SCRIPTNAME);
  79. const NOW = Date.now();
  80. const ISMAC = (window.navigator.userAgent.match(/Mac/) !== null);
  81. const PLAYERAPI = 'https://api.bilibili.com/x/player.so';/*cid取得用*/
  82. const COMMENTLISTAPI = 'https://comment.bilibili.com/{cid}.xml';/*動画用*/
  83. const CHATSERVER = 'chat.bilibili.com';/*直播用*/
  84. const TRANSLATOR = 'https://script.google.com/macros/s/AKfycby29iFLZ742UEC6TlN8-b4Dxtlu_7XYbVeo2GgiYVWMtuzIcbA/exec?text={text}&source={source}&target={target}';
  85. const TRANSLATIONSATONCE = 64;/*同時最大翻訳リクエスト数(Chrome翻訳負荷の低減)*/
  86. const TRANSLATIONSINTERVAL = 1000;/*最短翻訳リクエスト間隔(ms)(Chrome翻訳負荷の低減)*/
  87. const HISTORYLENGTH = 50000;/*辞書の最大保持数(5万で5MB見込み)*/
  88. const TRANSLATIONEXPIRED = 90*24*60*60*1000;/*翻訳の有効期限(翻訳精度の改善に期待する)*/
  89. const WAITING_LIMIT = 10*1000;/* Chrome翻訳の待機時間(ms)(過負荷時には実質休憩時間となる) */
  90. const BILIBILILANGUAGE = 'zh-CN';
  91. const USERLANGUAGE = window.navigator.language;
  92. const TRANSLATIONS = {
  93. ja: {
  94. inputTranslationKey: ISMAC ? '(Command+Enterで翻訳)' : '(Ctrl+Enterで翻訳)',
  95. },
  96. en: {
  97. inputTranslationKey: ISMAC ? '(Command+Enter to translate)' : '(Ctrl+Enter to translate)',
  98. },
  99. };
  100. const DICTIONARIES = {
  101. ja: {/* original: [translation, count, created] */
  102. '哔哩哔哩 (゜-゜)つロ 干杯~': ['ビリビリ (゜-゜)つロ 乾杯~', 0, NOW],
  103. },
  104. en: {
  105. '哔哩哔哩 (゜-゜)つロ 干杯~': ['bilibili (゜-゜)つロ cheers~', 0, NOW],
  106. },
  107. };
  108. const MODIFICATIONS = {/* およそ5000件で1ms (Core i7-3740QM) */
  109. /* '単語': [/誤訳(削除する)/, '適訳(挿入する)'] */
  110. ja: {
  111. // 日本語
  112. '发言': [/話す|スピーチ|スピーキング|ステートメント/, '発言'],
  113. '残念': [/残り/, '残念'],
  114. '干杯': [/トースト|干杯|乾杯/, '乾杯'],
  115. '乾杯': [/トースト/, '乾杯'],
  116. '万岁': [/長生き(する|させる)?|ロングライブ/, '万歳'],
  117. '大丈夫': [/夫(ですか)?/, '大丈夫'],
  118. '正解': [/ポジティブソリューション/, '正解'],
  119. '無駄': [/イノセント|無実/g, '無駄'],
  120. '草': [/グラス|カオ/, '草'],
  121. '有能': [/エネルギーを持っている/, '有能'],
  122. '神回': [/神が戻ってきた|神様/, '神回'],
  123. '全裸待机': [/フルヌードスタンバイ/, '全裸待機'],
  124. '完全一致': [/完全に一貫性のある|完全に一貫しています/, '完全に一致'],
  125. '上手上手': [/手をつないで|手に手/, '上手上手'],
  126. '上手': [/はじめに|始めましょう/, '上手'],
  127. '清楚清楚': [/クリアとクリア/, '清楚清楚'],
  128. '清楚': [/クリア|明らか|明確/, '清楚'],
  129. '理解理解': [/理解(を|し)理解する/, '理解理解'],
  130. '余裕余裕': [/ゆうゆうゆうゆう/, '余裕余裕'],
  131. '兽耳': [/獣(の)?耳|動物の耳|獣|耳|ビーストイヤー/, 'ケモミミ'],
  132. '幻听': [/錯視|錯覚|聴覚幻覚|黙る|ありがとう|イリュージョン|イルルイン|イルリング|(オーディオ)?オーディション|ファンタジー|Illuing/, '幻聴'],
  133. '幻视': [/ファントム|マジック|魔法/, '幻視'],
  134. '错乱': [/(無秩序(に)?|乱雑|疾患|障害|カオス)/, '錯乱'],
  135. '混乱': [/カオス|混沌/, '混乱'],
  136. '认真': [/(本気|真剣に)/, '迫真'],
  137. '确信': [/(確認済み|信じ(る|て|ます)|納得|確信してい(る|ます))|きっと/, '確信'],
  138. '狂喜': [/エクスタシー/, '狂喜'],
  139. '震声': [/衝撃|ショック/, '震え声'],
  140. '棒读': [/(素晴らしい|良い|スティック|棒)(読書|リーディング)/, '棒読み'],
  141. '野生': [/ワイルド/, '野生'],
  142. '字幕组': [/字幕グループ/, '字幕組'],
  143. '字幕': [/キャプション/, '字幕'],
  144. '君中国语本当上手': [/6月中国語は始めるための方法です/, '君中国語本当上手'],
  145. '君日本语本当上手': [/6月日本語は始める方法です/, '君日本語本当上手'],
  146. // 中国語
  147. '晚上好': [/おやすみ(なさい)?|おはよう|夜(が|は)(うまい|得意|良い|いい)(です|ね)?/g, 'こんばんは'],
  148. '帅': [/ハンサム(な)?/g, 'カッコイイ'],
  149. '大人': [/(?<!あの|この)(の)?(大人|成人|おとな|テーブル)/g, 'さま'],
  150. '老大': [/上司|ボス/, '老大'],
  151. '加油': [/さあ|さて|燃料補給|燃料を供給|給油|来て|来ます|歓声(を上げる)?|フューエル|ジアオイル|jiao/g, 'がんばれ'],
  152. '厉害厉害': [/非常に強力/, 'すごいすごい'],
  153. '厉害': [/強力(な)?/, 'すごい'],
  154. '表白': [/エクスプレス|(の)?告白$|白|(を)?表現する|Express/, 'すき'],
  155. '来了来了': [/ここに来(る|て)/, '来ました'],
  156. '来了': [/(出て|やって)?(来|く|き)(る|て(います|いる)?|た)|さあ/, '来ました'],
  157. '辛苦了': [/ハードワーク|勤勉|(一生)?懸命(に)?働い(た|ている|ています)|大変(な作業)?です|難しい|つらい/, 'おつかれさま'],
  158. '辛苦啦': [/ハードワーク|勤勉|(一生)?懸命(に)?働い(た|ている|ています)|大変(な作業)?です|難しい|つらい/, 'おつかれさま'],
  159. '辛苦辛苦': [/ハードワーク|勤勉|(一生)?懸命(に)?働い(た|ている|ています)|大変(な作業)?です|難しい|つらい/, 'おつかれさま'],
  160. '冲冲冲': [/急いで/, 'いけいけいけ'],
  161. '见证历史': [/証人の歴史/, '歴史の証人'],
  162. '喷麦': [/スプレー|小麦散布/, '吐息音'],
  163. '配音': [/ダビング|Dubbing|声/, '吹き替え'],
  164. '眨眼': [/点滅/, 'まばたき'],/*ウィンクの場合もあるが点滅よりはマシ*/
  165. 'up主': [/(アップ|up)(マスター|メイン)?|メイン|主/i, 'うp主'],
  166. 'Up主': [/(アップ|up)(マスター|メイン)?|メイン|主/i, 'うp主'],
  167. 'UP主': [/(アップ|up)(マスター|メイン)?|メイン|主/i, 'うp主'],
  168. '主播': [/アンカー|オーナー/, '配信主'],
  169. '虚拟': [/(虚偽|虚似|虚俗|偽|仮想)(の)?/, 'バーチャル'],
  170. '穿模': [/金型/, 'モデル'],
  171. '安全裤': [/安全(ズボン|パンツ)/, 'スパッツ'],
  172. // 当て字
  173. '欧拉': [/(オイラー|オウラ)(、)?/g, 'オラ'],
  174. '木大': [/大きな木|ウッドビッグ/g, '無駄'],
  175. '赛高': [/サイガオ|さいがお|試合高|高(いです)?/, '最高'],
  176. '拜拜': [/さようなら|^バイ$/, 'バイバイ'],
  177. '奶思': [/ミルク思考/, 'ナイス'],
  178. '奶声': [/ミルクの声/, 'ナイス'],
  179. '奶死': [/ミルクデス|(牛乳|ミルク)(が|は)死(んだ|んでいる|んでいます|ぬ)/, 'ナイスデス'],
  180. '牙白': [/歯の白|白い歯|白|ホワイト/, 'やばい'],
  181. '纳尼': [/なな|にに|Nani/ig, 'なに'],
  182. '贴贴': [/ステッカー|それを固執する|投稿|貼付/, 'てぇてぇ'],
  183. '干巴爹': [/ドライ/, 'ガンバレ'],
  184. '霓虹金': [/ネオンゴールド/, 'ニホンジン'],
  185. '咋瓦鲁多': [/咋ヴァルド|フアン・ヴァルド/, 'ザ・ワールド'],
  186. '咋,瓦鲁多': [/悲しいかな、ヴァルド/, 'ザ・ワールド'],
  187. '斯哈斯哈': [/シャスカ|ハシャ|シハハ|Sihasha/, 'スハスハ'],
  188. '嘶哈嘶哈': [/ヒップホップヒップホップ/, 'スハスハ'],
  189. '昆卡昆卡': [/クエンカ(、)?クエンカ/, 'クンカクンカ'],
  190. '压力马斯内': [/突然の圧力|プレッシャー(マス(ヌ|ネ)|スニーク)/, 'やりますねぇ'],
  191. '压力马斯奈': [/(プレッシャー|圧力)マスネイ/, 'やりますねぇ'],
  192. '亚拉那一卡': [/ヤラナ(カード)?|Yalanaからのカード/, 'やらないか'],
  193. '妮可妮可妮': [/ニコールニコール/, 'にっこにっこにー'],
  194. // スラング
  195. '谢谢茄子': [/(ナス|茄子)(を)?ありがとう/, 'ありがとナス'],
  196. '謝謝茄子': [/(ナス|茄子)(を)?ありがとう/, 'ありがとナス'],
  197. '太草': [/草が多すぎる/, '大草原'],
  198. '鬼畜': [/ゴースト(アニマル)?|幽霊/, 'MAD'],
  199. '沙雕': [/砂(の)?彫刻|サンドカービング/, 'あほ'],
  200. '口区': [/口の面積|口地域|口元エリア/, 'ヴォエ'],
  201. '手冲': [/ハンドパンチ/, '手コキ'],
  202. '冲国': [/チョング(オ|ァ)|チョン(オ)?|Chongguo|忠国|急ぐ国/, 'チューゴク'],
  203. '康康': [/カンカン(させて(ください)?|が欲しい)/, 'ほら見せろよ'],
  204. '人类一败涂地': [/男は敗北|人間は敗北します|敗北した人間/, '人類は一敗地にまみれた'],
  205. '牛逼': [/ニウビ|ニー|強気|ヤク/, 'すごい'],
  206. '牛批': [/牛が承認されました|(牛|ビーフ)バッチ/, 'すごい'],
  207. '棒棒哒': [/スティック|すごい/, 'しゅごい'],
  208. '白给': [/ホワイト(ギブ|がくれた)?|白/, '無駄死に'],
  209. '什么鬼': [/何ゴースト|なんて幽霊/, 'なんだこれ'],
  210. '单推': [/(シングル|ワン)?(プッシュ|クリック)|单推|片押し/, '単推し'],
  211. '烤肉': [/バーベキュー|肉のグリル/, '焼肉'],
  212. '石油佬': [/油(いかだ)?|いかだ|オイル(佬)?/, '石油王'],
  213. '大佬': [/ダクシー|ダキシー|ダラット|ダウェイ|Daxie|(大|ビッグ)(ショー|big|佬)|大きい|ビッグ|大学ビル/, 'ニキ'],
  214. 'C位': [/C(ビット)?/i, 'センター'],
  215. 'c位': [/C(ビット)?/i, 'センター'],
  216. '打Call': [/(お)?電話(をかける|する|ください)|呼ぶ|コール/, 'コールする'],
  217. '打call': [/(お)?電話(をかける|する|ください)|呼ぶ|コール/, 'コールする'],
  218. // 超意訳
  219. '酸死了': [/痛い/, '裏山死'],
  220. '酸了': [/(私は)?酸っぱい(です)?/, '裏山'],
  221. '开口跪': [/オープニング|ひざを開いて/, '(゚Д゚)'],
  222. '才八点': [/たった8(時|つ)|八時だけ/, 'はえーよ'],
  223. '才8点': [/(たった|わずか)8(時|つ)/, 'はえーよ'],
  224. '光速下播': [/光速で放送する/, '急にオワタ'],
  225. '火钳刘明': [/((火)?トング|ファイアークランプ)劉明/g, '記念カキコ'],
  226. '疑车无据': [/証拠がないと疑われる車|車は根拠のないですか/, '下ネタ疑惑'],
  227. '前方高能': [/(先に|今後の)?高エネルギー(先)?(警告)?/, 'くるぞ'],
  228. '这不是演习': [/これは練習では(ありません|ないことに注意してください)/, 'これは演習ではない'],
  229. // 翻訳不能\(^o^)/
  230. '臣卜木曹': [/(チェン・ブカオ|Chen Bumu Cao)/, '(゚Д゚)'],
  231. '卧槽...': [/(横になって(いる)?|横)?トラフ(に横たわって|に横になっています)?/, '(゚Д゚)...'],
  232. '卧槽': [/(横になっている)?トラフ(に横たわって|は|で|の)?|横になって|横溝/, '(゚Д゚)!?'],
  233. // awsl
  234. '阿伟死了': [/魏は死ん(でいる|だ)/, 'awsl'],
  235. '阿伟输了': [/魏は失った/, 'awsl'],
  236. '阿伟爽了': [/魏がかっこいい/, 'awsl'],
  237. '阿伟射了': [/ウェイショット/, 'awsl'],
  238. '阿伟少林': [/魏少林寺/, 'awsl'],
  239. '啊我睡了': [/ああ、私は寝ました。/, 'awsl'],
  240. '爱我苏联': [/(私を愛して)?ソビエト連邦(を愛してください)?/, 'awsl'],
  241. '奥维丝丽': [/オビスリ/, 'awsl'],
  242. '阿伟乱葬岗': [/アウェイマスグレイブ/, 'awsl墓地'],
  243. '阿伟乱葬场': [/魏古墳/, 'awsl墓地'],
  244. // 固有名詞
  245. '谷酱': [/谷/, 'グーグルちゃん'],
  246. 'goo酱': [/グーソース/, 'Googleちゃん'],
  247. '油管': [/(オイル|(石)?油)パイプ|管|チューブ|チュービング/, 'YouTube'],
  248. '京阿尼': [/ジン(・)?アニ|ジンガニ|ジンギ|キナーニ|Jing Ani|Jingani|京阿尼|京安尼|神谷/, '京アニ'],
  249. '诸葛孔明': [/Zhuge Kongming|ジュージュコミング/, '諸葛孔明'],
  250. '孔明': [/Kong Ming|コミング|コングミン/, '孔明'],
  251. '奥特曼': [/アルトマン|Altman/, 'ウルトラマン'],
  252. // キズナアイ
  253. '绊爱酱': [/ラブソース|ソースが大好き(です)?/, 'キズナアイちゃん'],
  254. '爱酱': [/(ラブ)?ソース|Love Sauce/g, 'アイちゃん'],
  255. // 白上フブキ
  256. '白上吹雪': [/白で吹(く)?雪|白雪姫/g, '白上フブキ'],
  257. '吹雪酱': [/吹雪ソース/g, 'フブキちゃん'],
  258. // リブドル
  259. '战斗吧歌姬': [/戦う、歌手|歌手と戦(う|ってください)|歌手との戦い/, 'リブドル'],
  260. 'Swan': [/白鳥/, 'スワン'],
  261. 'swan': [/白鳥/, 'スワン'],
  262. '罗兹': [/ロードス(島)?|ウッチ|Rhodes|Roz/ig, 'ローズ'],
  263. '神宫司': [/神社|神宮課|神宮シー/g, '神宮司'],
  264. '玉藻': [/ゆう(ざお|ぞう)|遊蔵|翡翠(藻)?|玉藻|玉|藻|湯田|遊戯王|裕蔵|湯蔵|ug尾|Yuzao|Yugao/g, '玉藻'],
  265. '清歌': [/清歌|(Li )?Qingge|(清の)?歌|(クリアな)?(曲|歌)|(クリア)?ソング|クリア|チンゲ/g, '清歌'],
  266. '清哥': [/清歌|Qingge|清の(兄弟|兄|弟)|チンゲ/g, '清歌'],
  267. '墨汐': [/インク(兄弟)?|モク|墨汐|Mo (Yan|Zhen)|Moxi/g, 'モーシィ'],
  268. '卡缇娅': [/ケイヤ|カヤ|キャシー|Kayya|Katya|缇卡缇娅|缇卡娅娅/ig, 'カティア'],
  269. '鸭鸭': [/アヒル(と|や|に)アヒル|アヒル|あひる/g, '鴨鴨'],
  270. '伊莎贝拉': [/イザベラ/g, 'イザベラ'],
  271. '贝拉拉': [/ベララ|ベッラーラ|Bellala/g, 'ベララ'],
  272. // Overidea
  273. '张京华': [/張晶華|チャン静華|チャンジンファ|(Zhang )?Jinghua/, '張京華'],
  274. '京华': [/晶華|景華|清華|ジンファ|Jinghua/, '京華'],
  275. '谢拉': [/シ(ー)?ラ|シェ(イ)?ラ|セラ|ゼラ|Sheila|Shera|Sierra|Xie( La)?|謝(La|ラ)?|谢拉/i, 'シエラ'],
  276. '謝拉': [/シ(ー)?ラ|シェ(イ)?ラ|セラ|ゼラ|Sheila|Shera|Sierra|Xie( La)?|謝(La|ラ)?|谢拉/i, 'シエラ'],
  277. '米娅': [/アミア|Mia/i, 'ミア'],
  278. // 織田信姫
  279. '信姬': [/Xin Ji|Xinji|新(地|自)/i, '信姫'],
  280. // 朝ノ姉妹
  281. '瑠璃': [/(着色)?ガラス|Liuli/i, '瑠璃'],
  282. // 神楽めあ
  283. 'mea酱': [/(ミート|ミース)ソース/ig, 'めあちゃん'],
  284. // 湊あくあ
  285. '阿库娅': [/アクア|あくや|阿久谷|Akuya|Akua/ig, 'あくあ'],
  286. // 猫宮ひなた
  287. '猫宫酱': [/猫(の)?宮殿ソース/ig, '猫宮ちゃん'],
  288. '猫宫': [/猫(の)?宮殿|キャットパレス|Cat Palace/ig, '猫宮'],
  289. '貓宮': [/猫(の)?宮殿|キャットパレス|Cat Palace/ig, '猫宮'],
  290. 'Hinata酱': [/(ひなた|日向|Hinata)(ソース|醤油)/ig, 'ひなたちゃん'],
  291. 'hinata酱': [/(ひなた|日向|Hinata)(ソース|醤油)/ig, 'ひなたちゃん'],
  292. 'HINATA酱': [/(ひなた|日向|Hinata)(ソース|醤油)/ig, 'ひなたちゃん'],
  293. // 物述有栖
  294. '爱丽丝酱': [/アリスソース/g, 'ありすちゃん'],
  295. // 宝鐘マリン
  296. '宝钟玛琳': [/バオ・ゾン・マー・リン|バオ・チョン・マーリン/, '宝鐘マリン'],
  297. '宝钟': [/トレジャーベル/, '宝鐘'],
  298. '玛琳': [/マリリン/, 'マリン'],
  299. // Paryi
  300. '迷迭迷迭': [/ローズマリー/, '見て見て'],
  301. '帕里桑': [/パリサン|プリッサン|パリジャン|Parrysan/g, 'Paryiさん'],
  302. '帕里': [/パリ(ー)?|Parry/g, 'Paryi'],
  303. 'Paryi': [/パリリ/g, 'Paryi'],
  304. 'paryi': [/パリリ/g, 'Paryi'],
  305. // 米米米
  306. '米米米': [/ミミ/, '米米米'],
  307. '光姬': [/広([智義治地域島姫])|光栄|姫路|グァンジ|ガンジー|ジジ|ジグ|チジ|Guang( )?Ji|Gigi Hime/ig, 'つや姫'],
  308. '光酱': [/(ライト|軽い)ソース/, 'つやちゃん'],
  309. '萌实里': [/メン(シリ|グリ)|Meng Shili/, '萌えみのり'],
  310. 'Milky女王': [/(ミルキー|ミルクの|牛乳)女王/, 'ミルキークイーン'],
  311. 'milky女王': [/(ミルキー|ミルクの|牛乳)女王/, 'ミルキークイーン'],
  312. 'Milky公主': [/プリンセスミルキー|ミルキープリンセス|乳白色の王女/, 'ミルキークイーン'],
  313. 'milky公主': [/プリンセスミルキー|ミルキープリンセス|乳白色の王女/, 'ミルキークイーン'],
  314. // 洛天依
  315. '洛天依': [/羅天(一)?|Luotianyi/, '洛天依'],
  316. // Siva
  317. 'Siva小虾鱼': [/シバエビ|Siva Shrimp Fish/, 'Sivaえび'],
  318. 'siva小虾鱼': [/シバエビ|Siva Shrimp Fish/, 'Sivaえび'],
  319. '虾虾': [/えび(と|や|、)えび|エビ(と|や|、)エビ|海老(と|や|、)海老|Shrimp and Shrimp|えび|エビ/, 'えびえび'],
  320. '雪风': [/雪風|雪の風|雪|風|スノーウィンド/, '雪風'],
  321. // 七柠
  322. '七柠': [/([7七][個つ]の|セブン)レモン/, '七柠'],
  323. '柠哥': [/(レモン|ゲ|Ge)?(ブラザー|兄弟)(ゲ|Ge)?/, 'レモニキ'],
  324. // ビリビリ
  325. '哔哩哔哩': [/(哔)+(哩)+|こんにちは|ビ(ブ)?リリ/, 'ビリビリ'],
  326. 'bilibili': [/Bilibili|ビリビリ|ビ(ブ)?リリ/, 'bilibili'],
  327. 'B站': [/駅B|B駅|(B|ビー)ステーション|ステーションB|駅/i, 'ビリビリ'],
  328. 'b站': [/駅b|b駅|(b|ビー)ステーション|ステーションB|駅/i, 'ビリビリ'],
  329. '舰长': [/船長|キャプテン/, '艦長'],
  330. '提督': [/提督/, '提督'],
  331. '总督': [/総督|知事/, '総督'],
  332. '友爱社': [/愛の友達|友情協会/, '友愛社'],
  333. '粉丝勋章': [/ファンメダル/, 'ファンバッジ'],
  334. '金瓜子': [/(ゴールデン|金)メロンの種/, '金瓜子'],
  335. '银瓜子': [/(シルバー|銀)メロンの種/, '銀瓜子'],
  336. '瓜子': [/メロンの種/, '瓜子'],
  337. '辣条': [/(スパイシー|ホット|辛い)(な)?(ストリップ|バー|食べ物)/, '辣条'],
  338. '关注': [/注意|注目|懸念|心配(されている|する)/, 'フォロー'],
  339. // 禁断の一字置換
  340. '酱': [/ソース/g, 'ちゃん'],
  341. '强': [/ストロング(.+)ストロング/g, '強 $1 強'],
  342. },
  343. en: {
  344. '草': [/grass/, 'lol'],
  345. },
  346. };
  347. const REGEXP = {
  348. hasKana: /[ぁ-んァ-ン]/,
  349. allAlphabet: /^[a-zA-Z0-9,.'"!?\s]+$/,
  350. allEmoji: /^(\ud83c[\udf00-\udfff]|\ud83d[\udc00-\ude4f]|\ud83d[\ude80-\udeff]|\ud7c9[\ude00-\udeff]|[\u2600-\u27BF])+$/,
  351. };
  352. const RETRY = 10;
  353. let sites = {
  354. video: {
  355. targets: {
  356. },
  357. translationTargets: [
  358. [false, () => $('title')],
  359. [false, () => $('body')],
  360. ],
  361. get: {
  362. videoDanmaku: () => $('.bilibili-player-video-danmaku'),/* div or canvas */
  363. commentlistApi: (cid) => COMMENTLISTAPI.replace('{cid}', cid),
  364. cid: (url) => /cid(?::|%3A|=)[0-9]+/.test(url) ? url.match(/cid(?::|%3A|=)([0-9]+)/)[1] : '0',
  365. danmakuInput: () => $('input.bilibili-player-video-danmaku-input'),
  366. },
  367. set: {
  368. danmakuTypeCSS: (callback) => {
  369. let danmakuSetting = $('.bilibili-player-video-danmaku-setting');
  370. if(danmakuSetting === null) return log('danmakuSetting not found.');
  371. danmakuSetting.dispatchEvent(new MouseEvent('mouseover'));
  372. danmakuSetting.dispatchEvent(new MouseEvent('mouseout'));
  373. animate(function(){
  374. let danmakuTypeCSS = $('li.bui-select-item[data-value="div"]');
  375. if(danmakuTypeCSS === null) return log('Can\'t find CSS3 setting.');
  376. danmakuTypeCSS.click();
  377. log('Set to CSS3.');
  378. callback();
  379. });
  380. },
  381. },
  382. },
  383. bangumi: {
  384. targets: {
  385. },
  386. translationTargets: [
  387. [false, () => $('title')],
  388. [false, () => $('body')],
  389. ],
  390. get: {
  391. videoDanmaku: () => $('.bilibili-player-video-danmaku'),/* div or canvas */
  392. commentlistApi: (cid) => COMMENTLISTAPI.replace('{cid}', cid),
  393. cid: (url) => /cid(?::|%3A|=)[0-9]+/.test(url) ? url.match(/cid(?::|%3A|=)([0-9]+)/)[1] : '0',
  394. danmakuInput: () => $('input.bilibili-player-video-danmaku-input'),
  395. },
  396. set: {
  397. danmakuTypeCSS: (callback) => {
  398. let danmakuSetting = $('.bilibili-player-setting-btn');
  399. if(danmakuSetting === null) return log('danmakuSetting not found.');
  400. danmakuSetting.click();
  401. animate(function(){
  402. let danmakuSettingClose = $('.bilibili-player-setting .bilibili-player-panel-back');
  403. let danmakuType = $('.bilibili-player-setting-type');
  404. if(danmakuType === null) return log('Can\'t find danmakuType setting.');
  405. danmakuType.click();
  406. animate(function(){
  407. let danmakuTypeCSS = $('li.bpui-selectmenu-list-row[data-value="div"]');
  408. if(danmakuTypeCSS === null) return log('Can\'t find CSS3 setting.');
  409. danmakuTypeCSS.click();
  410. danmakuSettingClose.click();
  411. log('Set to CSS3.');
  412. callback();
  413. });
  414. });
  415. },
  416. },
  417. },
  418. live: {
  419. targets: {
  420. operableContainer: () => $('.bilibili-live-player-video-operable-container'),/*特殊弾幕枠*/
  421. chatHistoryList: () => $('#chat-history-list'),
  422. chatActions: () => $('#chat-control-panel-vm .bottom-actions'),
  423. },
  424. translationTargets: [
  425. [false, () => $('title')],
  426. [false, () => $('body')],
  427. [ true, () => $('.bilibili-live-player-video-controller')],/*プレイヤ内コントローラ*/
  428. [ false, () => $('.bilibili-live-player-video-controller-duration-btn > div > span')],
  429. [ true, () => $('#chat-control-panel-vm')],/*投稿欄内コントローラ*/
  430. [ false, () => $('#chat-control-panel-vm textarea')],
  431. [ false, () => $('#chat-control-panel-vm .bottom-actions')],
  432. ],
  433. get: {
  434. videoDanmaku: () => $('.bilibili-live-player-video-danmaku'),
  435. operableSpace: (operableContainer) => operableContainer.querySelector('#pk-vm ~ div[style*="height:"]'),
  436. danmakuInput: () => $('textarea.chat-input'),/*divからtextareaに置換される*/
  437. },
  438. },
  439. };
  440. let html, elements = {}, timers = {}, sizes = {}, site;
  441. let translator, translations = {}, cid;
  442. class Packet{
  443. /* Bilibili Live WebSocket message packet */
  444. /* thanks to:
  445. https://segmentfault.com/a/1190000017328813
  446. https://blog.csdn.net/xuchen16/article/details/81064372
  447. https://github.com/shugen002/userscript/blob/master/BiliBili%20WebSocket%20Proxy%20Rebuild.user.js
  448. */
  449. constructor(buffer){
  450. Packet.VERSION_COMPRESSED = 2;/* protocol version for compressed body */
  451. Packet.OPERATION_COMMAND = 5;/* operation type for command */
  452. Packet.COMMAND_DANMAKU = 'DANMU_MSG';/* command code for 弾幕(danmaku/danmu) */
  453. this.buffer = buffer;
  454. this.dataView = new DataView(buffer);
  455. this.views = {
  456. package: this.dataView.getUint32(0),/* packet length */
  457. header: this.dataView.getUint16(4),/* header length = offset for body */
  458. version: this.dataView.getUint16(6),/* protocol version */
  459. operation: this.dataView.getUint32(8),/* operation type */
  460. };
  461. try{
  462. this.array = this.getArray();
  463. this.messages = this.getMessages();
  464. }catch(e){
  465. log(e, this.views, new Uint8Array(this.buffer));
  466. }
  467. }
  468. getArray(){
  469. return (this.isCompressed)
  470. ? pako.inflate(new Uint8Array(this.buffer, this.views.header))
  471. : new Uint8Array(this.buffer)
  472. ;
  473. }
  474. getMessages(){
  475. let dataView = new DataView(this.array.buffer);
  476. let messages = [], headerLength = this.views.header, decoder = new TextDecoder();
  477. for(let pos = 0, packetLength = 0; pos < this.array.length; pos += packetLength){
  478. packetLength = dataView.getUint32(pos);
  479. let subarray = this.array.subarray(pos + headerLength, pos + packetLength);
  480. let string = decoder.decode(subarray);
  481. messages.push(string[0] === '{' ? JSON.parse(string) : string);
  482. }
  483. return messages;
  484. }
  485. getDanmakuContents(){
  486. return this.getDanmakus().map(d => {
  487. if(d.info === undefined) return log('Unexpected Danmaku JSON.', d), null;
  488. return d.info[1];
  489. });
  490. }
  491. getDanmakus(){
  492. if(this.isCommand === false) return [];
  493. return this.messages.filter(m => {
  494. if(m.cmd === undefined) return log('Unexpected Command JSON:', m), false;
  495. return m.cmd.startsWith(Packet.COMMAND_DANMAKU);
  496. });
  497. }
  498. get isCompressed(){
  499. return (this.views.version === Packet.VERSION_COMPRESSED);
  500. }
  501. get isCommand(){
  502. return (this.views.operation === Packet.OPERATION_COMMAND);
  503. }
  504. }
  505. class Translator{
  506. /* Danmaku translator using the browser's auto translation */
  507. constructor(){
  508. Translator.TRANSLATIONSATONCE = TRANSLATIONSATONCE;
  509. Translator.TRANSLATIONSINTERVAL = TRANSLATIONSINTERVAL;
  510. Translator.HISTORYLENGTH = HISTORYLENGTH;
  511. Translator.TRANSLATIONEXPIRED = TRANSLATIONEXPIRED;
  512. Translator.DICTIONARY = DICTIONARIES[USERLANGUAGE] || DICTIONARIES[USERLANGUAGE.substring(0, 2)] || {};
  513. Translator.MODIFICATIONS = MODIFICATIONS[USERLANGUAGE] || MODIFICATIONS[USERLANGUAGE.substring(0, 2)] || {};
  514. Translator.MODIFICATIONSKEYS = Object.keys(Translator.MODIFICATIONS);
  515. Translator.WAITING_LIMIT = WAITING_LIMIT;
  516. this.counters = {pushes: 0, registerTranslations: 0, fails: 0};
  517. this.dictionary = this.getDictionary();
  518. this.history = Storage.read('history') || [];
  519. this.priorDanmaku = this.createPriorDanmaku();
  520. this.priorDanmakuWaitings = {};/* waiting for getting translated */
  521. this.priorDanmakuRequested = 0;/* last requested time */
  522. this.priorDanmakuQueue = [];/* queue for preventing multiple request in TRANSLATIONSINTERVAL */
  523. this.timer = 0;/* timer to next TRANSLATIONSINTERVAL */
  524. this.danmakuWaitings = {};/* waiting for getting translation */
  525. }
  526. getDictionary(){
  527. /* use browser language dictionary */
  528. let dictionary;
  529. if(Storage.read('USERLANGUAGE') !== USERLANGUAGE) dictionary = Translator.DICTIONARY;
  530. else dictionary = Storage.read('dictionary') || Translator.DICTIONARY;
  531. Storage.save('USERLANGUAGE', USERLANGUAGE);
  532. dictionary = this.updateDictionary(dictionary);
  533. return dictionary;
  534. }
  535. updateDictionary(dictionary){
  536. /* update structure (2019/6/11) */
  537. let keys = Object.keys(dictionary);
  538. if(typeof dictionary[keys[0]] === 'string') keys.forEach(key => {
  539. dictionary[key] = [dictionary[key], 1, NOW];
  540. });
  541. /* update key (2019/6/23) */
  542. let oldKey = 'BilibiliLiveCommentTranslator';
  543. let oldDictionary = localStorage[`${oldKey}-dictionary`], oldHistory = localStorage[`${oldKey}-history`];
  544. if(oldDictionary && oldHistory){
  545. dictionary = JSON.parse(oldDictionary).value;
  546. this.history = JSON.parse(oldHistory).value;
  547. localStorage.removeItem(`${oldKey}-dictionary`);
  548. localStorage.removeItem(`${oldKey}-history`);
  549. }
  550. return dictionary;
  551. }
  552. createPriorDanmaku(){
  553. /* Append danmaku comments from WebSocket for translating by browser as fast as possible */
  554. let priorDanmaku = elements.priorDanmaku = createElement(core.html.priorDanmaku());
  555. window.top.document.body.appendChild(priorDanmaku);
  556. return priorDanmaku;
  557. }
  558. pushAll(originals){
  559. originals.forEach(o => this.push(o));
  560. this.throttle();
  561. }
  562. push(original){
  563. this.counters.pushes++;
  564. if(this.dictionary[original] !== undefined) return this.dictionary[original][1]++;/* already exists in the dictionary */
  565. if(this.priorDanmakuQueue.includes(original) === true) return;/* already queued */
  566. if(this.priorDanmakuWaitings[original] !== undefined) return;/* already waiting for translation */
  567. if(this.shouldBeTranslated(original) === false) return;/* seems not to be Chinese */
  568. this.priorDanmakuQueue.push(original);
  569. }
  570. throttle(){
  571. if(this.priorDanmakuQueue.length === 0) return;
  572. /* throttle for single waiting query to Chrome Translation */
  573. if(this.priorDanmaku.children.length > 0) return;
  574. /* throttle for TRANSLATIONSINTERVAL */
  575. let now = Date.now(), elapsed = now - this.priorDanmakuRequested;
  576. clearTimeout(this.timer);
  577. if(elapsed <= Translator.TRANSLATIONSINTERVAL){
  578. this.timer = setTimeout(() => this.putOnPriorDanmaku(), Translator.TRANSLATIONSINTERVAL - elapsed);
  579. }else{
  580. this.putOnPriorDanmaku();
  581. }
  582. }
  583. putOnPriorDanmaku(){
  584. log('priorDanmakuQueue:', this.priorDanmakuQueue.length, this.priorDanmakuQueue);
  585. this.priorDanmakuRequested = Date.now();
  586. let putOnce = this.putOnPriorDanmaku.putOnce ? true : false;/* it can put more only on first time */
  587. let atOnce = putOnce ? Translator.TRANSLATIONSATONCE : 10*1000;
  588. let fragment = document.createDocumentFragment();
  589. this.priorDanmakuQueue.reverse();/* from latest danmaku */
  590. for(let i = 0, original; original = this.priorDanmakuQueue[i]; i++){
  591. if(atOnce <= i) break;
  592. let li = createElement(core.html.danmakuContent(original));
  593. this.priorDanmakuWaitings[original] = li;
  594. fragment.appendChild(li);
  595. /* Observe auto translation by browser */
  596. let observer = observe(li, (records) => {
  597. //log('Got translated:', original);
  598. this.registerTranslation(original, li.textContent);
  599. this.removeWaiting(original, li, observer);
  600. this.throttle();
  601. });
  602. /* Time to give up */
  603. setTimeout(() => {
  604. if(li && li.isConnected){
  605. log('Give up for waiting translated:', original);
  606. this.counters.fails++;
  607. this.removeWaiting(original, li, observer);
  608. }
  609. }, (putOnce) ? Translator.WAITING_LIMIT : 60*60*1000);
  610. }
  611. //log(Array.from(fragment.children).map(c => c.textContent));
  612. this.priorDanmaku.appendChild(fragment);
  613. this.priorDanmakuQueue = [];/* dropped */
  614. this.putOnPriorDanmaku.putOnce = true;
  615. }
  616. registerTranslation(original, translation){
  617. this.counters.registerTranslations++;
  618. this.dictionary[original] = [translation, 1, Date.now()];
  619. this.history.push(original);
  620. /* append the translation for each streaming danmakus */
  621. if(this.danmakuWaitings[original]){
  622. this.danmakuWaitings[original].forEach(d => this.appendTranslation(d, translation));
  623. delete this.danmakuWaitings[original];
  624. }
  625. }
  626. removeWaiting(original, span, observer){
  627. observer.disconnect();
  628. span.parentNode.removeChild(span);
  629. delete this.priorDanmakuWaitings[original];
  630. }
  631. requestTranslation(danmaku){
  632. if(this.shouldBeTranslated(danmaku.textContent) === false) return;/* seems not to be Chinese */
  633. if(this.dictionary[danmaku.textContent] === undefined){
  634. if(this.danmakuWaitings[danmaku.textContent] === undefined) this.danmakuWaitings[danmaku.textContent] = [];
  635. this.danmakuWaitings[danmaku.textContent].push(danmaku);
  636. }else{
  637. if(danmaku.textContent === this.dictionary[danmaku.textContent][0]) return;/* original and translation are the same */
  638. this.appendTranslation(danmaku, this.dictionary[danmaku.textContent][0]);
  639. }
  640. //log(danmaku.textContent, 'should be translated.')
  641. }
  642. appendTranslation(danmaku, translation){
  643. //log(danmaku.textContent, translation);
  644. /* it's better to modify before writing to dictionary, but MODIFICATIONS may often be updated */
  645. Translator.MODIFICATIONSKEYS.filter(key => danmaku.textContent.includes(key)).forEach(key => {
  646. if(DEBUG && Translator.MODIFICATIONS[key][0].test(translation) === false) log(
  647. 'Doesn\'t match:', danmaku.textContent, key, translation, Translator.MODIFICATIONS[key],
  648. );
  649. translation = translation.replace(Translator.MODIFICATIONS[key][0], Translator.MODIFICATIONS[key][1]);
  650. });
  651. danmaku.appendTranslation(translation);
  652. }
  653. shouldBeTranslated(textContent){
  654. switch(true){
  655. case(this.dictionary[textContent] !== undefined):/* has a translation */
  656. return true;
  657. case(textContent.match(REGEXP.hasKana) !== null):/* seems to be Japanese */
  658. case(textContent.match(REGEXP.allAlphabet) !== null):/* seems to be English */
  659. case(textContent.match(REGEXP.allEmoji) !== null):/* seems to be Emoji */
  660. return false;
  661. default:
  662. return true;
  663. }
  664. }
  665. save(){
  666. /* log usage statistics */
  667. let c = this.counters, saved = (((c.pushes - c.fails - c.registerTranslations)/((c.pushes - c.fails) || 1))*100).toFixed(0) + '%';
  668. log('Total danmaku:', c.pushes, 'Newly translated:', c.registerTranslations, 'Saved:', saved, 'Fails:', c.fails);
  669. /* save the dictionary and the history of latest HISTORYLENGTH pairs */
  670. let newDictionary = {}, newHistory = [];
  671. for(let i = this.history.length - 1, count = 0, now = Date.now(); 0 <= i; i--){
  672. if(this.dictionary[this.history[i]] === undefined){
  673. log('Unknown history', this.history[i]);
  674. continue;
  675. };
  676. if(this.dictionary[this.history[i]][2] < now - Translator.TRANSLATIONEXPIRED) continue;/* old data */
  677. if(newDictionary[this.history[i]] !== undefined) continue;/* duplicated in the history */
  678. newDictionary[this.history[i]] = this.dictionary[this.history[i]];
  679. newHistory[count] = this.history[i];
  680. if(count++ === Translator.HISTORYLENGTH) break;
  681. }
  682. /* keep the default dictionary */
  683. Object.keys(Translator.DICTIONARY).forEach(key => {
  684. newDictionary[key] = newDictionary[key] || Translator.DICTIONARY[key];
  685. });
  686. log('Dictionary length:', newHistory.length, 'Stored size:', toMetric(JSON.stringify(newDictionary).length * 2) + 'bytes');
  687. Storage.save('dictionary', newDictionary);
  688. Storage.save('history', newHistory.reverse());
  689. }
  690. }
  691. class Danmaku{
  692. constructor(danmaku){
  693. Danmaku.zIndex = Danmaku.zIndex || 1;
  694. this.element = danmaku;
  695. this.textContent = danmaku.textContent;
  696. this.modify();
  697. }
  698. modify(){
  699. this.element.style.zIndex = parseInt(this.element.style.zIndex || 0) + Danmaku.zIndex++;/* newer comments have priority */
  700. /* Make space for appending translation text */
  701. this.element.style.top = (() => {
  702. if(this.element.style.top === '') return;
  703. let operableContainer = elements.operableContainer, operableSpace = operableContainer ? site.get.operableSpace(operableContainer) : null;
  704. if(this.element.style.top[0] === '-' || operableSpace === null || operableSpace.children.length === 0 || operableSpace.style.height === ''){
  705. return (parseFloat(this.element.style.top) * 2) + 'px';
  706. }else{
  707. let height = parseFloat(operableSpace.style.height), top = parseFloat(this.element.style.top);
  708. return (height + ((top - height) * 2)) + 'px';
  709. }
  710. })();
  711. /* Even if double long translation text added, keep streaming to completely go away */
  712. this.element.style.transitionDuration = ((transitionDuration) => {
  713. if(transitionDuration === '') return;
  714. let m = transitionDuration.match(/([0-9.]+)(m?s)/);
  715. if(m === null) return log('Unknown transitionDuration format:', transitionDuration), transitionDuration;
  716. return (parseFloat(m[1]) * 2) + m[2];
  717. })(this.element.style.transitionDuration);
  718. this.element.style.transform = ((transform) => {
  719. if(transform === '') return;
  720. let m = transform.match(/(translateX?)\(([-0-9.]+)(px)/);
  721. if(m === null) return log('Unknown transform format:', transform), transform;
  722. return transform.replace(m[0], `${m[1]}(${parseFloat(m[2]) * 2}${m[3]}`);
  723. })(this.element.style.transform);
  724. }
  725. appendTranslation(translation){
  726. let span = createElement(core.html.translation(translation));
  727. this.element.appendChild(span);
  728. span.animate([{opacity: `0`},{opacity: `1`}], {duration: 500, fill: 'forwards'});
  729. this.element.addEventListener('transitionend', (e) => {
  730. span.animate([{opacity: `1`},{opacity: `0`}], {duration: 500, fill: 'forwards'});
  731. }, {once: true});
  732. }
  733. get hasTranslation(){
  734. /* bilibili removes previous translation element when the danmaku element has reused */
  735. return (this.element.querySelector('.translation') === null) ? false : true;
  736. }
  737. }
  738. let core = {
  739. initialize: function(){
  740. html = document.documentElement;
  741. html.classList.add(SCRIPTNAME);
  742. switch(true){
  743. case(location.href.match(/^https:\/\/www\.bilibili\.com\/video\/[a-zA-Z0-9]+/) !== null):
  744. case(location.href.match(/^https:\/\/www\.bilibili\.com\/medialist\/play\/.+/) !== null):
  745. site = sites.video;
  746. translator = new Translator();
  747. core.listenXMLHttpRequests();
  748. core.targetTranslation();
  749. setTimeout(core.readyForVideo, 3000);/*videoDanmaku要素の種類が遅延して反映される*/
  750. break;
  751. case(location.href.match(/^https:\/\/www\.bilibili\.com\/bangumi\/play\/[a-zA-Z0-9]+/) !== null):
  752. site = sites.bangumi;
  753. translator = new Translator();
  754. core.listenXMLHttpRequests();
  755. core.targetTranslation();
  756. setTimeout(core.readyForVideo, 3000);/*videoDanmaku要素の種類が遅延して反映される*/
  757. break;
  758. case(location.href.match(/^https:\/\/live\.bilibili\.com\/[0-9]+/) !== null):
  759. case(location.href.match(/^https:\/\/live\.bilibili\.com\/blanc\/[0-9]+/) !== null):
  760. site = sites.live;
  761. translator = new Translator();
  762. core.listenWebSockets();
  763. core.targetTranslation();
  764. core.readyForLive();
  765. break;
  766. default:
  767. return log('Bye.');
  768. }
  769. core.observeHead();
  770. core.readyForUnload();
  771. core.export();
  772. },
  773. readyForVideo: function(){
  774. if(document.hidden) return setTimeout(core.readyForVideo, 1000);
  775. core.getTargets(site.targets, RETRY).then(() => {
  776. log("I'm ready for Video.");
  777. core.translateUserInterface();
  778. core.setDanmakuSettings();
  779. core.observeVideoDanmaku();
  780. core.modifyDanmakuInput();
  781. core.addStyle('topStyle', window.top);
  782. core.addStyle();
  783. });
  784. },
  785. readyForLive: function(){
  786. if(document.hidden) return setTimeout(core.readyForVideo, 1000);
  787. core.getTargets(site.targets, RETRY).then(() => {
  788. log("I'm ready for Live.");
  789. core.translateUserInterface();
  790. core.observeVideoDanmaku();
  791. core.modifyDanmakuInput();
  792. core.addStyle('topStyle', window.top);
  793. core.addStyle();
  794. });
  795. },
  796. observeHead: function(){
  797. /* URL変化の検出の代替 */
  798. let head = $('head'), url = location.href;
  799. let observer = observe(head, function(records){
  800. if(url === location.href) return;
  801. url = location.href;
  802. log(head);
  803. observer.disconnect();
  804. core.initialize();
  805. }, {childList: true, characterData: true, subtree: true});
  806. },
  807. targetTranslation: function(){
  808. const setTranslate = function(element){
  809. element.classList.add('translate');
  810. element.translate = true;
  811. };
  812. const setNoTranslate = function(element){
  813. element.classList.add('notranslate');
  814. element.translate = false;
  815. };
  816. for(let i = 0, target; target = site.translationTargets[i]; i++){
  817. if(target[1]() === null) return setTimeout(core.targetTranslation, 1000);
  818. if(target[0] === true) setTranslate(target[1]());
  819. else setNoTranslate(target[1]());
  820. }
  821. },
  822. translateUserInterface: function(){
  823. translations = TRANSLATIONS[USERLANGUAGE] || TRANSLATIONS[USERLANGUAGE.substring(0, 2)] || TRANSLATIONS.en;
  824. /*置換したりobserveしたりする・・・かもしれない*/
  825. },
  826. listenXMLHttpRequests: function(){
  827. /* 公式の通信内容を取得 */
  828. window.XMLHttpRequest = new Proxy(XMLHttpRequest, {
  829. construct(target, arguments){
  830. const xhr = new target(...arguments);
  831. //log(xhr, arguments);
  832. xhr.addEventListener('load', function(e){
  833. if(xhr.responseURL.startsWith(PLAYERAPI) === false) return;
  834. cid = site.get.cid(xhr.responseURL);
  835. core.getDanmakuList();
  836. });
  837. return xhr;
  838. }
  839. });
  840. },
  841. getDanmakuList: function(){
  842. let api = site.get.commentlistApi(cid);
  843. fetch(api, {credentials: 'include', mode: 'cors'})
  844. .then(response => response.text())
  845. .then(text => new DOMParser().parseFromString(text, 'text/xml'))
  846. .then(d => {
  847. let ds = d.querySelectorAll('d');
  848. if(ds.length === 0) return log('Unknown danmaku format:', d);
  849. let danmakuContents = Array.from(ds).map(d => d.textContent);
  850. translator.pushAll(danmakuContents);
  851. });
  852. },
  853. listenWebSockets: function(){
  854. /* 公式の通信内容を取得 */
  855. window.WebSocket = new Proxy(WebSocket, {
  856. construct(target, arguments){
  857. const ws = new target(...arguments);
  858. //log(ws, arguments);
  859. if(ws.url.includes(CHATSERVER)) ws.addEventListener('message', function(e){
  860. let packet = new Packet(e.data);
  861. //log(packet.views, packet.messages);
  862. if(packet.isCommand === false) return;
  863. let danmakuContents = packet.getDanmakuContents();
  864. if(danmakuContents.length === 0) return;
  865. //log('Danmaku in a packet:', danmakuContents.length, danmakuContents);
  866. translator.pushAll(danmakuContents);
  867. });
  868. return ws;
  869. }
  870. });
  871. },
  872. setDanmakuSettings: function(){
  873. let videoDanmaku = site.get.videoDanmaku();
  874. if(videoDanmaku === null) return log('videoDanmaku not found.');
  875. if(videoDanmaku.localName === 'canvas'){
  876. site.set.danmakuTypeCSS(core.observeVideoDanmaku);
  877. }
  878. },
  879. observeVideoDanmaku: function(){
  880. let videoDanmaku = site.get.videoDanmaku();
  881. let observer = observe(videoDanmaku, function(records){
  882. //log(records);
  883. for(let i = 0; records[i]; i++){
  884. if(records[i].addedNodes.length === 0) continue;
  885. if(records[i].addedNodes[0].classList.contains('bilibili-danmaku') === false) continue;
  886. let danmaku = new Danmaku(records[i].addedNodes[0]);
  887. translator.requestTranslation(danmaku);
  888. observeDanmaku(danmaku);/*danmakuは再利用される!*/
  889. }
  890. });
  891. const observeDanmaku = function(danmaku){
  892. /* 再利用(新規弾幕としての生まれ変わり)を検知したい */
  893. let observer = observe(danmaku.element, function(records){
  894. if(danmaku.hasTranslation) return;/*再利用ではなく翻訳文追加だった*/
  895. danmaku = new Danmaku(danmaku.element);/*上書き*/
  896. translator.requestTranslation(danmaku);
  897. });
  898. };
  899. },
  900. modifyDanmakuInput: function(){
  901. /* 弾幕投稿内容を翻訳する機能を追加 */
  902. let danmakuInput = site.get.danmakuInput(), modifier = ISMAC ? 'metaKey' : 'ctrlKey';
  903. if(danmakuInput === null || danmakuInput.placeholder === undefined) return setTimeout(core.modifyDanmakuInput, 1000);/*属性付与が遅れる場合もあるので*/
  904. danmakuInput.placeholder += '\n' + translations.inputTranslationKey;
  905. observe(danmakuInput, function(record){
  906. if(danmakuInput.placeholder.endsWith(translations.inputTranslationKey)) return;
  907. danmakuInput.placeholder += '\n' + translations.inputTranslationKey;
  908. }, {attributes: true, attributeFilter: ['placeholder']});
  909. window.addEventListener('keydown', function(e){
  910. if(e.target !== danmakuInput) return;
  911. if(e.key === 'Enter' && e[modifier] === true){
  912. e.preventDefault();
  913. e.stopPropagation();
  914. danmakuInput.classList.add('translating');
  915. let api = TRANSLATOR.replace('{text}', danmakuInput.value).replace('{source}', USERLANGUAGE).replace('{target}', BILIBILILANGUAGE);
  916. fetch(api, {mode: 'cors'})
  917. .then(response => response.text())
  918. .then(text => {
  919. //log(text);
  920. danmakuInput.value = text;
  921. danmakuInput.dispatchEvent(new InputEvent('input'));/*実際の送信内容に反映させるために必要*/
  922. danmakuInput.classList.remove('translating');
  923. })
  924. .catch(error => {
  925. log('Error:', error);
  926. danmakuInput.classList.remove('translating');
  927. });
  928. }
  929. }, true);
  930. },
  931. readyForUnload: function(){
  932. window.addEventListener('unload', function(e){
  933. translator.save();
  934. });
  935. },
  936. export: function(){
  937. if(DEBUG === false) return;
  938. let dictionary = translator.dictionary, ratio = (number) => (number*100).toFixed(1) + '%';
  939. window.save = translator.save.bind(translator);
  940. window.list = function(includes, excludes = /DUMMY/){
  941. return Object.keys(dictionary).filter(key => {
  942. return includes.test(key) && !excludes.test(dictionary[key][0]);
  943. }).sort((a, b) => {
  944. return dictionary[b][1] - dictionary[a][1];
  945. }).map(key => {
  946. return [
  947. (new Date(dictionary[key][2])).toLocaleString(),/* used */
  948. dictionary[key][1],/* count */
  949. key,/* original */
  950. dictionary[key][0],/* translation */
  951. ];
  952. }).slice(0,100);
  953. }
  954. window.rank = function(){
  955. return Object.keys(dictionary).sort((a, b) => {
  956. return dictionary[b][1] - dictionary[a][1];
  957. }).map(key => {
  958. return [
  959. (new Date(dictionary[key][2])).toLocaleString(),/* used */
  960. dictionary[key][1],/* count */
  961. key,/* original */
  962. dictionary[key][0],/* translation */
  963. ];
  964. }).slice(0,100);
  965. }
  966. window.usage = function(){
  967. let total = 0, multiple = 0, single = 0, keys = Object.keys(dictionary);
  968. keys.forEach(key => {
  969. total += dictionary[key][1];
  970. if(2 <= dictionary[key][1]) multiple += 1;
  971. else single += 1;
  972. });
  973. log(
  974. 'total:', total,
  975. 'length:', keys.length,
  976. '2+:', multiple, ratio(multiple/keys.length),
  977. '1:', single, ratio(single/keys.length),
  978. 'saved:', ratio((total - keys.length)/total),
  979. );
  980. };
  981. },
  982. getTargets: function(targets, retry = 0){
  983. const get = function(resolve, reject, retry){
  984. for(let i = 0, keys = Object.keys(targets), key; key = keys[i]; i++){
  985. let selected = targets[key]();
  986. if(selected){
  987. if(selected.length) selected.forEach((s) => s.dataset.selector = key);
  988. else selected.dataset.selector = key;
  989. elements[key] = selected;
  990. }else{
  991. if(--retry < 0) return reject(log(`Not found: ${key}, I give up.`));
  992. log(`Not found: ${key}, retrying... (left ${retry})`);
  993. return setTimeout(get, 1000, resolve, reject, retry);
  994. }
  995. }
  996. resolve();
  997. };
  998. return new Promise(function(resolve, reject){
  999. get(resolve, reject, retry);
  1000. });
  1001. },
  1002. addStyle: function(name = 'style', w = window){
  1003. let style = createElement(core.html[name]());
  1004. w.document.head.appendChild(style);
  1005. if(elements[name] && elements[name].isConnected) w.document.head.removeChild(elements[name]);
  1006. elements[name] = style;
  1007. },
  1008. html: {
  1009. priorDanmaku: () => `<ul id="${SCRIPTNAME}-prior-danmaku" class="translate" translate="yes"></ul>`,
  1010. danmakuContent: (content) => `<li>${content}</li>`,
  1011. translation: (translation) => `<span class="translation">${translation}</span>`,
  1012. topStyle: () => `
  1013. <style type="text/css" id="${SCRIPTNAME}-topStyle">
  1014. /* bilibili color: #00A1D6 */
  1015. ul#${SCRIPTNAME}-prior-danmaku{
  1016. /* 画面内にないと自動翻訳されない */
  1017. visibility: hidden;
  1018. position: fixed;
  1019. top: 0;
  1020. padding: 0;
  1021. margin: 0;
  1022. white-space: nowrap;
  1023. z-index: 9999;
  1024. }
  1025. ul#${SCRIPTNAME}-prior-danmaku li{
  1026. position: absolute;
  1027. }
  1028. </style>
  1029. `,
  1030. style: () => `
  1031. <style type="text/css" id="${SCRIPTNAME}-style">
  1032. .translation{
  1033. font-size: 75%;
  1034. display: block;
  1035. }
  1036. .translating{
  1037. opacity: .25;
  1038. animation: ${SCRIPTNAME}-blink 250ms step-end infinite;
  1039. }
  1040. @keyframes ${SCRIPTNAME}-blink{
  1041. 50%{opacity: .5}
  1042. }
  1043. /* 放送終了後 */
  1044. .bilibili-live-player[data-live-state=block] .bilibili-live-player-video-danmaku,
  1045. .bilibili-live-player[data-live-state=close] .bilibili-live-player-video-danmaku,
  1046. .bilibili-live-player[data-live-state=end] .bilibili-live-player-video-danmaku,
  1047. .bilibili-live-player[data-live-state=preparing] .bilibili-live-player-video-danmaku{
  1048. height: 100%;
  1049. pointer-events: none;
  1050. }
  1051. </style>
  1052. `,
  1053. },
  1054. };
  1055. const setTimeout = window.setTimeout, clearTimeout = window.clearTimeout, setInterval = window.setInterval, clearInterval = window.clearInterval, requestAnimationFrame = window.requestAnimationFrame;
  1056. const getComputedStyle = window.getComputedStyle, fetch = window.fetch;
  1057. if(!('isConnected' in Node.prototype)) Object.defineProperty(Node.prototype, 'isConnected', {get: function(){return document.contains(this)}});
  1058. class Storage{
  1059. static key(key){
  1060. return (SCRIPTNAME) ? (SCRIPTNAME + '-' + key) : key;
  1061. }
  1062. static save(key, value, expire = null){
  1063. key = Storage.key(key);
  1064. localStorage[key] = JSON.stringify({
  1065. value: value,
  1066. saved: Date.now(),
  1067. expire: expire,
  1068. });
  1069. }
  1070. static read(key){
  1071. key = Storage.key(key);
  1072. if(localStorage[key] === undefined) return undefined;
  1073. let data = JSON.parse(localStorage[key]);
  1074. if(data.value === undefined) return data;
  1075. if(data.expire === undefined) return data;
  1076. if(data.expire === null) return data.value;
  1077. if(data.expire < Date.now()) return localStorage.removeItem(key);
  1078. return data.value;
  1079. }
  1080. static delete(key){
  1081. key = Storage.key(key);
  1082. delete localStorage.removeItem(key);
  1083. }
  1084. static saved(key){
  1085. key = Storage.key(key);
  1086. if(localStorage[key] === undefined) return undefined;
  1087. let data = JSON.parse(localStorage[key]);
  1088. if(data.saved) return data.saved;
  1089. else return undefined;
  1090. }
  1091. }
  1092. const $ = function(s, f){
  1093. let target = document.querySelector(s);
  1094. if(target === null) return null;
  1095. return f ? f(target) : target;
  1096. };
  1097. const $$ = function(s){return document.querySelectorAll(s)};
  1098. const animate = function(callback, ...params){requestAnimationFrame(() => requestAnimationFrame(() => callback(...params)))};
  1099. const wait = function(ms){return new Promise((resolve) => setTimeout(resolve, ms))};
  1100. const createElement = function(html = '<span></span>'){
  1101. let outer = document.createElement('div');
  1102. outer.innerHTML = html;
  1103. return outer.firstElementChild;
  1104. };
  1105. const observe = function(element, callback, options = {childList: true, attributes: false, characterData: false, subtree: false}){
  1106. let observer = new MutationObserver(callback.bind(element));
  1107. observer.observe(element, options);
  1108. return observer;
  1109. };
  1110. const atLeast = function(min, b){
  1111. return Math.max(min, b);
  1112. };
  1113. const atMost = function(a, max){
  1114. return Math.min(a, max);
  1115. };
  1116. const between = function(min, b, max){
  1117. return Math.min(Math.max(min, b), max);
  1118. };
  1119. const toMetric = function(number, decimal = 1){
  1120. switch(true){
  1121. case(number < 1e3 ): return (number);
  1122. case(number < 1e6 ): return (number/1e3 ).toFixed(decimal) + 'K';
  1123. case(number < 1e9 ): return (number/1e6 ).toFixed(decimal) + 'M';
  1124. case(number < 1e12): return (number/1e9 ).toFixed(decimal) + 'G';
  1125. default: return (number/1e12).toFixed(decimal) + 'T';
  1126. }
  1127. };
  1128. const log = function(){
  1129. if(!DEBUG) return;
  1130. let l = log.last = log.now || new Date(), n = log.now = new Date();
  1131. let error = new Error(), line = log.format.getLine(error), callers = log.format.getCallers(error);
  1132. //console.log(error.stack);
  1133. console.log(
  1134. SCRIPTNAME + ':',
  1135. /* 00:00:00.000 */ n.toLocaleTimeString() + '.' + n.getTime().toString().slice(-3),
  1136. /* +0.000s */ '+' + ((n-l)/1000).toFixed(3) + 's',
  1137. /* :00 */ ':' + line,
  1138. /* caller.caller */ (callers[2] ? callers[2] + '() => ' : '') +
  1139. /* caller */ (callers[1] || '') + '()',
  1140. ...arguments
  1141. );
  1142. };
  1143. log.formats = [{
  1144. name: 'Firefox Scratchpad',
  1145. detector: /MARKER@Scratchpad/,
  1146. getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  1147. getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  1148. }, {
  1149. name: 'Firefox Console',
  1150. detector: /MARKER@debugger/,
  1151. getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  1152. getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  1153. }, {
  1154. name: 'Firefox Greasemonkey 3',
  1155. detector: /\/gm_scripts\//,
  1156. getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  1157. getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  1158. }, {
  1159. name: 'Firefox Greasemonkey 4+',
  1160. detector: /MARKER@user-script:/,
  1161. getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 500,
  1162. getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  1163. }, {
  1164. name: 'Firefox Tampermonkey',
  1165. detector: /MARKER@moz-extension:/,
  1166. getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 6,
  1167. getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  1168. }, {
  1169. name: 'Chrome Console',
  1170. detector: /at MARKER \(<anonymous>/,
  1171. getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  1172. getCallers: (e) => e.stack.match(/[^ ]+(?= \(<anonymous>)/gm),
  1173. }, {
  1174. name: 'Chrome Tampermonkey',
  1175. detector: /at MARKER \(chrome-extension:.*?\/userscript.html\?id=/,
  1176. getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1] - 6,
  1177. getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  1178. }, {
  1179. name: 'Chrome Extension',
  1180. detector: /at MARKER \(chrome-extension:/,
  1181. getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  1182. getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  1183. }, {
  1184. name: 'Edge Console',
  1185. detector: /at MARKER \(eval/,
  1186. getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1],
  1187. getCallers: (e) => e.stack.match(/[^ ]+(?= \(eval)/gm),
  1188. }, {
  1189. name: 'Edge Tampermonkey',
  1190. detector: /at MARKER \(Function/,
  1191. getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1] - 4,
  1192. getCallers: (e) => e.stack.match(/[^ ]+(?= \(Function)/gm),
  1193. }, {
  1194. name: 'Safari',
  1195. detector: /^MARKER$/m,
  1196. getLine: (e) => 0,/*e.lineが用意されているが最終呼び出し位置のみ*/
  1197. getCallers: (e) => e.stack.split('\n'),
  1198. }, {
  1199. name: 'Default',
  1200. detector: /./,
  1201. getLine: (e) => 0,
  1202. getCallers: (e) => [],
  1203. }];
  1204. log.format = log.formats.find(function MARKER(f){
  1205. if(!f.detector.test(new Error().stack)) return false;
  1206. //console.log('////', f.name, 'wants', 0/*line*/, '\n' + new Error().stack);
  1207. return true;
  1208. });
  1209. const time = function(label){
  1210. if(!DEBUG) return;
  1211. const BAR = '|', TOTAL = 100;
  1212. switch(true){
  1213. case(label === undefined):/* time() to output total */
  1214. let total = 0;
  1215. Object.keys(time.records).forEach((label) => total += time.records[label].total);
  1216. Object.keys(time.records).forEach((label) => {
  1217. console.log(
  1218. BAR.repeat((time.records[label].total / total) * TOTAL),
  1219. label + ':',
  1220. (time.records[label].total).toFixed(3) + 'ms',
  1221. '(' + time.records[label].count + ')',
  1222. );
  1223. });
  1224. time.records = {};
  1225. break;
  1226. case(!time.records[label]):/* time('label') to create and start the record */
  1227. time.records[label] = {count: 0, from: performance.now(), total: 0};
  1228. break;
  1229. case(time.records[label].from === null):/* time('label') to re-start the lap */
  1230. time.records[label].from = performance.now();
  1231. break;
  1232. case(0 < time.records[label].from):/* time('label') to add lap time to the record */
  1233. time.records[label].total += performance.now() - time.records[label].from;
  1234. time.records[label].from = null;
  1235. time.records[label].count += 1;
  1236. break;
  1237. }
  1238. };
  1239. time.records = {};
  1240. core.initialize();
  1241. if(window === top && console.timeEnd) console.timeEnd(SCRIPTNAME);
  1242. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址