Discussions

Anyone else facing any of these issues? Could it be due to my domain not being a https site? The lack of documentation is frustrating.
Issues Encountered:
a. Tailwind CSS MIME Type Error
When attempting to include Tailwind CSS in my application via the CDN (https://cdn.jsdelivr.net/npm/[[email protected]](mailto:[email protected])/dist/tailwind.min.css), the browser blocks it with the following error:

Error Message:

The resource from “https://cdn.jsdelivr.net/npm/[[email protected]](mailto:[email protected])/dist/tailwind.min.css” was blocked due to MIME type (“text/plain”) mismatch.
b. ES Module Import Error with LiveKit SDK
When importing the livekit-client library, the browser throws the following error:

Error Message:
Uncaught TypeError: The specifier “livekit-client” was a bare specifier, but it was not remapped to anything. Module specifiers must start with “./”, “../” or “/”.
I have tried updating the import path but could not resolve the issue.

c. WebKit CSS Parsing Error
The following error occurs when parsing the CSS from my generated output.css:

Error Message:
Error parsing value for ‘-webkit-text-size-adjust’. Declaration dropped.
d. WebSocket Integration
I have followed the documentation to set up WebSocket communication with your API but am unable to confirm if the implementation is correct. While I receive some messages, the connection intermittently drops, and no specific events for avatars (e.g., avatar_start_talking, avatar_stop_talking) are emitted.

e. LiveKit Room Connection
When using the provided LiveKit WebSocket URL (wss://lcptsistemashtml-4eecvppv.livekit.cloud) and token, I attempt to connect the room using your SDK, but I am unsure if I have configured the room events correctly. For example, I am not sure if my listeners for TrackSubscribed or DataReceived are behaving as expected.

3. Questions for Resolution
   MIME Type Error:
   Is there a preferred way to include Tailwind CSS with the HeyGen SDK to avoid MIME type mismatch errors?

LiveKit Import Issue:
Should the livekit-client library be included via a specific path, or does it require any specific configuration for ES modules?

WebSocket Events:
Could you confirm the expected event flow for the WebSocket connection? Specifically:

Should I expect events like avatar_start_talking and avatar_stop_talking over the WebSocket?
Are there examples of decoding and processing these events?
Room Setup:
Could you provide guidance on configuring room listeners (e.g., TrackSubscribed, DataReceived) with LiveKit to ensure proper handling of video/audio streams?

Request for Documentation or Examples
If there are updated examples or detailed guides for the scenarios mentioned above, please share them. They would be incredibly helpful in identifying what I might be missing.