非公開 記事本文自動読み上げツール

    @@ -1,6 +1,6 @@ /* * @title 記事本文自動読み上げツール - * @description <p>タグの多い要素を探して https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API で読み上げます + * @description <p>タグの多いDIV要素を探して https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API で読み上げます * @include http://* * @license MIT License * @require
  • /*
     * @title 記事本文自動読み上げツール
     * @description <p>タグの多いDIV要素を探して https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API で読み上げます
     * @include http://*
     * @license MIT License
     * @require 
     */
    
    let elm = Array.from(document.querySelectorAll('div'))
        .filter(elm => elm.children.length>0)
        .reduce((max, elm) => Array.from(elm.children).filter(c=>c.tagName === 'P').length > Array.from(max.children).filter(c=>c.tagName === 'P').length ? elm : max);
    
    let utterance = new SpeechSynthesisUtterance(elm.textContent.trim());
    utterance.lang='ja';
    speechSynthesis.speak(utterance);
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。