Add Speed Control to ElevenLabs TTS Provider (#4213) * add speed * Adjust speed range * More granular step --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

a7783b62a851b1255bd45388ead298abfaacf677

Vin Astralis <victor@augusteo.com>

Signed

public/scripts/extensions/tts/elevenlabs.js+9 -0 Viewed

         similarity_boost: 0.75,
         style_exaggeration: 0.00,
         speaker_boost: true,
 +        speed: 1.0,
         apiKey: '',
         model: 'eleven_turbo_v2_5',
         voiceMap: {},

             <input id="elevenlabs_tts_stability" type="range" value="${this.defaultSettings.stability}" min="0" max="1" step="0.01" />
             <label for="elevenlabs_tts_similarity_boost">Similarity Boost: <span id="elevenlabs_tts_similarity_boost_output"></span></label>
             <input id="elevenlabs_tts_similarity_boost" type="range" value="${this.defaultSettings.similarity_boost}" min="0" max="1" step="0.01" />
 +            <label for="elevenlabs_tts_speed">Speed: <span id="elevenlabs_tts_speed_output"></span></label>
 +            <input id="elevenlabs_tts_speed" type="range" value="${this.defaultSettings.speed}" min="0.7" max="1.2" step="0.01" />
             <div id="elevenlabs_tts_v2_options" style="display: none;">
                 <label for="elevenlabs_tts_style_exaggeration">Style Exaggeration: <span id="elevenlabs_tts_style_exaggeration_output"></span></label>
                 <input id="elevenlabs_tts_style_exaggeration" type="range" value="${this.defaultSettings.style_exaggeration}" min="0" max="1" step="0.01" />

         this.settings.similarity_boost = $('#elevenlabs_tts_similarity_boost').val();
         this.settings.style_exaggeration = $('#elevenlabs_tts_style_exaggeration').val();
         this.settings.speaker_boost = $('#elevenlabs_tts_speaker_boost').is(':checked');
 +        this.settings.speed = $('#elevenlabs_tts_speed').val();
         this.settings.model = $('#elevenlabs_tts_model').find(':selected').val();
         $('#elevenlabs_tts_stability_output').text(Math.round(this.settings.stability * 100) + '%');
         $('#elevenlabs_tts_similarity_boost_output').text(Math.round(this.settings.similarity_boost * 100) + '%');
         $('#elevenlabs_tts_style_exaggeration_output').text(Math.round(this.settings.style_exaggeration * 100) + '%');
 +        $('#elevenlabs_tts_speed_output').text(this.settings.speed + 'x');
         $('#elevenlabs_tts_v2_options').toggle(this.shouldInvolveExtendedSettings());
         saveTtsProviderSettings();
+    }

         $('#elevenlabs_tts_similarity_boost').val(this.settings.similarity_boost);
         $('#elevenlabs_tts_style_exaggeration').val(this.settings.style_exaggeration);
         $('#elevenlabs_tts_speaker_boost').prop('checked', this.settings.speaker_boost);
 +        $('#elevenlabs_tts_speed').val(this.settings.speed);
         $('#elevenlabs_tts_api_key').val(this.settings.apiKey);
         $('#elevenlabs_tts_model').val(this.settings.model);
         $('#eleven_labs_connect').on('click', () => { this.onConnectClick(); });

         $('#elevenlabs_tts_stability').on('input', this.onSettingsChange.bind(this));
         $('#elevenlabs_tts_style_exaggeration').on('input', this.onSettingsChange.bind(this));
         $('#elevenlabs_tts_speaker_boost').on('change', this.onSettingsChange.bind(this));
 +        $('#elevenlabs_tts_speed').on('input', this.onSettingsChange.bind(this));
         $('#elevenlabs_tts_model').on('change', this.onSettingsChange.bind(this));
         $('#elevenlabs_tts_stability_output').text(Math.round(this.settings.stability * 100) + '%');
         $('#elevenlabs_tts_similarity_boost_output').text(Math.round(this.settings.similarity_boost * 100) + '%');
         $('#elevenlabs_tts_style_exaggeration_output').text(Math.round(this.settings.style_exaggeration * 100) + '%');
 +        $('#elevenlabs_tts_speed_output').text(this.settings.speed + 'x');
         $('#elevenlabs_tts_v2_options').toggle(this.shouldInvolveExtendedSettings());
         try {
             await this.checkReady();

             voice_settings: {
                 stability: Number(this.settings.stability),
                 similarity_boost: Number(this.settings.similarity_boost),
 +                speed: Number(this.settings.speed),
             },
         };
         if (this.shouldInvolveExtendedSettings()) {