Liquid syntax error: 'raw' tag was never closed
For further actions, you may consider blocking this person and/or reporting abuse
Liquid syntax error: 'raw' tag was never closed
For further actions, you may consider blocking this person and/or reporting abuse
Riyon Sebastian -
Mukarram Javid -
kvetoslavnovak -
Emil Pearce -
Top comments (9)
Awesome tutorial as previous about the video call, I tried with previous video chat project. the same thing I want is, I want to show participant location to show on the video screen. I am unable to show the text on screen. Its just disappear. Any hack on this?
I'm not sure why it would just disappear. Can you share the code you were using to add the location? Which app did you add this to?
Thanks for reply :)
I am trying to add into github.com/philnash/twilio-video-r... (dev.to/twilio/build-a-video-chat-w...)
Ah, that application!
OK, so what have you tried?
I took css from glitch.
Code is update here : github.com/manprajapat/twilio-vide...
I have added
css
Thanks for linking to your repo of this. I can see that you're getting the location using the geolocation API, but you're never rendering it, so it's not going to appear on top of the video (or anywhere on the page). You're logging it to the console, but you need to consider how you're going to actually render the data first, then work on styling it.
Yes, But for now, I have added only static element there
I need to show this name on video frame
I will work on geolocation after styling.
Ah, I see.
Ok, you have two problems (and then another one coming down the line).
First, you have the wrong
id
on your video container. It's currently:id
s can't have spaces and thatlive
should be a class. There is a second problem you have in the JSX where the surrounding<div>
has aclass
and not aclassName
.But, there's one further thing to watch out for. You will have multiple
<Participant>
components on the page, so you should not useid
s for that. You could changevideo-container
to aclassName
and then change the CSS from#video-container
to.video-container
.So, your participant JSX should be:
And the CSS should be:
Try that and see how you get on.
Ahhhhhhhhhh!!! my bad, that I missed the id, I am thinking it was a class. Yes, it works!!
Thanks Dear :) Happy coding.