import 'package:flutter/material.dart';
import 'package:krosai_audio_client/krosai_audio_client.dart';
class AudioChatRoom extends StatefulWidget {
final String url;
final String token;
const AudioChatRoom({
Key? key,
required this.url,
required this.token,
}) : super(key: key);
@override
State<AudioChatRoom> createState() => _AudioChatRoomState();
}
class _AudioChatRoomState extends State<AudioChatRoom> {
final _audioClient = KrosaiAudioClient();
bool _isConnected = false;
bool _isMicrophoneEnabled = false;
@override
void initState() {
super.initState();
_connectToRoom();
}
@override
void dispose() {
_audioClient.disconnect();
super.dispose();
}
Future<void> _connectToRoom() async {
try {
await _audioClient.connect(
url: widget.url,
token: widget.token,
enableMicrophone: true,
);
setState(() {
_isConnected = true;
_isMicrophoneEnabled = true;
});
} catch (e) {
print('Failed to connect: $e');
}
}
Future<void> _toggleMicrophone() async {
try {
if (_isMicrophoneEnabled) {
await _audioClient.disableMicrophone();
} else {
await _audioClient.enableMicrophone();
}
setState(() {
_isMicrophoneEnabled = !_isMicrophoneEnabled;
});
} catch (e) {
print('Failed to toggle microphone: $e');
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Audio Chat Room'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Status: ${_isConnected ? 'Connected' : 'Disconnected'}',
style: Theme.of(context).textTheme.headline6,
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: _toggleMicrophone,
child: Text(
_isMicrophoneEnabled ? 'Mute' : 'Unmute',
),
),
],
),
),
);
}
}
## Permissions
The package automatically handles the necessary permissions for microphone access. For Android, you need to add the following permissions to your `AndroidManifest.xml`:
```xml
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.BLUETOOTH" />
<uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
