Implement chat room (Buyer Side)

[yimingStar]

Can we implement the Ideal Order System?

Our original feature design is to build a chat room the user can create orders with comments during the live. However, we finally decide to implement a Youtube chat room by iframe implementation. But then we have to drop this feature.

Reason: the Youtube chatroom identity will not be able to bind to our user system, even though we are all using Google login

It's because we cannot retrieve the data from the iframe.

Work Around - we decide to implement Product Info Page and let user to buy product from Feature Items (live streamers can select a specific product list shows down below the live iframe)

[chouhy]

Implementing Youtube Chat Room Iframe

Reference Basic idea is that we need livestream id and create the iframe with that id. Luckily from SA1. Store Livestream API we already got the livestream id as the response.

<iframe frameborder="0" height="300" width="480" src="https://www.youtube.com/live_chat?v={video id}&embed_domain={our domain}"></iframe>

live demo: jsfiddle

[chouhy]

[yimingStar]

The implementation is in this commit https://github.com/UF-CEN5035-2022SpringProject/GatorStore/commit/2acf0975630b05c27aa944677a50d67ec5f809e2