AI Chat - webOS TV App

A voice-enabled AI chat assistant for LG Smart TVs. Talk to your TV like you would ChatGPT!

Features

• Voice Input: Use your TV remote's voice button or click the mic
• AI Chat: Connect to OpenAI (ChatGPT) or Anthropic (Claude)
• Voice Responses: Hear AI responses spoken aloud
• TV Remote Navigation: Full support for LG Magic Remote

Remote Control Shortcuts

| Button | Action | |--------|--------| | OK/Enter | Activate selected button | | Red | Quick voice input toggle | | Green | Clear chat history | | Yellow | Open/close settings | | Back | Cancel listening / Close modal |

Setup

1. Install webOS SDK

# Install Node.js if not already installed
# Then install webOS TV CLI
npm install -g @webosose/ares-cli

2. Create Icons

Create two PNG icons:

• icon.png - 80x80 pixels (app icon)
• largeIcon.png - 130x130 pixels (launcher icon)

You can use the included generate-icons.html to create them.

3. Package the App

cd ai-chat-webos
ares-package .

4. Install on TV

First, enable Developer Mode on your LG TV:

1. Install "Developer Mode" app from LG Content Store
2. Sign in with your LG developer account
3. Enable Developer Mode and note the IP address

Then install:

# Add your TV
ares-setup-device

# Install the app
ares-install com.aichat.tv_1.0.0_all.ipk

# Launch it
ares-launch com.aichat.tv

Configuration

1. Open the app on your TV
2. Press the Yellow button or click Settings
3. Select your AI provider (OpenAI or Claude)
4. Enter your API key
5. Configure voice response preferences
6. Press Save

Development

Run Locally

Open index.html in a modern browser (Chrome recommended for speech recognition).

Debug on TV

# Launch with inspector
ares-inspect com.aichat.tv

# View logs
ares-log com.aichat.tv

File Structure

ai-chat-webos/
├── appinfo.json          # App manifest
├── index.html            # Main HTML
├── icon.png              # App icon (80x80)
├── largeIcon.png         # Launcher icon (130x130)
├── css/
│   └── style.css         # TV-optimized styles
├── js/
│   └── main.js           # App logic
└── webOSTVjs-1.2.10/
    ├── webOSTV.js        # webOS API
    └── webOSTV-dev.js    # Dev tools

Getting API Keys

OpenAI

1. Go to https://platform.openai.com/api-keys
2. Create a new API key
3. Copy and paste into the app settings

Claude (Anthropic)

1. Go to https://console.anthropic.com/
2. Create an API key
3. Copy and paste into the app settings

Troubleshooting

Voice not working

• Ensure your TV has a microphone (Magic Remote or TV's built-in mic)
• Check that the app has audio recording permissions
• Try restarting the app

API errors

• Verify your API key is correct
• Check your internet connection
• Ensure you have API credits/quota

App won't install

• Make sure Developer Mode is enabled
• Verify the TV IP address is correct
• Check that the IPK file was created successfully

License

MIT License - Feel free to modify and distribute!