네이버 블로그의 글을 소리내어 읽어줍니다.
As of
// ==UserScript== // @namespace https://tampermonkey.myso.kr/ // @name 네이버 블로그 오디오 리더 // @description 네이버 블로그의 글을 소리내어 읽어줍니다. // @copyright 2021, myso (https://tampermonkey.myso.kr) // @license Apache-2.0 // @version 1.0.6 // @author Won Choi // @match *://blog.naver.com/PostView* // @match *://blog.naver.com/PostList* // @grant GM_addStyle // @grant GM_xmlhttpRequest // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-app.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-style.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-script.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-xmlhttp-request-async.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-speech-tts.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/donation.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-blog.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/smart-editor-one.js // @require https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuidv4.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.7.2/bluebird.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/sprintf/1.1.2/sprintf.min.js // ==/UserScript== // ==OpenUserJS== // @author myso // ==/OpenUserJS== GM_App(async function main() { GM_donation('#viewTypeSelector, #postListBody, #wrap_blog_rabbit, #writeTopArea, #editor_frame', 0); GM_addStyle(`a._readVoice .ico_spd { display: block; position: absolute; right: 13px; top: 13px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size:11px; font-weight: bold; }`); async function speaker_wheel(event) { speaker.disable_autoscroll = true; speaker_wheel.timer = clearTimeout(speaker_wheel.timer); speaker_wheel.timer = setTimeout(() => speaker.disable_autoscroll = false, 10000); } async function speaker(section, items, options = {}) { options = Object.assign({ offset: 0, delay: 0, format: '%s' }, options); if(!section) return; if(!items) { if(!speaker.disable_autoscroll) section.scrollIntoView({behavior: "smooth", block: "center", inline: "center"}); return await Promise.delay(options.delay); } if(typeof items === 'string') { if(!speaker.disable_autoscroll) section.scrollIntoView({behavior: "smooth", block: "center", inline: "center"}); return await GM_speech(sprintf(options.format, items), options); } const lines = Array.from(section ? section.querySelectorAll('.se-text-paragraph, .se_textarea') : []).concat([section]); for(let item, i = 0; item = items[i]; i++) { let idx = i + options.offset; let dom = lines[idx] || section; if(!speaker.disable_autoscroll) dom.scrollIntoView({behavior: "smooth", block: "center", inline: "center"}); await GM_speech(sprintf(options.format, item), options); } } async function stopper(event) { handler.running = false if(GM_speechState()) { GM_speechReset(); await GM_speech('글 읽기가 취소되었습니다. 다음에 다시 또 이용해주세요.'); await GM_speech('네이버 블로그 오디오 리더가 마음에 드셨다면, 개발자 최원을 후원해주세요. 이용해 주셔서 감사합니다.'); } } async function starter(event, rate = 1) { const ratio = 1 / rate; if(!GM_speechState()) { handler.running = true; const sections = SE_parseNodes(wrapper), se = SE_parse(wrapper); for(let item of se.sections) { if(GM_speechState()) break; const section = sections[item.offset]; if(item.type == 'title') { await speaker(section, item.text, { rate, offset: 0 }); } if(item.type == 'text') { await speaker(section, item.text, { rate, offset: 0 }); } if(item.type == 'image') { await speaker(section, item.description, { rate, offset: 0, format: '첨부된 이미지에 대한 설명입니다. %s' }); } if(item.type == 'video') { await speaker(section, '첨부된 영상에 대한 설명입니다.', { rate }); await speaker(section, item.title, { rate }); await speaker(section, item.description, { rate, offset: item.title.length }); } if(item.type == 'line') { await speaker(section, null, { delay: 1500*ratio }); } if(item.type == 'sticker') { await speaker(section); } if(item.type == 'quotation') { await speaker(section, item.title, { rate }); await speaker(section, item.description, { rate, offset: item.title.length }); } if(item.type == 'places') { await speaker(section); for(let location of item.location) { const items = _.zip(location.name, location.addr); for(let item of items) await GM_speech(`첨부된 장소 ${item[0]}의 주소는 ${item[1]}입니다.`, { rate }); } } if(item.type == 'link') { await speaker(section); const items = _.zip(item.title, item.description, item.hostname); for(let item of items) { await GM_speech(`첨부된 웹문서, "${item[0]}"`, { rate }); } } if(item.type == 'file') { await speaker(section); for(let text of item.name) await GM_speech(`${text} 파일이 첨부되어 있습니다.`, { rate }); } if(item.type == 'schedule') { await speaker(section, '네이버 블로그 오디오 리더가 지원하지 않는 일정이 포함되어 있습니다.', { rate, delay: 1500*ratio }); } if(item.type == 'table' && item.table) { await speaker(section, '네이버 블로그 오디오 리더가 지원하지 않는, 표가 포함되어 있습니다.', { rate, delay: 1500*ratio }); } if(item.type == 'code') { await speaker(section, '네이버 블로그 오디오 리더가 지원하지 않는, 코드 내용이 포함되어 있습니다.', { rate, delay: 1500*ratio }); } if(item.type == 'formula') { await speaker(section, '네이버 블로그 오디오 리더가 지원하지 않는, 수식 정보가 포함되어 있습니다.', { rate, delay: 1500*ratio }); } if(item.type == 'talktalk') { await speaker(section, '궁금할 땐 네이버 톡톡하세요!', { rate }); } if(item.type == 'material') { await speaker(section, '네이버 블로그 오디오 리더가 지원하지 않는, 글감 정보가 포함되어 있습니다.', { rate, delay: 1500*ratio }); } } if(!GM_speechState()) { await GM_speech('이상. 모든 글의 읽기가 완료되었습니다.'); await GM_speech('네이버 블로그 오디오 리더가 마음에 드셨다면, 개발자 최원을 후원해주세요. 이용해 주셔서 감사합니다.'); await GM_speechReset(); } } GM_speechReset(); handler.running = false; } async function handler(event) { if(handler.running && event && event.type == 'keydown' && event.keyCode == 27) stopper(event); const wrappers = Array.from(document.querySelectorAll('[data-post-editor-version]')); wrappers.map((wrapper) => { const menu = wrapper.querySelector('.lyr_overflow_menu'); if(!menu) return; const menu_append = (type, rate = 1) => { const item = menu.querySelector(`a._readVoice.${type}`) || document.createElement('a'); if(item.className) return; item.classList.add('_readVoice', type); item.href = '#'; menu.append(item); item.innerHTML = `오디오 블로그 <span class="ico_spd">x${rate.toFixed(1)}</span>`; item.onclick = async function(event) { event.preventDefault(); await starter(event, rate); } } menu_append('x100', 1.0); menu_append('x130', 1.3); menu_append('x150', 1.5); }); } window.addEventListener('keyup', handler, false); window.addEventListener('keydown', handler, false); window.addEventListener('keypress', handler, false); window.addEventListener('click', handler, false); window.addEventListener('mousewheel', speaker_wheel, false); handler(); });
