于沈健の博客

在开发过程中，我遇到了一个棘手的问题。在一个项目中，我需要在网页上播放音频文件，使用了标准的audio标签。在大部分设备上，这个功能都能正常工作，但当我在苹果手机（iOS设备）上测试时，却发现音频根本无法播放。 挫折与困惑当时，我尝试了很多方法来解决这个问题，甚至开始怀疑是不是音频文件格式不对，或者是代码的其他部分出了问题。我检查了音频的格式，确保它是MP3，而且代码在其他平台上运行良好，这一切都让我感到更加困惑。 我开始怀疑是不是因为苹果设备对音频处理的方式有所不同，于是我查阅了大量的资料，试图找到问题的根源。 寻找解决方法在经过搜索和实验后，我偶然发现了一个关于ID3标签的讨论。有开发者提到，苹果手机可能无法正确解析含有ID3标签的音频文件，看到这条信息时，我的直觉告诉我这可能就是问题的关键所在。 接下来，我便开始寻找解决方案。幸运的是，我找到了一个名为browser-id3-writer的JavaScript库，它可以帮助我操作和移除音频文件中的ID3标签。 实施解决方案于是，我决定尝试一下这个库。首先，我通过npm安装了browser-id3-writer： 1npm inst ...

经过在角色区和造型区成功生成图片的历程之后，最后的任务就是在背景区通过文生图模型生成图片了。这次任务相对来说也是最简单的一步，因为它和之前的逻辑非常相似，只是在 Scratch 3 的背景区操作图片。 遇到的问题在实现背景区生成图片时，我已经有了之前的角色和造型区开发的经验，因此这次遇到的挑战并不多。主要需要注意的是，背景的处理和造型类似，但需要确保它被设置为舞台的当前背景。 解决方法这里同样使用了 TextGeneratedPic 方法来处理图片的生成。我们通过文生图模型获取到的图片 URL，然后调用 addBackdropToStage 方法将该图片设置为背景。 关键代码12345async TextGeneratedPic(args, util) { const imageUrl = this.imageUrl const stage = this.runtime.getTargetForStage() await this.addBackdropToStage(stage, imageUrl, util)} 这段代码的作用是获取舞台对象 ...

在解决了通过文生图模型在角色区生成图片的问题之后，我接下来挑战的目标是通过同样的方式，在 Scratch 3 的造型区添加图片。由于之前已经在角色区生成图片取得了成功，这一次的任务相对容易些，但仍然有一些值得分享的细节和经验。 遇到的问题这个任务的难度较低，主要原因是造型的添加逻辑和角色的添加非常类似。我只需要将新生成的图片作为一个造型附加到已有的角色上，而不必像之前那样去处理复杂的角色渲染和层次管理。 然而，造型的添加过程中，仍然需要注意图片的格式处理，以及如何将生成的图片成功转换为 Scratch 内部识别的 costume 对象，并设置为当前的造型。 解决方法我沿用了之前添加角色时的一部分代码，并根据造型的特点对其进行了调整。以下是关键的代码： 12345async TextGeneratedPic(args, util) { const imageUrl = this.imageUrl const target = util.target await this.addCostumeToTarget(target, imageUrl, util)
...

在进行 Scratch 3 的二次开发过程中，我遇到了一个特别棘手的问题：如何通过文生图模型生成的图片，在 Scratch 的角色区成功添加一个新的角色。看似简单的任务背后，却隐藏着不少意想不到的困难。以下是我解决这个问题的完整经历。 遇到的问题起初，我的目标很明确——通过文本生成图片，并将该图片添加为一个新的角色到 Scratch 的角色区。然而，实际操作过程中，我遭遇了多个问题： 图片的处理：将通过文生图模型生成的图片 URL 转换为 Scratch 可以识别和使用的角色数据，过程中涉及到图片的加载、数据格式的转换，以及图片与 Scratch 内部数据结构的对接，这一步的复杂程度超出了我的预期。 角色的创建与渲染：在 Scratch 中，添加新角色不仅仅是将图片插入这么简单，它需要严格遵守 Scratch 的角色生成与渲染机制。我在这一步中多次遇到渲染失败的情况，角色始终无法正确显示在舞台上。 层次管理：Scratch 的角色具有层次关系，如何在不影响其他角色的前提下正确设置新角色的层次顺序，也是一个必须解决的问题。 解决方法经过多次调试与查阅文档，我逐渐理清了问题的脉络 ...

背景一直以来，我都把博客托管在GitHub Pages上，虽然简单方便，但国内访问速度不理想，尤其是图片经常加载不出来，体验非常糟糕。于是，我决定把博客部署到自己的服务器上，不仅能大幅提升访问速度，还能根据自己的喜好调整页面风格。经过对比，我最终选择了Hexo这个静态博客框架，再加上腾讯云的轻量应用服务器，性价比和稳定性都不错。 一、环境准备1.1 相关信息 电脑信息: Apple M1 Pro 服务器信息: 腾讯云轻量应用服务器 操作系统: CentOS 7.6 64bit 二、服务端操作2.1 安装Git和Nginx12sudo apt updatesudo apt install git nginx -y 2.2 创建Git用户12345678910111213# 创建git用户sudo adduser git# 为git用户设置密码sudo passwd git# 配置git用户的sudo权限sudo chmod 740 /etc/sudoerssudo vim /etc/sudoers# 添加如下行到root ALL=(ALL) ALL 之后git ALL=(ALL) A ...