Jisho Audio

Adds audio to words and sentences on vocabulary. Works with Firefox and works with Chrome if referrers are disabled
Đặt câu hỏi, đăng đánh giá, hoặc báo cáo tập lệnh.
Wrap lines
// ==UserScript==
// @name         Jisho Audio
// @namespace    https://github.com/deelawn/user-scripts
// @version      0.1
// @description  Adds audio to words and sentences on vocabulary. Works with Firefox and works with Chrome if referrers are disabled
// @author       deelawn
// @include      /^http(s?)://((www\.)?)jisho\.org/(search|word|sentences)/(.+)$/
// @grant        none
// @require      http://code.jquery.com/jquery-latest.js
// ==/UserScript==

(function() {
  'use strict';

  var audioLinkPartOne = "<a href=\"#\" class=\"concept_audio concept_light-status_link\" onclick=\"var audio = document.createElement('audio'); audio.src='https://translate.google.com/translate_tts?ie=UTF-8&client=tw-ob&q=";
  var audioLinkPartTwo = "&tl=ja&total=1&idx=0'; audio.type='audio/mpeg'; audio.play();\">Play audio</a>";

  function processWord(wrapper, sourceObj){
    // Do nothing if audio provided by Jisho
    if ($(wrapper + " > div[class*='concept_light-status'] > audio", sourceObj).length){
      return;
    }

    // Get the text to be used in the audio source link
    var jpText = $(wrapper + " > div[class*='concept_light-readings'] > div > span[class='text']", sourceObj).text().trim();
    var insertLinkSel = wrapper + " > div[class*='concept_light-status']";

    // Some katakana words are structured differently
    if($(" > div[class*='concept_light-status']", sourceObj).length){
      insertLinkSel = " > div[class*='concept_light-status']";
    }

    // Insert the play audio link before the first non-span element under the word
    $(insertLinkSel, sourceObj).children().each(function(){
      if(!($(this).is("span"))){
        $(this).before(audioLinkPartOne + jpText + audioLinkPartTwo);
        return false;
      }
    });
  }

  function processSentence(sourceObj){
    // Build the japanese sentence
    var jpText = "";
    $(" > div[class='sentence_content'] > ul", sourceObj).children().each(function(){
      jpText += $(" > span[class='unlinked']", this).text().trim();
    });

    // Insert link after the sentence block
    $(" > div[class='sentence_content'] > div[class*='english_sentence']", sourceObj).after(audioLinkPartOne + jpText + audioLinkPartTwo);
  }

  $(document).ready(function() {
    // Need to remove the referrer; otherwise returns 404s
    var remRef = document.createElement('meta');
    remRef.name = 'referrer';
    remRef.content = 'no-referrer';
    document.querySelector('head').append(remRef);

    var wordsIdentifier = "div[id='primary']";
    var sentencesIdentifier = "div[id='secondary'] > div[class='sentences_block'] > ul";
    var detailWordIdentifier = "article[class*='concept_page'] > div[class*='concept_light']";
    var detailSentenceIdentifier = "article[class*='sentences'] > li";

    // Process words search results
    if ($(wordsIdentifier).length){
      // Children of the primary div are two divs: words and concepts
      $(wordsIdentifier).children().each(function(){
        $(this).children().each(function(){
          // First child will be h4, so skip
          if ($(this).is("h4")){
            return;
          }

          var wrapper = "div[class*='concept_light-wrapper']";
          processWord(wrapper, this);
        });
      });
    }

    // Process sentences search results
    if($(sentencesIdentifier).length){
      $(sentencesIdentifier).children().each(function(){
        processSentence(this);
      });
    }

    var url = window.location.href;

    // Process individual words
    // First check URL matches and that content exists
    var regEx = /^http(s?):\/\/((www\.)?)jisho\.org\/word\/(.+)$/;
    if($(detailWordIdentifier).length && regEx.test(url)){
      var wrapper = detailWordIdentifier + " > div[class*='concept_light-wrapper']";
      processWord(wrapper, this);
    }

    // Process individual sentences
    regEx = /^http(s?):\/\/((www\.)?)jisho\.org\/sentences\/(.+)$/;
    if($(detailSentenceIdentifier).length && regEx.test(url)){
      processSentence($(detailSentenceIdentifier));
    }
  });
})();