Avatar Canvas Error when responsiv within react
Hello,
currently we implement the SitePal avatar within our React Website and everything works complelty fine. But if I want to make the Avatar more reponsive, by changing the last digit to 1, i get the following error:
This is how we integrate the Avatar currently:
Hello!
We've implemented a responsive react JS example for your reference.
In this example we positioned the SitePal character in a realistic web page, with actual content & style.
The example can be found on our support page - www.sitepal.com/support
Here is a direct link - https://sitepal.com/api/examples/react-responsive/index.html
There's a download link on the page itself (at the bottom) - where you can download the source of this page.
Please review, and see if you can use the same methodology.
I hope this will be helpful.
Let me know how goes.
Best,
Gil
CORS error - React JS
Access to XMLHttpRequest at 'http://cache-a.oddcast.com/tts/genB.php"from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
We have added our domain in the licensed domains and still facing the above error
Enviroment React JS
The screen fades to white when I select a masculine voice
When I open www.ttsdemo.com the site appears as normal, with an avatar that represents a feminine voice, but when I select a masculine voice, instead of changing into its corresponding avatar, the screen fades to white, as seen in the photo below, making it impossible for the computer to read the text that I want to write
The problem with this demo has been resolved.
Thank you for your patience.
Best,
Gil
The SitePal Team
Question for sayText
1. When I call sayText to make the avatar speak a text, can I store the audio returned from the SitePal server?
2. When I call sayText to make the avatar speak a text, can I monitor the start and end of avatar speaking?
Hello!
1.
If you are looking to improve performance - there is no need to store the audio because our built-in caching system already does that for you. We cache over 20M audios on the cloud to ensure that subsequent calls for the same audio take less time.
If your intention is different - please send us a note to support@sitepal.com and explain what you have in mind, we will advise.
2.
Yes, when you call sayText or sayAudio or sayAI - you can use out callbacks to know when audios start speaking & end speech. You can also receive progress callbacks if you want to.
See this example for reference - https://sitepal.com/api/examples/syc_classic.html
And checkout the "callbacks" section in the Client API reference for more information.
Note: Start & End audio callbacks are always sent - all you need to do is setup the JS callback functions to receive them.
To receive progress callbacks you need to turn ON progress attribute using the 'setStatus' call.
Hope this helps!
Regards,
Gil
The SitePal Team
Help with Edu Avatars
Hello, we have this page running to help students: https://americantesol.com/tesol-teacher-bethany.html However recently the teach button stopped working. Today, I reuploaded a code to fix it, and it seems to be working, however, there is no audio, just the text. https://americantesol.com/tesol-i-tools.html
Any recommendations to fix these two pages? Thanks in advance.
Yes, ChatGPT is pre-integrated with SitePal.
Please review this document & let us know if any questions.
https://sitepal.com/docs/Implementing_Your_AI_Agent.pdf
Regards,
Gil
Uncaught SyntaxError: Unexpected token '<' (at vhost_embed_functions_v4.php?acc=5626448&js=1:1:1)
Uncaught SyntaxError: Unexpected token '<' (at vhost_embed_functions_v4.php?acc=5626448&js=1:1:1)
I get an error when adding sitepal in nextjs app.
it did work and suddenly not works
Hello Mustafa -
We've put together a NextJS technical example, which includes full source code.
The example can be found here -
https://sitepal.com/api/examples/nextjs/index.html
(there is a download source code button in the example)
Please download the example sources and build it out.
Note: As you do - make sure you replace our embedded avatar with your own so that it will work on your licensed domains.
I hope this is helpful to you and other NextJS developers
Regards,
Gil
sayTexnot working
sayText("Hello my dear friend", 3, 1, 3); doesn't work
despite it enters the function
Hello Mustafa!
I think you are misunderstanding the functionality of our callbacks.
I suggest to use our technical example as a guide -
https://sitepal.com/api/examples/saytext_classic.html
copy the source code of the example to your own test page, then replace the embed code in the example with your own, and update your licensed domain - without making any other changes to the page.
This will allow you to get it working with minimum effort - and then you can further adapt to your needs.
Our technical note (mentioned above) guides you step by step in getting started with using dynamic TTS - and that's the best way to start.
Note: there is no need to define any callback function to get sayText to work.
Hope this helps,
Gil
Hello Maria,
We have not explored this & it is not on our current priority list.
If the human interface supports displaying web based content, then that should be possible.
I'm sorry I cannot provide any definitive answer.
If you look into it further & find out more, pls share your insight.
Regards,
Gil
The SitePal Team
How to connect to the MS TTS?
How do I connect to the Microsoft Azure TTS service? The API References documentation currently only includes Google as the TTS engine.
Hello!
This feature is not yet officially introduced, still in Beta review.
Send us an email to support@sitepal.com if you would like to receive the provisional voice list & API instructions.
Regards,
Gil
The SitePal Team
Customer support service by UserEcho