我有一个简单的网站,试图在其中使用Web Speech api。
该网站有4张动物图像,一次向用户显示一张动物图像。用户必须给动物起名字,如果说出正确的动物名,则显示下一个动物图像。如果说错了动物名称,则try again
文本会显示在网页底部。
在向用户显示下一只动物后,有两次机会给用户正确命名动物。
问题
一切都可以在笔记本电脑上正常工作,但是在手机的Chrome浏览器中打开后无法正常工作。问题是即使在用户正确命名动物的情况下,电话上也会显示try again
文本。
问题
是什么原因导致此问题,我该如何解决?
请注意,动物图像存储在本地,因此它们不会在Codepen中显示,相反,您可以查看alt
文本以了解当前正在显示哪种动物。