# Web Interaction

**URL:** <https://forum.convai.com/t/web-interaction/1848>\
**Category:** Web SDK & Embeds\
**Tags:** playcanvas, question\
**Created:** [October 8, 2024, 6:23am UTC](https://forum.convai.com/t/web-interaction/1848 "2024-10-08T06:23:56Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 6:23am UTC](https://forum.convai.com/t/web-interaction/1848/1 "2024-10-08T06:23:56Z")

</div>

**Original Discord Post by uday\_tople | 2024-10-08 06:23:56**

I want the character should interact with website and able to play video

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 6:27am UTC](https://forum.convai.com/t/web-interaction/1848/2 "2024-10-08T06:27:08Z")

</div>

**Reply by uday\_tople | 2024-10-08 06:27:08**

\<@1023671043287699568\>

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 8:59am UTC](https://forum.convai.com/t/web-interaction/1848/3 "2024-10-08T08:59:38Z")

</div>

**Reply by k3kalinix | 2024-10-08 08:59:38**

\<@884749342949384203\> what is the issue?

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:09am UTC](https://forum.convai.com/t/web-interaction/1848/4 "2024-10-08T09:09:51Z")

</div>

**Reply by uday\_tople | 2024-10-08 09:09:51**

how should i integrate my character so that he can interact with my website

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:11am UTC](https://forum.convai.com/t/web-interaction/1848/5 "2024-10-08T09:11:48Z")

</div>

**Reply by k3kalinix | 2024-10-08 09:11:48**

[![](https://canada1.discourse-cdn.com/flex004/uploads/convai/original/1X/43daeae7a3136794d0147381f3738001d363ceca.jpeg "Smart NPCs in your Web Browser Using PlayCanvas | Convai PlayCanvas Tutorial") ](https://www.youtube.com/watch?v=Ck72gcSShVw)

**Embedded Content:**  
**Smart NPCs in your Web Browser Using PlayCanvas | Convai PlayCanvas…**  
In this tutorial, we’ll deep-dive into Convai’s integration with @playcanvas, and how virtual developers can leverage it to bring AI characters that can chat naturally, perceive their surroundings, and generate actions directly into the virtual worlds running on the browser. We’ll guide you step-by-step into setting up your first PlayCanvas proj…  
Link: [https://www.youtube.com/watch?v=Ck72gcSShVw](https://www.youtube.com/watch?v=Ck72gcSShVw)

 ![Thumbnail](https://canada1.discourse-cdn.com/flex004/uploads/convai/original/1X/43daeae7a3136794d0147381f3738001d363ceca.jpeg)

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:12am UTC](https://forum.convai.com/t/web-interaction/1848/6 "2024-10-08T09:12:05Z")

</div>

**Reply by k3kalinix | 2024-10-08 09:12:05**

Please follow this tutorial.

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:32am UTC](https://forum.convai.com/t/web-interaction/1848/7 "2024-10-08T09:32:35Z")

</div>

**Reply by uday\_tople | 2024-10-08 09:32:35**

yes i follow but they didnt show how to use narrative design

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:39am UTC](https://forum.convai.com/t/web-interaction/1848/8 "2024-10-08T09:39:58Z")

</div>

**Reply by saurav0037 | 2024-10-08 09:39:58**

\<@884749342949384203\> For narrative design you can enable it through playground (convai website).  
To invoke trigger you can call the trigger name from convai client:  
`convaiClient.invokeTrigger("Follow","");`

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:40am UTC](https://forum.convai.com/t/web-interaction/1848/9 "2024-10-08T09:40:35Z")

</div>

**Reply by uday\_tople | 2024-10-08 09:40:35**

you are from convai team?

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:43am UTC](https://forum.convai.com/t/web-interaction/1848/10 "2024-10-08T09:43:23Z")

</div>

**Reply by saurav0037 | 2024-10-08 09:43:23**

To get the current section :  
` convaiClient.setResponseCallback(function(response) { if(response.hasBtResponse()){ var btResponse = response.getBtResponse(); if(btResponse.array[2] === <section_id>){ // any code responding to it } } }`

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:43am UTC](https://forum.convai.com/t/web-interaction/1848/11 "2024-10-08T09:43:32Z")

</div>

**Replying to uday\_tople’s Message**

> **Reply by uday\_tople | 2024-10-08 09:40:35**  
> you are from convai team?

**Reply by saurav0037 | 2024-10-08 09:43:32**

Yes

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:44am UTC](https://forum.convai.com/t/web-interaction/1848/12 "2024-10-08T09:44:25Z")

</div>

**Reply by uday\_tople | 2024-10-08 09:44:25**

okay

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [October 8, 2024, 9:44am UTC](https://forum.convai.com/t/web-interaction/1848/13 "2024-10-08T09:44:46Z")

</div>

**Reply by uday\_tople | 2024-10-08 09:44:46**

let me try

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [November 25, 2024, 12:14pm UTC](https://forum.convai.com/t/web-interaction/1848/14 "2024-11-25T12:14:20Z")

</div>

Closed on November 25, 2024, 12:14pm UTC

This conversation happened on the Convai Discord Server, so this post will be closed.