I'm working on a Microsoft Teams Tab App using the 'Teams Toolkit' extension in Visual Studio Code. The app functions as a questionnaire that allows the meeting organizer to share questions, answer options, and a timer with meeting attendees, presenters, and organizers. However, I'm encountering challenges with real-time content synchronization, and I need help in resolving this issue.
Here are the key details:
- I have configured the app manifest as per the guidelines provided in the Microsoft Docs.
- I'm using JavaScript and React for my application.
- I've attempted to implement synchronization using the @microsoft/live-share SDK, and I'm using LiveState to track the current question index.
- The app retrieves an array of objects from an API, where each object contains a question, four options, a unique 2-digit ID, and the correct answer.
- The issue is that when the organizer or presenter shares the application, participants receive the questions and timer on their devices, but the content is not synchronized in real-time. Changes made by the organizer or presenter are not reflected simultaneously for other participants.
Here's what I've tried:
- Using the @microsoft/live-share SDK and LiveState for tracking the current question index.
- Ensuring that my API fetches the latest data correctly.
My specific question is: How can I achieve effective real-time synchronization of content and the timer in my Microsoft Teams Tab App across all meeting attendees, presenters, and organizers? Are there specific techniques, tools, or approaches that I should consider to ensure that all participants view the same content at the same time?
If you have any insights, suggestions, code examples, or resources that could help me address this synchronization challenge, I would greatly appreciate your guidance. Thank you!