☰

lrcReader[typing-tube.net]

Add buttons to load the .lrc format file on the edit screen on typing-tube.net.

目前为 2019-10-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         lrcReader[typing-tube.net]
  3. // @namespace    http://tampermonkey.net/lrcReader
  4. // @version      0.31
  5. // @description  Add buttons to load the .lrc format file on the edit screen on typing-tube.net.
  6. // @author       Spacia
  7. // @match        https://typing-tube.net/movie/edit?videoid=*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11.  
  12. //This is the Entry point.
  13. (function() {
  14.     'use strict';
  15.  
  16.     AddLrcReaderElements();
  17.     
  18. })();
  19.  
  20.  
  21. function AddLrcReaderElements(){
  22.  
  23.     // Add a div element to be container to the bottom of the navigation menu "edit".
  24.     var elDiv = document.createElement("div");
  25.     elDiv.classList.add('row');
  26.     elDiv.classList.add('ml-2');
  27.     elDiv.classList.add('w-100');
  28.     elDiv.id = "ContainerOflrcReader";
  29.     var elEdit = document.getElementById("edit");
  30.     elEdit.appendChild(elDiv);
  31.     var elDevId = document.getElementById("ContainerOflrcReader");
  32.  
  33.     // Add a button for uploading .lrc format file in container created by former code.
  34.     var elTextDiv = document.createElement("div");
  35.     elTextDiv.classList.add("col-2");
  36.     elTextDiv.innerHTML = "lrcファイルを参照";
  37.     elDevId.appendChild(elTextDiv);
  38.  
  39.     var elForm = document.createElement("form");
  40.     elForm.classList.add("col-6");
  41.     elForm.innerHTML = "<div><input name='lrcFile' type='file' accept='.lrc'></div>";
  42.     elForm.addEventListener('change', onLoadLrc);
  43.     elDevId.appendChild(elForm);
  44.  
  45.     // Add radio buttons to select English or Kana.
  46.     var elForm2 = document.createElement("form");
  47.     elForm2.classList.add("col-4");
  48.     elForm2.innerHTML = "<span style='padding-right:20px;'><label><input id='lrcConverTypeKana' name='lrcConvertType' type='radio' value='kana' checked>かな </label></span><span><label><input name='lrcConvertType' type='radio' value='eng'>英語</label></span>";
  49.     elDevId.appendChild(elForm2);
  50.  
  51. }
  52.  
  53.  
  54. function onLoadLrc(event){
  55.     SetTimeEvent();
  56.  
  57.     var _file = event.target.files[0];
  58.     if(_file){
  59.         var fr = new FileReader();
  60.         fr.onload = function(e) {
  61.  
  62.             // A file was loaded.
  63.             SetLinesOfLyricsToTimelineTable(fr.result.split('\n'));
  64.  
  65.         }
  66.         fr.readAsText(_file);
  67.     }else{
  68.         alert("Failed to load file formated .lrc");
  69.     }
  70. }
  71.  
  72.  
  73.  
  74. var isKanaMode; //load mode of kana or english
  75. var lineidx = 0;
  76. var time;
  77. var editedLine;
  78. var lines;
  79. var timeEventFlag;
  80.  
  81. function SetTimeEvent(){
  82.  
  83.     setTimeout(() => {
  84.         if(document.getElementById("kana").value.length != 0){
  85.             hoge();
  86.         }
  87.         if(timeEventFlag){
  88.             SetTimeEvent();
  89.         }
  90.     }, 20);
  91.  
  92. }
  93.  
  94. function SetLinesOfLyricsToTimelineTable(_lines) {
  95.  
  96.     isKanaMode = document.getElementById('lrcConverTypeKana').checked;
  97.     lineidx = 0;
  98.     lines = _lines;
  99.     timeEventFlag = true;
  100.  
  101.     retriveLineInfo();
  102. }
  103.  
  104.  
  105. function retriveLineInfo(){
  106.  
  107.     var line = lines[lineidx++];
  108.  
  109.     //if empty line then check next line.
  110.     var ptnOfTimeTag = /\[\d\d:\d\d:\d\d\]/g;
  111.     if(ptnOfTimeTag.test(line) == false){
  112.         if(lineidx < lines.length){
  113.             retriveLineInfo();
  114.         }else{
  115.              timeEventFlag = false;
  116.         }
  117.         return;
  118.     }
  119.  
  120.     //get time for this line.
  121.     var ptnOfTwoDigidTime = /\d\d/g;
  122.     var timesStr = line.match(ptnOfTwoDigidTime);
  123.     var minute = parseFloat(timesStr[0]);
  124.     var second = parseFloat(timesStr[1]);
  125.     var centiSec = parseFloat(timesStr[2]);
  126.     time = minute * 60 + second + centiSec * 0.01;
  127.     //console.log(time);
  128.  
  129.     //get line of text.
  130.     editedLine = line.replace(ptnOfTimeTag,"").trim();
  131.     //console.log(editedLine);
  132.  
  133.     //Add time and lineLyrics to the timeline Table in the navigation menu "edit".
  134.     document.getElementById("time").value = time;
  135.     document.getElementById("words").value = editedLine;
  136.  
  137.     if(isKanaMode){
  138.         command_kakasi();
  139.     }else{
  140.         command_kakasi_en();
  141.     }
  142. }
  143.  
  144.  
  145. function hoge(){
  146.         console.log("hoge");
  147.         if( document.getElementById("kana").value.length != 0){
  148.             command_add();
  149.             if(lineidx < lines.length){
  150.                 retriveLineInfo();
  151.             }else{
  152.              timeEventFlag = false;
  153.             }
  154.         }
  155.     }