rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

pr feedback implementation

Browse Source
This commit is contained in:
ouoertheo
2023-04-21 08:47:40 -05:00
parent 35a8a0eefe
commit 1a57e106dd
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/scripts/extensions/elevenlabstts/index.js
View File

@ -1,11 +1,6 @@
import { getStringHash, debounce } from "../../utils.js"; import { saveSettingsDebounced } from "../../../script.js";
import { chat_metadata, saveSettingsDebounced } from "../../../script.js";
import { extension_settings, getContext } from "../../extensions.js"; import { extension_settings, getContext } from "../../extensions.js";
export { MODULE_NAME };
const saveChatDebounced = debounce(async () => await getContext().saveChat(), 1000);
const MODULE_NAME = '3_elevenlabs_tts'; // <= Deliberate, for sorting lower than memory
const UPDATE_INTERVAL = 1000; const UPDATE_INTERVAL = 1000;
let API_KEY let API_KEY
@ -403,8 +398,8 @@ function onElevenlabsEnableClick() {
} }
function updateUiPlayState() { function updateUiPlayState() {
const img = !audioElement.paused? `url(/img/circle-pause-solid.svg)`: `url(/img/circle-play-solid.svg)` const img = !audioElement.paused? "fa-solid fa-circle-pause": "fa-solid fa-circle-play"
audioControl.style.backgroundImage = img audioControl.className = img
} }
function onAudioControlClicked(){ function onAudioControlClicked(){
@ -413,10 +408,10 @@ function onAudioControlClicked(){
} }
function addAudioControl() { function addAudioControl() {
$('#send_but_sheld').prepend('<input id="tts_media_control" type="button" />') $('#send_but_sheld').prepend('<div id="tts_media_control"/>')
$('#send_but_sheld').on('click',onAudioControlClicked) $('#send_but_sheld').on('click',onAudioControlClicked)
audioControl = document.getElementById('tts_media_control'); audioControl = document.getElementById('tts_media_control');
audioControl.style.backgroundImage = `url(/img/circle-play-solid.svg)`; audioControl.className = "fa-solid fa-circle-play";
} }
$(document).ready(function () { $(document).ready(function () {
@ -448,6 +443,7 @@ $(document).ready(function () {
$('#elevenlabs_apply').on('click', onElevenlabsApplyClick); $('#elevenlabs_apply').on('click', onElevenlabsApplyClick);
$('#elevenlabs_enabled').on('click', onElevenlabsEnableClick); $('#elevenlabs_enabled').on('click', onElevenlabsEnableClick);
} }
$('#send_form').css = "grid-template-columns: 40px auto 120px;"
addAudioControl(); addAudioControl();
addExtensionControls(); addExtensionControls();
loadSettings(); loadSettings();

5
public/scripts/extensions/elevenlabstts/manifest.json
View File

@ -4,5 +4,8 @@
"requires": [], "requires": [],
"optional": [], "optional": [],
"js": "index.js", "js": "index.js",
"css": "style.css" "css": "style.css",
"author": "Ouoertheo#7264",
"version": "1.0.0",
"homePage": "None"
} }

11
public/scripts/extensions/elevenlabstts/style.css
View File

@ -4,17 +4,18 @@
height: 40px; height: 40px;
margin: 0; margin: 0;
padding: 1px; padding: 1px;
background: no-repeat;
background-size: 26px auto;
background-position: center center;
outline: none; outline: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
transition: 0.3s; transition: 0.3s;
filter: invert(1); opacity: 0.7;
opacity: 0.5; display: flex;
align-items: center;
justify-content: center;
} }
#tts_media_control:hover { #tts_media_control:hover {
opacity: 1; opacity: 1;
filter: brightness(1.2);
} }