Merge branch 'master' of github.com:tsukumijima/KonomiTV

tsukumijima · Sep 14, 2023 · 4626498 · 4626498
2 parents 926cdc2 + bc5abd3
commit 4626498
Show file tree

Hide file tree

Showing 14 changed files with 181 additions and 157 deletions.
diff --git a/Readme.md b/Readme.md
@@ -403,6 +403,12 @@ Assets の下にある `KonomiTV-Installer.exe` をダウンロードしてく
 
 > できるだけ Ubuntu の利用を推奨しますが、もし Ubuntu 以外の OS にインストールする際は、Docker でのインストールをおすすめします。
 
+> **Warning**  
+> NVIDIA が KonomiTV で利用していたバージョンの CUDA Docker イメージを削除した影響で ([詳細1](https://twitter.com/TVRemotePlus/status/1683860609555898369) / [詳細2](https://twitter.com/TVRemotePlus/status/1689227380664209409)) 、0.7.1 以前では Docker を使ったインストール方法が利用できなくなりました。  
+> 0.8.0 以降のバージョンでは CUDA Docker イメージの pull 先を [NGC](https://catalog.ngc.nvidia.com/orgs/nvidia/containers/cuda/tags) に変更していますが、0.8.0 自体が現在開発中な上、録画視聴機能の実装に向け破壊的変更を多数行っており当分リリースが先にならざるを得ない状況です。  
+> 現状複数のブランチを並行開発するリソースがないため、現時点では通常のインストール方法を使っていただくか、  
+> 0.7.1 のタグを checkout し事前に config.yaml と docker-compose.yaml を適切に構成した上で、Dockerfile を `FROM nvcr.io/nvidia/cuda:11.7.1-runtime-ubuntu22.04` に書き換え、`docker compose up -d --build` を実行し手動でインストールを行っていただきますようお願いします。
+
 **Linux 向けの KonomiTV には、通常のインストール方法と、Docker を使ったインストール方法の 2 通りがあります。**  
 
 **通常のインストール方法では、事前に [PM2](https://pm2.keymetrics.io/docs/usage/quick-start/) と [Node.js](https://github.com/nodesource/distributions) (PM2 の動作に必要) のインストールが必要です。**  

diff --git a/client/package.json b/client/package.json
@@ -11,14 +11,14 @@
         "lint": "vue-cli-service lint"
     },
     "dependencies": {
-        "axios": "^1.4.0",
+        "axios": "^1.5.0",
         "buffer": "^6.0.3",
         "comlink": "^4.4.1",
         "copy-image-clipboard": "^2.1.2",
-        "core-js": "^3.32.0",
+        "core-js": "^3.32.2",
         "dayjs": "^1.11.9",
-        "dplayer": "github:tsukumijima/DPlayer#v1.29.1",
-        "mpegts.js": "github:tsukumijima/mpegts.js#cd3bd1d29abcd52ffb4898cd4e055669d603a2d9",
+        "dplayer": "github:tsukumijima/DPlayer#v1.30.0",
+        "mpegts.js": "github:tsukumijima/mpegts.js#a4ff3ff4627f2555dfcb85efa41e45b701982c2c",
         "piexifjs": "^2.0.0-beta.9",
         "pinia": "^2.1.6",
         "register-service-worker": "^1.7.2",
@@ -29,16 +29,16 @@
         "vue-typed-mixins": "^0.2.0",
         "vue-virtual-scroller": "^1.1.2",
         "vuedraggable": "^2.24.3",
-        "vuetify": "^2.7.0",
-        "web-bml": "github:tsukumijima/web-bml#52486f24d90c93c95f45875474a52d2200faf1e5"
+        "vuetify": "^2.7.1",
+        "web-bml": "github:tsukumijima/web-bml#dc77635cd61222d0d01d92d8ca6401b047421977"
     },
     "devDependencies": {
         "@iconify/vue2": "^2.1.0",
-        "@types/offscreencanvas": "^2019.7.0",
+        "@types/offscreencanvas": "^2019.7.1",
         "@types/resize-observer-browser": "^0.1.7",
         "@types/wicg-mediasession": "^1.1.4",
-        "@typescript-eslint/eslint-plugin": "^6.2.1",
-        "@typescript-eslint/parser": "^6.2.1",
+        "@typescript-eslint/eslint-plugin": "^6.7.0",
+        "@typescript-eslint/parser": "^6.7.0",
         "@vue/cli-plugin-babel": "~5.0.8",
         "@vue/cli-plugin-eslint": "~5.0.8",
         "@vue/cli-plugin-pwa": "~5.0.8",
@@ -48,11 +48,11 @@
         "@vue/eslint-config-typescript": "^11.0.3",
         "babel-eslint": "^10.1.0",
         "cache-loader": "^4.1.0",
-        "concurrently": "^8.2.0",
-        "eslint": "^8.46.0",
-        "eslint-plugin-import": "^2.28.0",
+        "concurrently": "^8.2.1",
+        "eslint": "^8.49.0",
+        "eslint-plugin-import": "^2.28.1",
         "eslint-plugin-unused-imports": "^3.0.0",
-        "eslint-plugin-vue": "^9.16.1",
+        "eslint-plugin-vue": "^9.17.0",
         "run-script-os": "^1.1.6",
         "sass": "1.32.13",
         "sass-loader": "^8.0.2",

diff --git a/client/src/utils/ProgramUtils.ts b/client/src/utils/ProgramUtils.ts
@@ -199,10 +199,10 @@ export class ProgramUtils {
         }
 
         // 全角記号を半角記号に置換
-        const synbol_zenkaku_table = '＂＃＄％＆＇（）＋，－．／：；＜＝＞［＼］＾＿｀｛｜｝　';
-        const synbol_hankaku_table = '"#$%&\'()+,-./:;<=>[\\]^_`{|} ';
-        for (let i = 0; i < synbol_zenkaku_table.length; i++) {
-            merged_table[synbol_zenkaku_table[i]] = synbol_hankaku_table[i];
+        const symbol_zenkaku_table = '＂＃＄％＆＇（）＋，－．／：；＜＝＞［＼］＾＿｀｛｜｝　';
+        const symbol_hankaku_table = '"#$%&\'()+,-./:;<=>[\\]^_`{|} ';
+        for (let i = 0; i < symbol_zenkaku_table.length; i++) {
+            merged_table[symbol_zenkaku_table[i]] = symbol_hankaku_table[i];
         }
         // 一部の半角記号を全角に置換
         // 主に見栄え的な問題（全角の方が字面が良い）

diff --git a/client/src/views/TV/Watch.vue b/client/src/views/TV/Watch.vue
@@ -971,6 +971,9 @@ export default Vue.extend({
                         config: {
                             // Web Worker を有効にする
                             enableWorker: true,
+                            // Media Source Extensions API 向けの Web Worker を有効にする
+                            // メインスレッドから再生処理を分離することで、低スペック端末で DOM 描画の遅延が影響して映像再生が詰まる問題が解消される
+                            enableMSEWorker: true,
                             // IO 層のバッファを禁止する
                             enableStashBuffer: false,
                             // HTMLMediaElement の内部バッファによるライブストリームの遅延を追跡する

diff --git a/client/vue.config.js b/client/vue.config.js
@@ -17,6 +17,7 @@ module.exports = {
         port: 7011,
         allowedHosts: 'all',
         client: {
+            overlay: false,  // エラー発生時のオーバーレイ表示を無効化
             webSocketURL: 'wss://0.0.0.0:7001/ws',
         }
     },