Update: [Client] 全体的な UI の微調整

client/src/components/Watch/LShapedScreenCropSettings.vue

@@ -3,7 +3,7 @@
         <v-card class="lshaped-screen-crop-settings-modal">
             <v-card-title class="px-5 pt-3 pb-3 d-flex align-center font-weight-bold">
                 <Icon icon="fluent:crop-20-filled" height="28px" />
-                <span class="ml-4">Ｌ字画面のクロップ</span>
+                <span class="ml-3">Ｌ字画面のクロップ</span>
                 <v-spacer></v-spacer>
                 <v-switch class="mr-4" color="primary" hide-details v-model="settingsStore.settings.lshaped_screen_crop_enabled"></v-switch>
                 <div v-ripple class="d-flex align-center rounded-circle cursor-pointer px-2 py-2"

client/src/components/Watch/Panel/Twitter.vue

@@ -66,10 +66,8 @@
                         <span>{{playerStore.twitter_selected_capture_blobs.length}}/4</span>
                     </div>
                 </div>
-                <button v-ripple class="tweet-button"
-                    :disabled="is_tweet_button_disabled"
-                    @click="(is_tweet_button_disabled === false) && sendTweet()"
-                    @touchstart="(is_tweet_button_disabled === false) && sendTweet()">
+                <button class="tweet-button" v-ripple="Utils.isTouchDevice() === false" :disabled="is_tweet_button_disabled"
+                    @click="sendTweet()" @touchstart="sendTweet()">
                     <Icon icon="fa-brands:twitter" height="16px" />
                     <span class="ml-1">ツイート</span>
                 </button>
@@ -548,6 +546,9 @@ export default defineComponent({
         // ツイートを送信する
         async sendTweet() {
 
+            // ツイートボタンが無効なら何もしない
+            if (this.is_tweet_button_disabled === true) return;
+
             // Twitter アカウントが連携されていない場合は何もしない
             if (this.twitterStore.selected_twitter_account === null) return;
 
@@ -1089,7 +1090,7 @@ export default defineComponent({
                 }
 
                 &[disabled] {
-                    opacity: 0.7;
+                    opacity: 0.6;
                     cursor: auto;
                     // スマホでクリック時の波紋が発動しないようにする
                     pointer-events: none;

client/src/components/Watch/Panel/Twitter/Tweet.vue

@@ -163,6 +163,12 @@ const handleFavorite = async () => {
     &:hover {
         background-color: rgba(var(--v-theme-on-surface), 0.04);
     }
+    // タッチデバイスで hover を無効にする
+    @media (hover: none) {
+        &:hover {
+            background-color: transparent;
+        }
+    }
 
     :deep(.tweet-link) {
         color: rgb(var(--v-theme-twitter));
@@ -208,6 +214,12 @@ const handleFavorite = async () => {
         &:hover {
             opacity: 0.9;
         }
+        // タッチデバイスで hover を無効にする
+        @media (hover: none) {
+            &:hover {
+                opacity: 1;
+            }
+        }
     }
 
     &__content {
@@ -301,6 +313,12 @@ const handleFavorite = async () => {
         &:hover {
             background-color: rgba(var(--v-theme-on-surface), 0.04);
         }
+        // タッチデバイスで hover を無効にする
+        @media (hover: none) {
+            &:hover {
+                background-color: transparent;
+            }
+        }
     }
 
     &__quoted-user-info {
@@ -348,6 +366,12 @@ const handleFavorite = async () => {
         &:hover {
             background-color: rgba(var(--v-theme-on-surface), 0.1);
         }
+        // タッチデバイスで hover を無効にする
+        @media (hover: none) {
+            &:hover {
+                background-color: transparent;
+            }
+        }
 
         &--retweet {
             &.tweet__action--active {

client/src/services/player/PlayerController.ts

@@ -1193,15 +1193,17 @@ class PlayerController {
                 this.quality_profile_type = 'Cellular';
                 player_store.event_emitter.emit('PlayerRestartRequired', {
                     message: 'モバイル回線向けの画質プロファイルに切り替えました。',
-                    message_delay_seconds: 4.5,  // 他の通知と被らないように、メッセージを遅らせて表示する
+                    // 他の通知と被らないように、メッセージを遅らせて表示する
+                    message_delay_seconds: this.quality_profile.tv_low_latency_mode || this.playback_mode === 'Video' ? 2 : 4.5,
                     is_error_message: false,
                 });
             // 画質プロファイルを Wi-Fi 回線向けに切り替えてから、プレイヤーを再起動
             } else {
                 this.quality_profile_type = 'Wi-Fi';
                 player_store.event_emitter.emit('PlayerRestartRequired', {
                     message: 'Wi-Fi 回線向けの画質プロファイルに切り替えました。',
-                    message_delay_seconds: 2,  // 他の通知と被らないように、メッセージを遅らせて表示する
+                    // 他の通知と被らないように、メッセージを遅らせて表示する
+                    message_delay_seconds: this.quality_profile.tv_low_latency_mode || this.playback_mode === 'Video' ? 2 : 4.5,
                     is_error_message: false,
                 });
             }

client/src/services/player/managers/CaptureManager.ts

@@ -519,7 +519,7 @@ class CaptureManager implements PlayerManager {
             // 現在視聴中のチャンネルがないプレビュー時はダミーの番組情報が返るので、プレビューに適した番組情報に置き換える
             channel.service_id = 1024;
             channel.name = 'アフリカ中央テレビ';
-            channel.channel_number = '011';
+            channel.remocon_id = 9;
             program.event_id = 65535;
             program.title = '[二][字]今日のニュース';
             program.start_time = '2024-04-01T12:00:00+09:00';
@@ -590,8 +590,12 @@ class CaptureManager implements PlayerManager {
             .replace('%event-duration-sec2%', program_duration.seconds().toString().padStart(2, '0'))
             // チャンネル名
             .replace('%channel-name%', channel.name)
-            // チャンネル番号
-            .replace('%channel-no%', channel.channel_number)
+            // リモコン番号
+            .replace('%channel-no%', channel.remocon_id.toString())
+            // リモコン番号 (2桁)
+            .replace('%channel-no2%', channel.remocon_id.toString().padStart(2, '0'))
+            // リモコン番号 (3桁)
+            .replace('%channel-no3%', channel.remocon_id.toString().padStart(3, '0'))
             // 番組名
             .replace('%event-name%', program.title)
             // イベント ID

client/src/views/Settings/Capture.vue

@@ -117,7 +117,9 @@
                             </ul>
                         </li>
                         <li>%channel-name%: チャンネル名</li>
-                        <li>%channel-no%: チャンネル番号 (3桁)</li>
+                        <li>%channel-no%: リモコン番号</li>
+                        <li>%channel-no2%: リモコン番号 (2桁)</li>
+                        <li>%channel-no3%: リモコン番号 (3桁)</li>
                         <li>%event-name%: 番組名</li>
                         <li>%event-id%: イベント ID</li>
                         <li>%service-name%: サービス名</li>