LM_Chat_TTS_FrontEnd.html

About: LM_Chat_TTS_FrontEnd is a simple yet powerful interface for interacting with LM Studio models using text-to-speech functionality. This project is designed to be lightweight and user-friendly, making it suitable for a wide range of users interested in exploring voice interactions with AI models.

LM_Chat_TTS_FrontEnd is a simple yet powerful interface for interacting with LM Studio models using text-to-speech functionality. This project is designed to be lightweight and user-friendly, making it suitable for a wide range of users interested in exploring voice interactions with AI models.

Instructions:

• Download the stand alone HTML file LM_Chat_TTS_FrontEnd.html (created with HTML, JavaScript, CSS)
• Open LM Studios and load your LM of choice
• Test out the model within LM studios to ensure it is working nativly, get the settings you want.
• Go to the Local Server Tab
• Choose the Preset from LM Studios that goes with your model
• Turn on Cross-Origin-Resource-Sharing (CORS)
• Start Server
• Open the HTML Document LM_Chat_TTS_FrontEnd.html in the Edge Browser (For best voice options)
• Type in the System Promt, AI Name, Choose the AI voice, Your your name, and choose a voice for you (optional
• Type your message and hit send
• Select Erase memory if the AI is getting confused to reset memory

Features

• Standalone HTML/JS/CSS File: The entire functionality is encapsulated in a single file for ease of use.
• Voice Chat Capability: Engage in voice chats with LM Studio models.
• Customizable Options: Users can set various parameters including AI's name, voice, voice speed, user's name, and voice speed.
• Local Server Integration: Easily connect to a local server running LM Studio.
• Browser Compatibility: Optimized for Edge browser for a wider range of voice options.

Installation and Setup

1. Clone the Repository: Download the files from the GitHub repository.
2. Start LM Studio Local Server: Ensure LM Studio is running locally on your machine.
3. Open the HTML File: Use a web browser, preferably Edge, to open the HTML file.

Usage

• Configure Settings: Upon opening the file, configure the settings in the menu, including AI and user voice options.
• Enter System Prompts: Customize system prompts as needed for specific interactions.
• Start Chatting: Type messages in the chat box and receive spoken responses from the AI model.

Configuration Options

• AI and User's Name: Personalize the names for a more customized experience.
• Voice Selection: Choose from a range of voices for both AI and user.
• Voice Speed Control: Adjust the speed of voice responses.
• Custom Endpoint: Set up a custom endpoint URL for specific server interactions.

Additional Features

• Theme Toggle: Switch between light and dark themes for user comfort.
• Conversation Log: View, evaluate, condense, or clear the conversation log for better data management.
• Auto-Read Functionality: Enable or disable automatic reading of messages.

Troubleshooting

• Check Browser Compatibility: Ensure you are using the Edge browser for full functionality.
• Verify Local Server: Make sure the LM Studio local server is running correctly.
• Review Console Logs: Use the browser's developer tools to check for any error messages.

Contributing

Contributions to LM_Chat_TTS_FrontEnd are welcome. Please follow the standard fork-and-pull request workflow. Do not forget to update tests and documentation as necessary.

License

This project is released under [specify license], which allows for wide usage and contributions while maintaining the necessary legal protections.

Created by: Friend of AI https://www.youtube.com/@friendofai