本文介绍了如何将Live2D动态渲染技术与文本语音播报功能结合，实现沉浸式交互体验。通过CubismSDK for Web加载Live2D模型并控制口型动作，配合百度AI语音合成API实现文本转语音，最终完成语音与2D形象动作的同步展示。文章详细阐述了技术选型、代码实现流程及优化技巧，包括性能优化、兼容性处理和交互体验提升等，并探讨了智能客服、教育助手等扩展应用场景。该方案为开发者提供了构建生动交

俺自己弄自己写博客是为了记录自己的脚步，走成功就留下近道，方便其他兴趣者抄近道提升；走失败了就留下血迹(魂类游戏の特色)，方便其他人看看我是这么寄的。我曾经给自己规定，一个月最少留下一片技术性的或者经验性值的博客，方便自己自我总结。结果十月底后，咱忙得不可开交~~，都没时间水群~~，写博客的规划就一拖再拖，最后都十二月了，emmmm，不能再拖了。今天就写完。6号的今儿，加个班，努力写完吧。

俺自己弄自己写博客是为了记录自己的脚步，走成功就留下近道，方便其他兴趣者抄近道提升；走失败了就留下血迹(魂类游戏の特色)，方便其他人看看我是这么寄的。我曾经给自己规定，一个月最少留下一片技术性的或者经验性值的博客，方便自己自我总结。结果十月底后，咱忙得不可开交~~，都没时间水群~~，写博客的规划就一拖再拖，最后都十二月了，emmmm，不能再拖了。今天就写完。6号的今儿，加个班，努力写完吧。

Vue中封装自定义步骤条 实现上下一步效果图：如上图：在VUE中实现效果，VUE+Element,ant都有封装好的UI,直接引用就好了；这里，觉得样式不符合UI设计，所以自定义封装了一个步骤条组件；设计原理：当点击下一步的，获取步骤的index, 通过绑定的class 给经过的步骤添加样式；:class="index <= stepsIndex ? 'on' : ''"定义步骤条的条数,数

需求：使用 Vue + Antd 搭建后台管理系统，封装无限下拉循环菜单文档：Antd第一步：搭建Vue脚手架，这里不做过多叙述。第二步：导入 Antd 依赖npm install antd第三步：新建菜单组件SiderMenu.vue<template><div style="width: 256px"><a-menu:selectedKeys="selectedK

echarts数据可视化图表（二）：双柱状图效果图：html<script src="js/4.2.1/echarts.min.js"></script><div class="box-echarts" id="Echarts09"></div>jsvar loadEcharts09 = function () {var myChartss = ec

echarts数据可视化图表（一）：柱状图效果图：代码如下：注意：需引用echarts.js<script src="js/4.2.1/echarts.min.js"></script>html<div class="box-echarts" id="Echarts05"></div>css.box-echarts{width:500px;heigh

echarts数据可视化图表（二）：双柱状图效果图：html<script src="js/4.2.1/echarts.min.js"></script><div class="box-echarts" id="Echarts09"></div>jsvar loadEcharts09 = function () {var myChartss = ec

VUE 中渲染Echarts 动画 柱状图效果图：安装Echarts依赖要在vue中使用Echarts 需要先安装依赖npm install echarts --save这是我的Echarts版本"echarts": "^4.0.4"第一步：在template减免 容器dom<template><div class="min-body"><div style="wid

Vue学习笔记：将数组数据使用Excel表格导出需求：数组数据使用 Excel导出第一步：下载依赖命令行： npm i xlsx第二步：建立下载公共jssrc下建立文件夹utils后建立data2Excel.js第三步：将公共js导入页面import { dataConversionUtil } from '@/utils/data2Excel'第四步：数组数据组装Excel表格 表头loadEx