Voice Chat Room

import 'package:flutter/material.dart';
import 'package:atomic_x_core/atomicxcore.dart';

// main.dart
void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // Log in.
  final result = await LoginStore.shared.login(
    sdkAppID: 1400000001,           // Replace with your sdkAppID
    userID: "test_001",             // Replace with your user ID
    userSig: "xxxxxxxxxxx",         // Replace with your userSig
  );

  if (result.isSuccess) {
    debugPrint("login success");
  } else {
    debugPrint("login failed code: ${result.code}, message: ${result.message}");
  }

  runApp(const MyApp());
}

import 'package:flutter/material.dart';
import 'package:atomic_x_core/atomicxcore.dart';

// YourAnchorPage represents your host homepage
class YourAnchorPage extends StatefulWidget {
  const YourAnchorPage({super.key});

  @override
  State<YourAnchorPage> createState() => _YourAnchorPageState();
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  final _liveListStore = LiveListStore.shared;
  final _deviceStore = DeviceStore.shared;

  // Initialize LiveSeatStore with liveID
  final String _liveID = "test_voice_room_001";
  late final LiveSeatStore _liveSeatStore;
  late final VoidCallback _seatListListener = _onSeatListChanged;

  @override
  void initState() {
    super.initState();
    _liveSeatStore = LiveSeatStore.create(_liveID);

    // Listen to microphone position list adjustment
    _observeSeatList();
  }

  void _observeSeatList() {
    // Listen to changes in liveSeatState.seatList and refresh your mic seat UI
    _liveSeatStore.liveSeatState.seatList.addListener(_seatListListener);
  }

  void _onSeatListChanged() {
    // Render your mic seat UI here based on seatInfoList
    final seatInfoList = _liveSeatStore.liveSeatState.seatList.value;
    debugPrint("Seat list updated: ${seatInfoList.length} seats");
    setState(() {});
  }

  @override
  void dispose() {
    _liveSeatStore.liveSeatState.seatList.removeListener(_seatListListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // Assume that you have your own layout
    return Container();
  }
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  // ... Other code ...

  void _openDevices() {
    // Turn the mic on
    DeviceStore.shared.openLocalMicrophone();
  }
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  // ... Other code ...
  final String _liveID = "test_voice_room_001";

  @override
  void initState() {
    super.initState();
    // ... Other code ...

    // Start Voice Chat
    _startLive();
  }

  Future<void> _startLive() async {
    // 1. Prepare the LiveInfo object
    final liveInfo = LiveInfo(
      // 2. Set the room id
      liveID: _liveID,
      // 3. Set the room name
      liveName: "test voice chat room",
      // 4. Configured as a voice chat room (enable seat)
      isSeatEnabled: true,
      // 5. Room owner on seat by default
      keepOwnerOnSeat: true,
      // 6. Set the seat layout template (for example, 70 is the 10-seat template)
      // Important: According to the product specification, input the correct ID
      seatLayoutTemplateID: 70,
      // 7. Set the microphone mode, such as apply for microphone mode
      seatMode: TakeSeatMode.apply,
      // 8. Set the maximum number of microphone slots
      maxSeatCount: 10,
    );

    // 9. Call createLive to start live streaming
    final result = await _liveListStore.createLive(liveInfo);

    if (result.isSuccess) {
      debugPrint("Response startLive onSuccess");
      // Once created successfully, the room owner will join the stage by default. At this point, you can call unmuteMicrophone
      _liveSeatStore.unmuteMicrophone();
    } else {
      debugPrint("Response startLive onError: ${result.message}");
    }
  }
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  // ... Other code ...
  late final LiveSeatStore _liveSeatStore;
  late final VoidCallback _seatListListener = _onSeatListChanged;

  @override
  void initState() {
    super.initState();
    _liveSeatStore = LiveSeatStore.create("your_live_id");
    // ... Other code ...

    // Listen to seatList transition
    _observeSeatList();
  }

  void _observeSeatList() {
    // Listen to changes in liveSeatState.seatList and refresh your mic seat UI
    _liveSeatStore.liveSeatState.seatList.addListener(_seatListListener);
  }

  void _onSeatListChanged() {
    // seatInfoList is the latest microphone position list (List<SeatInfo>)
    final seatInfoList = _liveSeatStore.liveSeatState.seatList.value;
    // Render your mic seat UI here based on seatInfoList
    debugPrint("Seat list updated: ${seatInfoList.length} seats");
    setState(() {});
  }

  @override
  void dispose() {
    _liveSeatStore.liveSeatState.seatList.removeListener(_seatListListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ValueListenableBuilder<List<SeatInfo>>(
      valueListenable: _liveSeatStore.liveSeatState.seatList,
      builder: (context, seatList, child) {
        return GridView.builder(
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4,
          ),
          itemCount: seatList.length,
          itemBuilder: (context, index) {
            final seat = seatList[index];
            return _buildSeatItem(seat);
          },
        );
      },
    );
  }

  Widget _buildSeatItem(SeatInfo seat) {
    // Build one mic seat UI
    return Container();
  }
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  // ... Other code ...

  // End Voice Chat
  Future<void> _stopLive() async {
    final result = await _liveListStore.endLive();

    if (result.isSuccess) {
      debugPrint("endLive success");
    } else {
      debugPrint("endLive error: ${result.message}");
    }
  }
}

import 'package:flutter/material.dart';
import 'package:atomic_x_core/atomicxcore.dart';

// YourAudiencePage represents your audience page
class YourAudiencePage extends StatefulWidget {
  const YourAudiencePage({super.key});

  @override
  State<YourAudiencePage> createState() => _YourAudiencePageState();
}

class _YourAudiencePageState extends State<YourAudiencePage> {
  final _liveListStore = LiveListStore.shared;

  // Ensure the liveID matches the room owner
  final String _liveID = "test_voice_room_001";
  late final LiveSeatStore _liveSeatStore;
  late final VoidCallback _seatListListener = _onSeatListChanged;

  @override
  void initState() {
    super.initState();
    _liveSeatStore = LiveSeatStore.create(_liveID);

    // Listen to microphone position list adjustment
    _observeSeatList();
  }

  void _observeSeatList() {
    // Listen to changes in liveSeatState.seatList and refresh your mic seat UI
    _liveSeatStore.liveSeatState.seatList.addListener(_seatListListener);
  }

  void _onSeatListChanged() {
    // Render your mic seat UI here based on seatInfoList
    final seatInfoList = _liveSeatStore.liveSeatState.seatList.value;
    debugPrint("AudiencePage Seat list updated: ${seatInfoList.length} seats");
    setState(() {});
  }

  @override
  void dispose() {
    _liveSeatStore.liveSeatState.seatList.removeListener(_seatListListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // Assume that you have your own layout
    return Container();
  }
}

class _YourAudiencePageState extends State<YourAudiencePage> {
  // ... Other code ...

  @override
  void initState() {
    super.initState();
    // ... Other code ...

    // Enter a voice chat room
    _joinLive();
  }

  Future<void> _joinLive() async {
    // Call joinLive to enter a voice chat room
    final result = await _liveListStore.joinLive(_liveID);

    if (result.isSuccess) {
      debugPrint("joinLive success");
    } else {
      debugPrint("joinLive error: ${result.message}");
    }
  }
}

class _YourAudiencePageState extends State<YourAudiencePage> {
  // ... Other code ...

  Future<void> _leaveLive() async {
    final result = await _liveListStore.leaveLive();

    if (result.isSuccess) {
      debugPrint("leaveLive success");
    } else {
      debugPrint("leaveLive error: ${result.message}");
    }
  }
}

class _YourAnchorPageState extends State<YourAnchorPage> {
  late final VoidCallback _speakingUsersListener = _onSpeakingUsersChanged;
    // ... Other code ...

  @override
  void initState() {
    super.initState();
    // ... Other code ...

    // Listen to speakingUsers transition
    _observeSpeakingUsersState();
  }

  void _observeSpeakingUsersState() {
    // Listen for liveSeatState.speakingUsers transition and refresh the "speaking" status
    _liveSeatStore.liveSeatState.speakingUsers.addListener(_speakingUsersListener);
  }

  void _onSpeakingUsersChanged() {
    // Pass the user ID collection of "speaking" users to the UI and update the UI state
    final speakingUserMap = _liveSeatStore.liveSeatState.speakingUsers.value;
    debugPrint("Speaking users updated: ${speakingUserMap.length} users");
    setState(() {});
  }

  @override
  void dispose() {
    _liveSeatStore.liveSeatState.speakingUsers.removeListener(_speakingUsersListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ValueListenableBuilder<Map<String, int>>(
      valueListenable: _liveSeatStore.liveSeatState.speakingUsers,
      builder: (context, speakingUsers, child) {
        // speakingUsers is a Map where the key is userID and the value is volume
        return YourSpeakingIndicatorWidget(speakingUsers: speakingUsers);
      },
    );
  }
}

// Example: Speaking indicator component
class YourSpeakingIndicatorWidget extends StatelessWidget {
  final Map<String, int> speakingUsers;

  const YourSpeakingIndicatorWidget({
    super.key,
    required this.speakingUsers,
  });

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}