Update: [Client] NX-Jikkyo での変更の一部をバックポート

tsukumijima · Jun 11, 2024 · 92d5eb2 · 92d5eb2
1 parent 866c381
commit 92d5eb2
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 9 deletions.
diff --git a/client/src/components/Watch/Panel/Comment.vue b/client/src/components/Watch/Panel/Comment.vue
@@ -399,13 +399,19 @@ export default defineComponent({
 
             // window.requestAnimationFrame() でアニメーション更新を待ってからスクロールする (重要)
             // すぐに scrollTo() を実行すると、DOM 描画のタイミングの関係なのか、なぜか最後までスクロールされないことがある
-            window.requestAnimationFrame(() => {
-                if (smooth === true) {  // スムーズスクロール
-                    this.comment_list_element?.scrollTo({top: this.comment_list_element.scrollHeight, left: 0, behavior: 'smooth'});
-                } else {
-                    this.comment_list_element?.scrollTo(0, this.comment_list_element.scrollHeight);
-                }
-            });
+            // 念のため 3 回実行する
+            const scroll_to_bottom = (count = 3) => {
+                if (count <= 0) return;
+                window.requestAnimationFrame(() => {
+                    if (smooth === true) {  // スムーズスクロール
+                        this.comment_list_element?.scrollTo({top: this.comment_list_element.scrollHeight, left: 0, behavior: 'smooth'});
+                    } else {
+                        this.comment_list_element?.scrollTo(0, this.comment_list_element.scrollHeight);
+                    }
+                    scroll_to_bottom(count - 1);
+                });
+            };
+            scroll_to_bottom();
 
             // 0.1 秒待つ（重要）
             await Utils.sleep(0.1);

diff --git a/client/src/services/player/managers/LiveCommentManager.ts b/client/src/services/player/managers/LiveCommentManager.ts
@@ -387,7 +387,7 @@ class LiveCommentManager implements PlayerManager {
                         thread: comment_session_info.thread_id,  // スレッド ID
                         threadkey: comment_session_info.your_post_key,  // スレッドキー
                         user_id: '',  // ユーザー ID（設定不要らしい）
-                        res_from: -50,  // 最初にコメントを 50 個送信する
+                        res_from: -100,  // 最初にコメントを 100 個送信する
                     }
                 },
                 {ping: {content: 'pf:0'}},

diff --git a/client/src/views/Settings/Jikkyo.vue b/client/src/views/Settings/Jikkyo.vue
@@ -46,11 +46,25 @@
                     <Icon icon="fluent:plug-disconnected-20-filled" class="mr-2" height="26" />連携解除
                 </v-btn>
             </div>
-            <div class="settings__item mt-7">
+            <div class="settings__item-label mt-7" style="border-left: 3px solid rgb(var(--v-theme-text-darken-1)); padding-left: 12px;">
+                コメントの透明度は、プレイヤー下にある設定アイコン ⚙️ から変更できます。<br>
+                <div class="mt-1"></div>
+                <a class="link" href="https://jk.nicovideo.jp" target="_blank">ニコニコ実況</a> の代わりに <a class="link" href="https://nx-jikkyo.tsukumijima.net" target="_blank">NX-Jikkyo</a> の実況コメントをリアルタイム表示するには、<router-link class="link" to="/settings/server">サーバー設定</router-link> → ［テレビのライブストリーミング］に移動してください。
+            </div>
+            <div class="settings__item">
                 <div class="settings__item-heading">コメントのミュート設定</div>
                 <div class="settings__item-label">
                     表示したくないコメントを、映像上やコメントリストに表示しないようにミュートできます。<br>
                 </div>
+                <div class="settings__item-label mt-2">
+                    デフォルトでは、下記のミュート設定がオンになっています。<br>
+                    これらのコメントも表示したい方は、適宜オフに設定してください。<br>
+                    <ul class="ml-5 mt-2">
+                        <li>露骨な表現を含むコメントをミュートする</li>
+                        <li>ネガティブな表現、差別的な表現、政治的に偏った表現を含むコメントをミュートする</li>
+                        <li>文字サイズが大きいコメントをミュートする</li>
+                    </ul>
+                </div>
             </div>
             <v-btn class="settings__save-button mt-4" variant="flat" @click="comment_mute_settings_modal = !comment_mute_settings_modal">
                 <Icon icon="heroicons-solid:filter" height="19px" />