TemperMonkey用于通义千问网页版回答完毕自动朗读的脚本代码

本文主要是介绍TemperMonkey用于通义千问网页版回答完毕自动朗读的脚本代码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

// ==UserScript==
// @name         通义千问回答完毕-朗读结果
// @namespace    http://tampermonkey.net/
// @version      2024-04-26
// @description  try to take over the world!
// @author       You
// @match        https://tongyi.aliyun.com/qianwen*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=aliyun.com
// @require      http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @grant        none
// ==/UserScript==(function() {'use strict';// Your code here...// 获取目标div元素const targetDiv = document.querySelector('div.operateBtn--zFx6rSR0');// 记录初始class值let previousClass = targetDiv.className;var msg;var $tooltip;// 创建一个MutationObserver实例,传入回调函数const observer = new MutationObserver((mutationsList, observer) => {for (let mutation of mutationsList) {if (mutation.type === 'attributes' && mutation.attributeName === 'class') {const newClass = targetDiv.className;if (previousClass !== newClass) {if(["operateBtn", " ", "stop"].every(a => previousClass.includes(a))){$tooltip.remove();msg=new SpeechSynthesisUtterance("通义千问:"+$("div.tongyi-ui-markdown:last").text()+"回答完毕。");//msg.pitch=0;speechSynthesis.speak(msg);};previousClass = newClass; // 更新记录的class值if(["operateBtn", " ", "stop"].every(a => newClass.includes(a))){speechSynthesis.cancel();}}}}});// 配置观察选项(观察class属性变化)const config = { attributes: true, attributeFilter: ['class'] };// 开始观察目标节点observer.observe(targetDiv, config);//navigator.clipboard.writeText("speechSynthesis.cancel()");var obj_ta=$("textarea.ant-input.textarea--g7EUvnQR");obj_ta.on('keydown', function(event) {if(obj_ta.val()==""){// 检查按下的是否是回车键(keyCode 13 或 which 13)if (event.keyCode === 13 || event.which === 13) {speechSynthesis.cancel();}}else{//无效?(2024-5-7 19:58:21)// 检查按下的是否是回车键(keyCode 13 或 which 13)if ((event.keyCode === 13 || event.which === 13) && !event.shiftKey) {/*msg=new SpeechSynthesisUtterance("稍等。");//msg.pitch=0;speechSynthesis.speak(msg);*/// 创建一个提示框元素$tooltip = $(`<div class='tooltip' style='position: fixed;top: 70%;left: 55%;transform: translate(-50%, -50%);
z-index: 1000;padding: 10px;background-color: white;color: yellow;border-radius: 5px;text-align: center;font-size:30px;'>
请等待,生成中,生成时间不确定,完毕自动朗读(在输入框输入回车键可停止朗读)。</div>`);// 将提示框添加到页面中,可以根据需要调整位置,这里假设添加到body中$("body").append($tooltip);// 设置一个定时器,让提示框在一段时间后自动消失}}});
})();

有改进、优化的地方可以提出建议。
有自己好用的网站脚本代码可以分享。

这篇关于TemperMonkey用于通义千问网页版回答完毕自动朗读的脚本代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1002793

相关文章

深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

《深入浅出Spring中的@Autowired自动注入的工作原理及实践应用》在Spring框架的学习旅程中,@Autowired无疑是一个高频出现却又让初学者头疼的注解,它看似简单,却蕴含着Sprin... 目录深入浅出Spring中的@Autowired:自动注入的奥秘什么是依赖注入?@Autowired

Redis实现高效内存管理的示例代码

《Redis实现高效内存管理的示例代码》Redis内存管理是其核心功能之一,为了高效地利用内存,Redis采用了多种技术和策略,如优化的数据结构、内存分配策略、内存回收、数据压缩等,下面就来详细的介绍... 目录1. 内存分配策略jemalloc 的使用2. 数据压缩和编码ziplist示例代码3. 优化的

Python 基于http.server模块实现简单http服务的代码举例

《Python基于http.server模块实现简单http服务的代码举例》Pythonhttp.server模块通过继承BaseHTTPRequestHandler处理HTTP请求,使用Threa... 目录测试环境代码实现相关介绍模块简介类及相关函数简介参考链接测试环境win11专业版python

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

使用Spring Cache本地缓存示例代码

《使用SpringCache本地缓存示例代码》缓存是提高应用程序性能的重要手段,通过将频繁访问的数据存储在内存中,可以减少数据库访问次数,从而加速数据读取,:本文主要介绍使用SpringCac... 目录一、Spring Cache简介核心特点:二、基础配置1. 添加依赖2. 启用缓存3. 缓存配置方案方案

基于Redis自动过期的流处理暂停机制

《基于Redis自动过期的流处理暂停机制》基于Redis自动过期的流处理暂停机制是一种高效、可靠且易于实现的解决方案,防止延时过大的数据影响实时处理自动恢复处理,以避免积压的数据影响实时性,下面就来详... 目录核心思路代码实现1. 初始化Redis连接和键前缀2. 接收数据时检查暂停状态3. 检测到延时过

MySQL的配置文件详解及实例代码

《MySQL的配置文件详解及实例代码》MySQL的配置文件是服务器运行的重要组成部分,用于设置服务器操作的各种参数,下面:本文主要介绍MySQL配置文件的相关资料,文中通过代码介绍的非常详细,需要... 目录前言一、配置文件结构1.[mysqld]2.[client]3.[mysql]4.[mysqldum

Python多线程实现大文件快速下载的代码实现

《Python多线程实现大文件快速下载的代码实现》在互联网时代,文件下载是日常操作之一,尤其是大文件,然而,网络条件不稳定或带宽有限时,下载速度会变得很慢,本文将介绍如何使用Python实现多线程下载... 目录引言一、多线程下载原理二、python实现多线程下载代码说明:三、实战案例四、注意事项五、总结引

Java调用Python脚本实现HelloWorld的示例详解

《Java调用Python脚本实现HelloWorld的示例详解》作为程序员,我们经常会遇到需要在Java项目中调用Python脚本的场景,下面我们来看看如何从基础到进阶,一步步实现Java与Pyth... 目录一、环境准备二、基础调用:使用 Runtime.exec()2.1 实现步骤2.2 代码解析三、

Python脚本轻松实现检测麦克风功能

《Python脚本轻松实现检测麦克风功能》在进行音频处理或开发需要使用麦克风的应用程序时,确保麦克风功能正常是非常重要的,本文将介绍一个简单的Python脚本,能够帮助我们检测本地麦克风的功能,需要的... 目录轻松检测麦克风功能脚本介绍一、python环境准备二、代码解析三、使用方法四、知识扩展轻松检测麦