模板討論: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)