阅读界面右侧功能栏增加“听书”按钮，点击“听书”开始朗读：Esc-结束朗读；空格-暂定/继续（360安全浏览器急速模式（已测试），Chrome浏览器）；后台静默复制文章内容到剪贴板。
当前为
// ==UserScript==
// @name 起点听书/www.qidian.com
// @namespace yoursatan
// @version 0.3.1
// @description 阅读界面右侧功能栏增加“听书”按钮，点击“听书”开始朗读：Esc-结束朗读；空格-暂定/继续（360安全浏览器急速模式（已测试），Chrome浏览器）；后台静默复制文章内容到剪贴板。
// @author yorusatan
// @include https://www.qidian.com/chapter*
// @include https://read.qidian.com/chapter*
// @grant none
// @require https://code.jquery.com/jquery-2.1.4.min.js
// @license MIT License
// @require https://scriptcat.org/lib/513/2.0.1/ElementGetter.js#sha256=V0EUYIfbOrr63nT8+W7BP1xEmWcumTLWu2PXFJHh5dg=
// ==/UserScript==
// v0.3.1 小调整
// v0.3 修复功能，优化代码。
// v0.2 修复一些使用中发现的bug。
// v0.1 在阅读界面右侧功能栏添加“听书”按钮，点击“听书”开始朗读：Esc-结束朗读；空格-暂定/继续（360安全浏览器急速模式（已测试），Chrome浏览器）；后台静默复制文章内容到剪贴板。
(async function () {
"use strict";
// 获取文章内容
const str = await elmGetter.get("main");
const storyContent = $(str).children("p");
const storyTextArr = Array.from(storyContent).map((el) => el.textContent);
const newStoryArr = [];
// 侧边栏添加 听书 按钮
const rMenu = await elmGetter.get("#r-menu");
var btnRead =
'<div data-v-6cdbc58a data-v-47ffe1e class="tooltip-wrapper relative flex" style="margin-bottom:10px"><a id ="btnSmartRead" data-v-47ffe1ec target="#" href="javascript"><button data-v-47ffe1ec class="w-64px h-64px flex flex-col items-center justify-center rounded-8px bg-sheet-b-gray-50 text-s-gray-900 noise-bg group hover:bg-sheet-b-bw-white hover:text-primary-red-500 hover:bg-none"><span class="icon-book text-24px"></span><span class="text-bo4 text-s-gray-500 mt-2px group-hover:text-primary-red-500" style="font-weight:600;">听书</span></button></a><!----></div>';
$(rMenu).prepend($(btnRead));
$("#r-menu")
.children()
.first()
.click(function () {
event.preventDefault();
});
// 移除数组空项（文本空行）
const countPara = storyTextArr.length;
for (var i = 0; i < countPara; i++) {
storyTextArr[i] = storyTextArr[i].replace(/\s+/g, " ").trim();
if (storyTextArr[i] != "") {
newStoryArr.push(storyTextArr[i]);
}
}
const newCountPara = newStoryArr.length;
// 用于逐段朗读
var flag = 0;
// 朗读
var speaker = new window.SpeechSynthesisUtterance();
speaker.rate = 1.5;
speaker.lang = "en-US";
speaker.voiceURI = "Microsoft Zira Desktop - English (United States)";
speaker.lang = "zh-CN";
speaker.voiceURI = "Microsoft Huihui Desktop - Chinese (Simplified)";
// 多次尝试再for循环中无法循环朗读，故添加flag步进；利用setInterval进行循环。
$("#btnSmartRead").click(function () {
event.preventDefault();
// 朗读文字数组
var storyAllRead = newStoryArr;
// 用于文字选中效果
var range = document.createRange();
var selection = window.getSelection();
if (window.speechSynthesis.speaking) {
window.speechSynthesis.pause();
}
if (window.speechSynthesis.paused) {
window.speechSynthesis.resume();
}
// 朗读
var readStory = function () {
var reading = setInterval(function () {
if (!window.speechSynthesis.speaking && flag <= newCountPara) {
speaker.text = storyAllRead[flag];
window.speechSynthesis.speak(speaker);
flag += 1;
// 朗读段落文字选中效果
var referenceNode = document
.getElementsByTagName("main p")
.item(flag - 1);
// 起点网朗读效果，当前朗读段落文字变红
$("main p")
.eq(flag - 1)
.css("color", "red");
$("html,body").animate(
{
scrollTop:
$("main p")
.eq(flag - 1)
.offset().top -
document.documentElement.clientHeight * 0.382
},
300 /*scroll实现定位滚动*/
); //代码参考，感谢：https://blog.csdn.net/qq_30109365/article/details/86592336
if (flag - 1) {
$("main p")
.eq(flag - 2)
.css("color", "black");
}
} else if (flag > newCountPara) {
// 朗读结束
window.speechSynthesis.cancel();
clearInterval(reading);
selection.removeAllRanges();
flag = 0;
$("main p")
.eq(flag - 1)
.css("color", "black");
$("main p").eq(flag).css("color", "black");
alert("本章已读完。");
}
}, 300);
// 后台复制文章内容到剪贴板
var copyStory = document.createElement("textarea"); //创建textarea对象
copyStory.id = "copyArea";
$("main").prepend(copyStory); //添加元素
var storyTitle = $(".title")
.contents()
.filter(function () {
return this.nodeType === 3; // 过滤掉非文本节点
})
.text();
copyStory.value = storyTitle + "\n" + newStoryArr.join("\n"); // 组合文章标题
copyStory.focus();
if (copyStory.setSelectionRange) {
copyStory.setSelectionRange(0, copyStory.value.length); //获取光标起始位置到结束位置
} else {
copyStory.select();
}
document.execCommand("Copy", "false", null); //执行复制
if (document.execCommand("Copy", "false", null)) {
console.log(
"已复制文章到剪贴板！Success,The story has been copied to clipboard！--yoursatan"
);
}
$("#copyArea").remove(); //删除元素
// 监听键盘：Esc/F5
$(document).keyup(function (event) {
if (event.keyCode == 27 || event.keyCode == 116) {
window.speechSynthesis.cancel();
clearInterval(reading);
selection.removeAllRanges();
if (
// https://read.qidian.com/chapter/ 网站支持
window.location.href.indexOf("https://read.qidian.com/chapter/") >
-1 ||
window.location.href.indexOf("https://www.qidian.com/chapter/") > -1
) {
$("main p")
.eq(flag - 1)
.css("color", "black");
}
flag = 0;
}
});
// 监听键盘：空格键
$(document).keypress(function (event) {
event.preventDefault();
if (event.keyCode == 32) {
if (window.speechSynthesis.speaking) {
window.speechSynthesis.pause();
}
if (window.speechSynthesis.paused) {
window.speechSynthesis.resume();
}
}
});
// 监听标签关闭事件
window.onbeforeunload = function (e) {
clearInterval(reading);
window.speechSynthesis.cancel();
};
};
readStory();
});
})();