girljeremy-CSDN博客

原创 2d、3d虚拟数字人技术探索

虚拟数字人基础技术架构包括“五横两纵”。“五横”是指用于数字人制作、交互的五大技术模块，即人物生成、人物表达、合成显示、识别感知、分析决策等模块。其中，人物生成，即人物建模方面 2D 数字人较为简单，3D 数字人需要额外使用三维建模技术。人物表达包括语音生成和动画生成。动画生成则包含驱动和渲染两大部分。“两纵”是指 2D、3D 数字人，2D 数字人和 3D 数字人在技术架构方面基本一致。主要介绍Live2d等模型制作技术、以及语音口型同步实现原理。

2024-04-10 16:42:12 1938

原创 MediaSource 实现视频流分片快速加载

直接加载视频资源会有视频资源泄露的风险，用视频流分片加载可以快速加载视频，并且避免视频资源泄露。视频资源是MP4格式。

2023-12-11 15:09:37 1179 1

原创 package.json与package-lock.json的版本不一致原因

意思是下载依赖时默认更新当前大版本下的最新版本，实际上在。可以修改package.json，手动去掉版本号前面的。插件名及其版本号，但是版本号前的。，达到固定下载的插件版本的目的。会自动插入一条，默认显示。插件时的指定版本时，

2023-02-10 09:30:55 2242 1

原创 tinymce富文本组件的主动赋值

tinymce组件的可实现自定义富文本，同时也要实现将数据插入到组件文本域中。通过tinymce.activeEditor.setContent(val)给组件赋值

2023-02-09 11:12:39 1463

原创 video增加水印，全屏不遮挡

但是使用video播放器自带的全屏按钮全屏时，水印图层不显示，这是因为播放器自带的全屏按钮全屏时仅将当前video标签全屏，并置于页面最顶层。无法通过z-index修改层级；

2023-02-09 10:54:13 2130 3

原创切换el-tabs标签不显示子组件tinymce原因

在使用el-tabs时，每个tab页都有一个tinymce组件，并且满足自定义增加、减少tabs标签；

2023-02-08 11:20:53 634

原创不同请求方式get,post,put,delete请求的区别

不同的业务场景会使用不同的请求方法，HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。

2022-10-14 11:01:08 425

原创前端优化 ---- 从编码、缓存、打包与兼容性几个方面讨论

我们在做项目交付时，不仅要实现业务逻辑还要注重用户体验，当项目规格越来越大、浏览器不断的升级、越来越严峻的市场竞争，我们最初的设计可能会存在页面加载缓慢、白屏、低版本浏览器的兼容性等问题。针对这些问题我们总结出一系列前端优化方案。...

2022-07-27 11:04:08 349

原创如何解决前端跨域问题 ----- 通过CORS、NGINX、JSONP解决

本文主要提供三个方式来解决跨域问题，分别是服务端配置`Access-Control-Allow-Origin`、反向代理、JSONP

2022-07-21 23:03:24 951

原创 hybrid手机端无法自动播报音频问题

项目场景：实现数字人自动语音播报。使用的是微软的Speech SDK TTS问题描述在浏览器中可以实现语音播报，到hybrid手机端无法自动播报。在手机端可以通过主动点击等可以实现语音播报。原因分析：1.认为是微软Speech SDK不支持，但在手机上执行TTS的Demo运行没问题，可以正常播报。排除。2.由于浏览器策略，浏览器不允许自动播报音视频媒体。浏览器为了提高用户体验，减少数据消耗，chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能，无用户交互的情况

2022-05-12 11:48:41 186

原创 JS通过import进入本地资源404报错disallowed MIME type (“text/plain“)，响应头包含“X-Content-Type-Options:nosniff“

项目场景：提示：这里简述项目相关背景：部署在web服务的前端工程，在通过import加载资源时报错。问题描述响应头中返回：X-Content-Type-Options:nosniff控制台报错：disallowed MIME type ("text/plain")如图：引入该文件的方式为：import { FontLoader } from "/scriptsvrm/FontLoader.js"这种写法在本地NGINX启动以及部署到客户端加载都没有问题，仅在部署在web服务时报这个错误

2022-04-15 14:29:16 3473

原创 webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏问题

webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏项目场景：问题描述：原因分析：解决方案：项目场景：用户为iPhone7 iOS10.3.3手机，内存32G，剩余可用内存180多M。混合开发app。问题描述：1.使用混合开发app打开Phone7 iOS10.3.3手机H5离线包时，页面白屏，用户反应是在我们最近版本发布后出现的问题，之前可以正常使用。2.测试过程中其他手机型号（安卓、iOS）没出现过问题。3.本地运行时可以在该手机上显示，打完包后无法显

2022-02-16 12:02:27 1464

原创 vue双向绑定不生效、对象中的属性值发生改变页面不会重新渲染问题解决办法

文章目录vue双向绑定原理方法一增加一个基本类型的变量方法二使用整体对象替换方法三使用vue文档提供的方法vue双向绑定原理vue深入式响应原理，当我们在data中声明变量对象，Vue 将遍历此对象所有的 property（如下面的person，list，school，score），并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。<div v-for="(item,index) in list" :k

2021-11-18 16:32:39 5726

原创 vite+vue 启动报错

按照官网的流程来1.新建工程2.下载依赖3.然后把改工程拖到vscode中，在vscode中新建终端启动，然后就报错，报错如下：JeremyMacBook-Pro@liu:~/Documents/Learn/myVite#yarn devyarn run v1.22.10warning package.json: No license field$ vite > error: Cannot read directory "../..": operation not permitted

2021-09-08 15:54:45 3316 3

原创 vue工程px转rem，postcss-px2rem插件的使用，移动端适配方案

vue工程实现px转rem使用px单位在不同宽高比设备上显示样式比例有差异，rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。可以使用rem实现自适应。postcss-px2rem：是可以将代码中px自动转化成对应的rem的一个插件.先安装插件npm i postcss-px2rem --save -dev在工程的vue-loader.conf.js中配置插件。'use strict'const utils = require('./utils

2021-08-06 10:32:21 896

原创 vue3.0初试

vue3.0初试vue3.0引用方式vue3.0渲染vue3.0引用方式vue3.0练习，可以采用cdn引用和本地引用。cdn引用走的是国外的地址加载略慢。遂采用本地引用方式。vue.global.js下载地址<head> <meta charset="utf-8" /> <title>vue3.0初试</title>

2021-07-09 16:02:55 117

原创 weex的setTextFormatter属性限制input输入内容，onchange方法+replace实现少数民族姓名正则

weex实现少数民族姓名正则少数民族的姓名中间带点‘·’，比如热巴全名迪丽热巴·迪力木拉提要求：1.允许输入汉字、任意格式的圆点，圆点只能出现在汉字中间；2.不允许输入原点以外的其他特殊字符、不允许有数字、字母、空格；3.姓名总长度长度50个字符(25个汉字) ；4.任意格式的原点统一由系统转译为·（中圆点）后存储，姓名反显统一使用·（中圆点）；使用weex提供的setTextFormatter属性限制ref对应的输入框允许输入的内容：//限制输入内容//formatR

2021-03-26 10:45:54 752 1

原创 weex image标签展示长图动态获取图片大小安卓图片显示失真情况分析

用weex的image标签来显示长图片（类似微信公众号的长图）遇到的问题问题一：Weex官网上的image标签的load方法可以在加载图片的时候获取图片到图片的大小。但是这个load方法只支持iOS，在Android设备上不适配，走不到load方法里面。为了解决Android获取不到图片的宽高问题，请Android同事写了一个方法，调用该方法获取图片的宽高。问题二：接下来我们将动态获取到的图片大小，再动态赋予到image标签中的图片样式上，在iOS上显示无问题，在Android上图片加载有时图片显示失

2020-07-03 19:36:55 724

Jeremy Liu的博客