Template talk:MMDPreviewer

关于当前存储模式下的模型加载速度

@Ktmsobs 你加载模型的时候慢吗，有没有出现过需要加载30秒以上的情况，如果感觉目前这个存储模式访问速度还行的话，麻烦再注册个码云帐号，然后陪我测些东西，注册完把用户名或者邮箱发一下 --東東君（讨论） 2020年9月30日 (三) 18:47 (CST)

@東東君 没有，电脑和手机都是最多5秒左右，码云用户名和这里一样是ktmsobs--虚拟UP24 Ktmsobs（讨论•贡献） 2020年9月30日 (三) 20:14 (CST)

@Ktmsobs 行，那就用这个模式了。

模块上传流程：

• 模块冗余数据删除+贴图压缩（需要个如何删除冗余数据及压缩的教程）
• 模块文件命名为：模块名.jpg 模块名最好使用英文字母，这个模块名对应modelName参数
• 进入gitee仓库页面，选择：文件 -> 上传文件（才发现仓库页面可以直接上传文件_(:з」∠)_，这样就不用git了
• 选择：服务 -> Gitee Pages -> 更新，更新后新上传的模块就可以访问到了

还有已经邀请你成为仓库的管理员，你同意后试下能不能进行：服务 -> Gitee Pages -> 更新 的操作。现有的那几个模块都是用来测试的，没经过压缩处理，你都删了吧 --東東君（讨论） 2020年9月30日 (三) 21:24 (CST)

@東東君 上传了小希和锤子的模块，我想模块的前处理的流程已经足够成熟了，可以准备写教程了，但是加载刚上传的新模型的时候出现了要等接近一分钟的问题，不管是电脑还是手机都很慢，查任务管理器发现下载速度只有几十k/s，不知道是不是我的网络问题（我的电脑是用手机开热点上网的，而且手机月底流量用完限制到3G速度了，但这个速度去别的网站也可以达到300k/s），而且好像开梯子还会快一点，而且在手机版视图下预览不了，不管是真手机还是电脑选mzh都不行，这点我已经在模板里写出文字提示了，如果能解决这个问题最好--白组4 Ktmsobs（讨论•贡献） 2020年10月1日 (四) 00:35 (CST)

@Ktmsobs 测试发现速度慢在了我服务器这边，因为服务器不是国内的而且本身速度也不快。这个确实没什么好办法，最好还是能传萌娘共享，或者把请求转发放在萌百后端，或者用外部的对象存储服务不用码云了，我看七牛云有免费的10G存储感觉还可以，缺点就是要自己再搞一套服务接口和上传插件。手机版视图的问题找到了，等待AnnAngela大佬修复。 --東東君（讨论） 2020年10月1日 (四) 10:58 (CST)

@東東君 处理模型的教程写好了--王牛奶1 Ktmsobs（讨论•贡献） 2020年10月2日 (五) 00:49 (CST)

@Ktmsobs 暂时先这么用吧，最近没什么时间，等我把上传插件和接口搞定了换七牛云。--東東君（讨论） 2020年10月8日 (四) 18:27 (CST)

@Ktmsobs 失败_(:з」∠)_，七牛云免费流量不提供https，萌百这头无法访问。只能继续凑合用人民富豪了。--東東君（讨论） 2020年10月15日 (四) 19:30 (CST)

---

@AnnAngela 目前的模型存储方式的访问速度着实欠佳，再次申请一下可以传萌百吗，模型大小基本可以控制在4m以下，平均2m左右。--東東君（讨论） 2020年10月3日 (六) 23:48 (CST)

还是再看看有没有别的存储或者转发吧，最近上传了帕里和阿夸的模型，一开始的时候两个都没法加载，昨天晚上帕里模型突然可以了，今天两个又都看不了了，而且在console里面两个原因还不一样，帕里的提示是说

index.php?title=Template:MMDPreviewer/doc&action=submit:1 Access to XMLHttpRequest at 'https://api.koharu.top/moegirlWeb/mmdResourceReply?modelName=paryi&repo=moegirl-mmd-resources' from origin 'https://zh.moegirl.org.cn' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

阿夸是

GET https://api.koharu.top/moegirlWeb/mmdResourceReply?modelName=minatoaqua&repo=moegirl-mmd-resources 504 (OK)

-- Ktmsobs（讨论•贡献） 2020年10月27日 (二) 10:44 (CST)

服务器昨天被禁止事项了，之后换了ip，顺便还给转发服务加了缓存。很奇怪，我这边两个模型无论是否挂梯子都能正常加载(联通宽带)，而且速度还比之前还快了。国内能公开访问的免费存储空间是真的找不到。--東東君（讨论） 2020年10月27日 (二) 15:16 (CST)

试了十几次都没有出现第一个问题，第二个问题是服务器在获取存储于码云的mmd数据时发生了错误，理论上很少会发生除非码云限制了用.jpg做后缀名假装图片的小伎俩--東東君（讨论） 2020年10月27日 (二) 15:26 (CST)

我觉得确实还是要考虑把服务全放到萌百上，一直靠外面的服务器也不好，今天的测试除了老爱和帕里正常，还有阿夸仍然是504以外，其它的所有模型都是卡十几秒然后提示net::ERR_CONNECTION_TIMED_OUT，新上传的模型也是完全没法测试预览-- Ktmsobs（讨论•贡献） 2020年10月30日 (五) 16:36 (CST)

服务器又被禁止事项了。--東東君（讨论） 2020年10月31日 (六) 10:56 (CST)

现在所有的模型都预览不了了，就算我开着梯子直接ping也没反应，看来服务器是真的非换不可了-- Ktmsobs（讨论•贡献） 2020年11月3日 (二) 15:38 (CST)

@東東君 所以服务器这件事还要解决么……-- Ktmsobs（讨论•贡献） 2020年11月11日 (三) 16:04 (CST)

最近服务器老是被ban，我也不打算续费了。最好的话还是把模型数据放在萌百，但是AnnAngela好像不同意。目前解决方案大概有这几种：

• 模型数据传萌百共享站
• 萌百后端转发请求，从码云或者其他地方获取模型数据
• 租个国内服务器+购买域名，转发服务放上面，需要花钱
• 购买对象存储服务，需要花钱，不用写代码，但是不方便多人协作，仓库只能由一个人控制(要不就共享一个帐号)
• 问问萌百上有没有好心人愿意在服务器上跑个转发服务

--東東君（讨论） 2020年11月11日 (三) 17:39 (CST)

模版复活

@Ktmsobs 虽然有亿点迟，我通过白嫖两种免费服务（七牛云的免费10G空间 + cloudflare workers用来转发请求获得https链接）又将这个模板复活了_(:з」∠)_，并且将原先码云上保存的模型数据转移到了七牛云上码云仓库已经被莫名其妙地封了，你还考虑重新启用这个模板吗？--東東君（讨论） 2022年4月18日 (一) 23:42 (CST)

@東東君 态度上当然愿意了，不过问题还是在于之前提过的可能涉及二次配布的问题，这也是我一直以来没有大规模用于条目中的主要原因（之前还有技术问题，现在可以说是唯一原因了），要是真正用于条目的话，要么就用现在的方式，要么有一个更难以让用户获取到模型文件的方式，或者是站内有一个比较权威的声音确定这不是问题-- Ktmsobs（讨论•贡献） 2022年4月19日 (二) 12:47 (CST)

@Ktmsobs 如果确定要启用的话，可以注册一个七牛云帐号，我将存储mmd数据的存储空间的权限给你，之后就可以上传mmd数据，在萌百使用了。另外这回不用将后缀名改为jpg了，直接用zip就可以。关于配布问题，其实我感觉现在这样就可以了，目前只能通过F12查看请求来获取。如果你认为还是有些不妥的话，可以给模型数据做个加密，我做个在线的加密工具，你通过这个工具将mmd数据加密后，再存到七牛云。--東東君（讨论） 2022年4月19日 (二) 16:57 (CST)

@東東君 账号已经注册了，id还是现在这个id。虽然技术上可能没什么问题了，但我还是不希望这个存储权限只有我们几个用户有，按理来说应该跟共享站一样任何一个萌百用户都能上传。虽然萌百上还有不少模板调用了萌百以外的服务器的资源，这方面我也不太了解，但我还是觉得，作为一个普通的优质编辑者不应该比普通用户有更高的权限，哪怕只是一个模板所调用的内容的权限。总之我还是希望模型配布的问题能在站内上解决，不过现在这样也可以继续测试一下-- Ktmsobs（讨论•贡献） 2022年4月19日 (二) 17:30 (CST)

@Ktmsobs 这样吧，我写一个专门上传mmd文件的萌百小工具，用小工具可以上传，上传时自动进行加密，但是不能删除，删除的操作还是在七牛云的控制台里进行。然后在这个模板的命名空间下新建一个提删页面，如果有人上传错文件了，可以在那里提删。--東東君（讨论） 2022年4月19日 (二) 23:17 (CST)

@東東君 那就先用这个方法吧，辛苦大佬了。虽然说我不希望上传模型是我或者部分编辑的特权，但这一系列操作的门槛还是比较高的，只能希望以后会有更多人用这个模板吧-- Ktmsobs（讨论•贡献） 2022年4月20日 (三) 09:36 (CST)

@Ktmsobs 把你注册七牛云时的邮箱发一下吧，七牛云在加权限时需要这个。--東東君（讨论） 2022年4月22日 (五) 08:48 (CST)

@東東君 以防你没看到，我已经把我的邮箱用站内邮件和萌百代码部QQ群告诉你了-- Ktmsobs（讨论•贡献） 2022年4月23日 (六) 02:51 (CST)

@Ktmsobs 已经授权，管理页面链接：https://portal.qiniu.com/kodo/bucket/overview?bucketName=moegirl-mmd --東東君（讨论） 2022年4月23日 (六) 09:40 (CST)

建议追加缩放倍率限制

如题。现在可以缩到完全看不见。（也许没什么意义但是）希望能稍微限制一下。 From 库德里尔分身 the Noob 2022年4月21日 (四) 11:01 (CST)

其实我更倾向于增加一键复原功能 —— 混沌中立鬼影233「论|史|签|反」2022年4月21日 (四) 11:04 (CST)

那我也提一个，希望增加初始缩放参数，因为各家模型的缩放比例不一定一样，有的模型做得有点大，头顶容易伸出框外，用pmxeditor一个个事先处理太麻烦了-- Ktmsobs（讨论•贡献） 2022年4月21日 (四) 12:00 (CST)

代码更新完毕，现在可以开始使用了。新增双击复原功能，桌面端没问题，移动端好像没生效，这两天我再调整一下。新增initialDistance、minDistance、maxDistance这几个参数。--東東君（讨论） 2022年4月22日 (五) 21:51 (CST)

刚才测试又发现一个问题，触屏模式下会把双指同时触屏视为双击，要拖动和缩放只能两根手指触屏有一定时间差才可以，看看能不能改一下这个交互吧，实在不行在提示里写清楚也可以-- Ktmsobs（讨论•贡献） 2022年5月12日 (四) 17:21 (CST)

手势冲突了，我把移动端的复原改成长按吧--東東君（讨论） 2022年5月12日 (四) 18:10 (CST)

代码已更新。--東東君（讨论） 2022年5月29日 (日) 11:31 (CST)

考虑采用点击加载

@東東君 模板在正式条目开始测试以来，有用户反映这个模板默认加载会导致很多不必要的服务器占用，并对老设备来说会带来较大的性能压力，建议采用点击按钮后才开始下载模型的方式，我认为可以折中一点，不点击时只用一张静态图片代替，点击后再加载模型，至于图片是由mmd模型自动生成并缓存还是由编辑者上传可以另外讨论-- Ktmsobs（讨论•贡献） 2022年4月24日 (日) 09:34 (CST)

@Ktmsobs 服务器倒是没什么关系，都是白嫖别处的资源，我还设置了30天的浏览器缓存。性能问题的话我也发现了，这个不是下载模型文件导致的，是初次渲染模型时消耗的资源比较多。我先试试能优化不，不行的话就在MMD上传器那里新加一个生成预览图片的功能，导出后可以上传到图站然后使用。另外咱们还是都别每次都@了，有点累_(:з」∠)_ --東東君（讨论） 2022年4月24日 (日) 17:35 (CST)

其实加载速度这方面我已经对现在的方案挺满意的了，至少我的手机也能毫无卡顿地操作，只不过前端上我觉得还可以再优化一下，比如就像媒体查看器一样，可以点击图片之后弹出一个更大的窗口来预览模型之类的，点击加载也是其中一个可以考虑的方案。至于预览图片可以加一个导出截图功能，但我觉得也要允许自定义图片，因为有时候会用官方或作品里的图片，有额外的动作、背景之类的，只要确保图片里的模型和加载的是同一个就行了-- Ktmsobs（讨论•贡献） 2022年4月24日 (日) 18:38 (CST)

• 这个是完全自定义的，导出的图片类似绊爱页面之前的预览器所使用的由模型的不同水平角度图片组成的一个大图，当然也可以自己制作，只要按照一定的规格就行（比如所有小图排成一排，一共36张之类的）。
• “至于预览图片可以加一个导出截图功能”，这个是什么意思？
• 另外还有个问题，不知道是不是模型素材名写错了，未来明的模型有一个素材名叫“AkariCloth_A.”，请求结果404 --東東君（讨论） 2022年4月24日 (日) 20:43 (CST)

• 我想在这个模板里，如果采用点击加载的方式的话，作为代替显示的图片只要有一张正视图或者包含这个模型的图片就够了，像之前那种用不同角度的截图的方法可以继续用，也可以试试把那些代码搞成单独的模板，不过那跟这个模板是两回事了
• 我指的是我赞同加入导出图片功能，这张导出的图片可以作为加载模型前的代替显示，不过不做这个功能也行，直接让编辑自己用mmd导出再传图站也可以，就是门槛又拉高了一点
• 已上传新模型，不过好像要等缓存过了才能看到-- Ktmsobs（讨论•贡献） 2022年4月25日 (一) 00:31 (CST) 顺便换了模型名-- Ktmsobs（讨论•贡献） 2022年4月25日 (一) 12:38 (CST)

已经调整为点击后加载模型，新增placeholderImage参数，预览器新增截图功能，可以利用这个来获得占位图片。移动端双击复原已经修复，并且适配了一个页面内显示多个预览器。--東東君（讨论） 2022年4月26日 (二) 11:25 (CST)

另外你之前传到码云仓库的那些模型文件我这还有，需要我上传到七牛云吗，或者把未加密的zip给你？--東東君（讨论） 2022年4月26日 (二) 11:34 (CST)

虽然可以，但不是很有必要，因为这些文件我也还留着，而且检查发现之前处理的模型有些还有再精简的空间，我自己再上传一遍工作量也不大，倒是以后我可能需要一个解密仓库上的文件的方法，也许会有必要检查其它用户上传的文件-- Ktmsobs（讨论•贡献） 2022年4月26日 (二) 12:13 (CST)

已经将解密工具通过邮箱发送给你，用浏览器打开即可使用。--東東君（讨论） 2022年4月26日 (二) 17:13 (CST)

@Ktmsobs 关于模型文件缓存，可以进入这个页面进行刷新缓存的操作：https://portal.qiniu.com/cdn/refresh-prefetch ，这样在更新文件时就不用每次都换文件名了。--東東君（讨论） 2022年6月17日 (五) 20:53 (CST)

关于加载速度

现在的加载速度还是有点问题，我是Safari浏览器，苹果移动端，切成桌面版视角，加载进度其实不慢的，主要是加载到100%就卡住了。有解决方法吗？——贝丽芙尔（讨论） 2022年5月6日 (五) 11:19 (CST)

可以麻烦在你的设备上运行一下测试的代码吗，我把代码发给你。或者如果你能将网页控制台的log截图发我一下也行。--東東君（讨论） 2022年5月12日 (四) 18:14 (CST)

不支持Firefox

如题，Firefox Nightly 104.0a1实测无法使用。--Lorsk（讨论） 2022年7月10日 (日) 14:41 (CST)

我使用最新版的Firefox Nightly和Firefox测试，连接正常的情况下没有问题，但如果遭遇waf拦截后，会出现没有加载按钮的情况。这个和浏览器厂商无关。因为该模板的相关js无论桌面端还是移动端都请求桌面端接口(zh)，本来移动端接口(mzh)是没有waf的，但因为相关js请求的是zh，所以被拦截了。然而关于“js无论桌面端还是移动端都请求桌面端接口”这点当初是为了尝试解决另外一个现象是“加载js请求mzh时出现在zh和mzh之间无限反复重定向”的bug，结果还没成功。后来发现是萌百后端本身的原因，就提到萌百官方的gitee issues(现已被封，不过萌百内部应该还能看到)上了，不过已经一个多月，到现在还未解决。--東東君（讨论） 2022年7月10日 (日) 20:03 (CST)

但是这里看到的貌似是“您的浏览器不支持模型预览”，这样也是连接问题嘛？--Lorsk（讨论） 2022年7月10日 (日) 21:16 (CST)

这个的确是浏览器不支持了，我在桌面端最新版Firefox Nightly下测试没有问题，你使用的是android版吗？--東東君（讨论） 2022年7月10日 (日) 22:59 (CST)

并不是（显示效果截图）--Lorsk（讨论） 2022年7月13日 (三) 22:19 (CST)

请在控制台执行这段代码，看是否返回null或undefined：navigator.serviceWorker --東東君（讨论） 2022年7月22日 (五) 21:03 (CST)

@東東君：去Firefox技术支持论坛提问，了解到Firefox在隐私模式下似乎无法使用Service workers。或许是这个原因？--Lorsk（讨论） 2022年8月4日 (四) 21:39 (CST)

如果不能使用的话，那的确是这个原因。这个模板用到了serviceWorker。--東東君（讨论） 2022年8月6日 (六) 07:49 (CST)

未登录用户似乎很难加载js

@東東君 目前的模板好像只有在登录状态下才能比较容易加载位于MediaWiki:MMDPreviewerForMoegirl.main.js的文件（可能还有别的js），才能加载模型，未登录用户通常只有一张替换图，连加载失败这一行字都没有，在开发工具的network里也搜不到这一项，而且登录后能正常加载，退出后又不能了。我在Windows版Edge、Edge隐身模式、Firefox、Android版Chrome、Via、手机微信自带浏览器、另一台物理主机的Edge上均能复现上述情况，发现的唯一例外是用华为自带浏览器，刷新几次都能在未登录状态下加载模型。我初步怀疑是未登录用户加载的广告太多影响了加载，而华为浏览器默认开启广告屏蔽（虽然按理来说Via也可以，而且同一个浏览器一直开着AdBlock退出后也加载不了）。请您看一下能不能在本模板调用的代码内解决这个问题，或者在全站讨论页提一下-- Ktmsobs（讨论•贡献） 2022年8月15日 (一) 11:58 (CST)

这个问题我3个多月前曾经在萌百在码云上创建的专门用来提交bug的项目（“萌娘百科超级委员会/STAFF酒馆”，因码云最新的审核政策，现已无法公开访问，只有项目组成员能查看）上，提过issue。我刚刚又测试了一下，但没有复现，当时的测试结果我记得是，在未登录的情况下，会出现反复重定向的情况，最后因为请求过多被waf拦截，相关信息我都写在码云上的issue上了。--東東君（讨论） 2022年8月16日 (二) 08:18 (CST)

@東東君 那未登录用户反复重定向这个问题有办法解决吗，虽然萌百有对未登录用户展示另一套代码显示另外的内容的方法，但在这个层面上限制浏览也不太好-- Ktmsobs（讨论•贡献） 2022年8月16日 (二) 09:10 (CST) 口误了，修改一下-- Ktmsobs（讨论•贡献） 2022年8月16日 (二) 09:22 (CST)

@Ktmsobs 我也没办法，因为main.js本身没有加载成功，也就是说mmd预览器相关js代码完全没执行，这好像是萌百后端的问题。--東東君（讨论） 2022年8月16日 (二) 11:27 (CST)

既然之前已经在这么小的项目组里跟staff反映过这个问题而没有下文，那我只能认为出于全站的运营安全考虑，js加载不出来相关的问题得暂时搁置了，在全站讨论页上提出来估计也没人能解决，把{{测试中模板}}摘下来也是遥遥无期，毕竟你百有时候连{{tabs}}都能炸-- Ktmsobs（讨论•贡献） 2022年8月16日 (二) 13:14 (CST)

建议将初始镜头位置Y值改为可选参数

@東東君 如题，当模型相比普通人的身高较小或较大时，可以让用户配合initialDistance，把模型的初始视图布置在一个合理的构图，默认值还是10.5不变就行了-- Ktmsobs（讨论•贡献） 2022年8月26日 (五) 23:19 (CST)

@東東君 大佬最近在忙吗？如果两天之内不回复，我就在全站讨论版提出申请了-- Ktmsobs（讨论•贡献） 2022年8月30日 (二) 16:29 (CST)