在 uniapp 中使用 mp-html，并启用 latex。
最编程
2024-05-07 17:16:13
...
在uniapp里面使用 mp-html 并且开启 latex 功能
默认情况下 mp-html 是不会开启 latex 功能的, 如果需要开启 latex 功能是需要到代码操作拉取代码自行打包的。
这里说一下 mp-html 里面的 latex 功能是由 https://github.com/rojer95/katex-mini 提供的技术实现， 但是这个仓库是专门为小程序写得功能，也就是说 mp-html 仓库里面的相关 latex 功能是被mp-html作者修改过的。代码对于 vite 构建的 uniapp 不太友好, 我这里自己把 katex-mini 改了一版, 修改为由 vite 打包。我修改过的代码,里面也有使用demo
重点来了
现在来说如何在 mp-html 里面开启 latex 渲染功能。代码拉取到本地，修改代码然后自行打包，这里说一下如何修改代码（其实很简单）。
然后执行打包就行了
推荐阅读
-
在 uniapp 中使用 mp-html，并启用 latex。
-
腾讯视频直播 02-推流-美颜滤镜 同样，腾讯云提供了 setBeautyFilter 方法来设置美颜风格、磨皮程度、美白程度和泛红程度 //style 磨皮风格：0：平滑 1：自然 2：朦胧 //美容级别：0-9。值为 0 时关闭美颜效果。默认值：0，关闭美颜效果。 //美白级别：取值 0-9。值为 0 时，将关闭美白效果。默认值：0，关闭美白效果。 //ruddyLevel：取值范围为 0-9。值为 0 时关闭美白效果。默认值：0，关闭美白效果。 public boolean setBeautyFilter(int style, int beautyLevel, int whiteningLevel, int ruddyLevel);; public boolean setBeautyFilter(int style, int beautyLevel, int whiteningLevel, int ruddyLevel) 滤镜 setFilter 方法可以设置滤镜效果，滤镜本身是一个直方图文件。setSpecialRatio 方法可以设置滤镜的程度，从 0 到 1，越大滤镜效果越明显，默认值为 0.5。 Bitmap bitmap = BitmapUtils.decodeResource(getResources, R.drawable.langman); if (mLivePusher) if (mLivePusher ! = null) { mLivePusher.setFilter(bmp)； } 控制摄像头 腾讯云 sdk 默认为前置摄像头（可以通过修改 TXLivePushConfig 的配置函数 setFrontCamera 来修改默认值），调用一次 switchCamera 就切换一次，注意切换摄像头前要确保 TXLivePushConfig 和 TXLivePusher 对象已经初始化。 mLivePushConfig.setFrontCamera(true); // 默认前置摄像头。 mLivePusher.switchCamera; //切换摄像头。 ⑦ 设置徽标水印 腾讯视频云目前支持两种设置水印的方式：一种是在流媒体 SDK 中设置水印，原理是在 SDK 中对视频进行编码前在画面中设置水印。另一种方式是在云端设置水印，即由云端解析视频并添加水印标识。 建议使用 SDK 添加水印，因为在云端添加水印会有问题。下面是添加水印的 SDK 介绍： //设置视频水印 mLivePushConfig.setWatermark(BitmapFactory.decodeResource(getResources,R.drawable.watermark), 10, 10); // 最后两个参数是视频的水印。 //最后两个参数是水印位置的 X 轴和 Y 轴坐标。 mLivePusher.setConfig(mLivePushConfig)； 如果需要对水印图像的位置进行模型适配，则需要调用水印规范化接口。 /设置视频水印 mLivePushConfig.setWatermark(mBitmap, 0.02f, 0.05f, 0.2f); //参数为水印图像。 //参数包括水印图像的位图、水印位置的 X 轴坐标、水印位置的 Y 轴坐标和水印宽度。后三个参数的范围是 [0，1]。 // 最后两个参数是水印位置的 X 轴坐标和 Y 轴坐标。 mLivePusher.setConfig(mLivePushConfig)； TXLivePushConfig 中的 setHardwareAcceleration 方法可以启用或禁用硬件编码。 if (mHWVideoEncode){ if (mLivePushConfig ! = null) { if (Build.VERSION.SDK_INT < 18){ Toast.makeText(getApplicationContext, "Hardware acceleration failed, current phone API level is too low (min 18)"、 Toast.LENGTH_SHORT).show； mHWVideoEncode = false; } } } } mLivePushConfig.setHardwareAcceleration(mHWVideoEncode ? TXLiveConstants.ENCODE_VIDEO_HARDWARE : TXLiveConstants.ENCODE_VIDEO_SOFTWARE)； mLivePusher.setConfig(mLivePushConfig)； // 如果您不确定何时启用硬件加速，建议将其设置为 ENCODE_VIDEO_AUTO。 // 默认情况下启用软件编码，但如果手机的 CPU 使用率超过 80% 或帧速率为 10，SDK 将自动切换到硬件编码。 ⑨ 后台推流 在常规模式下，一旦应用程序进入后台，摄像头捕捉数据的能力就会被 Android 禁用，这意味着 SDK 无法继续捕捉和编码音频和视频数据。如果我们什么都不做，故事就会按照下面的脚本发展： 阶段 1（背景剪切后 10 秒 ->）- CDN 无法将视频流传输给观众，因为没有数据，观众看到的是主帧。 阶段 2（10 秒-> 70 秒）--观众一方的播放器因无法接收到直播流而退出，房间里空无一人。 第 3 阶段（70 秒后）--服务器直接断开了推送流媒体的 RTMP 链接，主播需要重新打开直播才能继续。 主播可能只是短暂地接了一个紧急电话，但各云提供商的安全措施会迫使主播的直播提前结束。 1) 设置 setPauseFlag 在开始推流之前，使用 TXLivePushConfig 的 setPauseImg 接口设置一个等待图像，其含义建议为 "主播将暂时离开，稍后再回来"。