页面渲染聊天数据 - 玩转TTS/ASR/YuanQI 打造自己的AI助手原创

这一期视频我主要是来讲一下页面渲染聊天数据，一共我们这里已经在前面就慢慢的开发完了，这里就是来进行测试了，你根据这五六步来进行测试，然后把代码全部都嗯给它填充好，再编写好，最终就是这个效果，那我就带着大家来测试一下，还有页面当中的这个地方，别忘记，别忘记改了，然我这里停线了，我们设试一下。讲一个小故事，由于我们是录屏的，所以就要呃用这个加载的，然你可以看一下这个字是不是太长了，太长了，然后这里就会报错，你不是报错，就它不允许你这么长了，所以在这人体内里，我们需要性任相量大，不要搞这么长的一个文本，然后所以我们就然后我这里就默认就没有给他那个音频，音频就你传过来就直接就可以看，然后这里的解决方式呢，你可以点击它用那个语音，不能普通版，不是极速版，普通版它就可以支持这么多参文本，你点一下，然后再去请求一下，再再更新当前的这一个消息，它就能播放了，并且能长存了，那后我们就让他整个小垄段的吧，你是谁？嗨，我是童话匠，一个专注于为孩子设计有趣童话故事世界的艺术家。我喜欢用可爱的角色和引人入胜的情节来引导孩子探索童话世界，激发他们的想象力和创造力。如果你有关于童话故事的问题，或者想要听我讲述一个有趣的童话故事，随时告诉我哦，然后他伴随着它播放，然后也可以进行独立生成，如果你的智能体给它。

安排了一个图片生成的插件，我们这里整个图片生成应该是滚原，直接进续搜索混原生图，我们添加，添加完这里还有一段停示词所就说就人生的图片就行了，用少应该是要等到发布之后才能以批才能生效，我去试一下，帮我换一张猫咪，那那还是要等一下，那就等一下吧，我先暂停一下这个位置把状态现在已经已经发布了，你发不准可以使用它里面的文本身的图片的功能，现在测试一下，可能让我生成一张奥特曼的图片，帮我画一张奥特曼什么什么好的，你为。

好，到这张奥特曼的图片，您可以参考一下奥特曼，奥特曼图片已经拿到手了，但是它是mark克down格式了，马克mark mark克down格式，那么我们就需要给它整一个markdown，支持一个插件，我们现在看一下这个图片，诶，你还有算了，嗯，然后我这里就已经提前给大家提升好了，在这个配置文件里面有一个这个组件，这个组件我已经提前给大家整好了，然后你就可以直接在这里使用。在这里我们来使用那个档格式的组件来进行给它渲染对应的图片数据，那么把它干掉，把这里给它显示出来，显示出来之后都什么东西，我们可以刷新一下看页面，那么页面的奥特曼就已经出来了，我的右击可以给它进去看一下，这个电有不对劲了，这个，那么这里有个加值的话，不用管它，这样的话是后面那个实时来用的，这里它用到，然后这里呢，我这里有一个这个时间，这些时间计算有问题，我把时间计算整一个时间计算的音频时长，那音频时长就这样干嘛？并且把这段机器人的消息放在这里面，就等他计算完毕之后，我再给它插入一条机器人消息，并且进行播放，因为代码等在后面可以看到，然后直接就可以进行播放完毕，然后还有一个滚动的问题，滚动的问题就是当你告诉你的时候，这你现在数据太少了，如果你的文本太长的话，它就只会触发一次滚动，比如你当前的触发是400，如它文本一直达到了跑到600，如果你现在就是暂停状态。

所以你需要实时的监听一下它的文本内容，就在这里，没监听不会没话就可以一直在调用一下它，它就实时的一直往下滚，记得点赞关注哦。