写真オンライン (pic_online_front)
使用
- LAN メディア サービス。画像の閲覧、漫画の閲覧、NAS ビデオの再生などに使用できます。
- TG集計ロボット
- 画像圧縮ツール
- Telegraf ダウンローダー
- zfile同期ツール
- PicOnline バックエンド
一般的な機能
ファイルツリーのパフォーマンスの最適化、多数のフォルダーとファイルを対象とした最適化
- レスポンシブブラウザとモバイルウィンドウ
- ウォーターフォール フローのサポート、画像の遅延読み込み
- ウィンドウサイズが変更された場合の画像レイアウトの自動調整をサポート
- 複数の言語をサポート
- ダークモードの自動切り替えをサポート
- ビデオ視聴をサポート
- ホットキー切り替えをサポート
- 状態の永続性をサポートし、最後に閲覧したフォルダーを自動的に見つけます。
- ファイルの数が少ない場合は、基になるファイルの変更を自動的に監視し、自動的に再スキャンします。
- ファイルの数が多い場合、基になるファイルの手動再スキャンがサポートされており、更新することでファイル リストを再取得できます。
- ファイル ツリー展開の最適化。現在のディレクトリと親ノードはデフォルトで展開され、他のノードは自動的に折りたたまれます。
展開する
ドッカー構成
手動展開
- リリースバージョン
pic_online.zip : サブディレクトリではなく、Web サイトの根目录に配置する必要がありますpic_online_pic.zip : Web サイトのサブディレクトリ/picに配置する必要があります
- gh-pages ブランチ バージョンは、Web サイトのサブディレクトリ
/pic_onlineに配置する必要があります
参照：LANメディア閲覧サービスの構築
プレビュー
携帯電話のスクリーンショット
デスクトップのスクリーンショット
ホットキー
写真
- ←: 前へ
- →：次へ
- ↑：1画面上にスクロールします。
- ↓：1画面下にスクロールします。
- 削除: 現在のフォルダーを削除します。
- RightCtrl: ランダム表示
ビデオ
ビューアを開いているとき
https://github.com/fengyuanchen/viewerjs#keyboard-support
- Esc: 全画面表示を終了するか、ビューアを閉じるか、
modal mode終了するか、再生を停止します - スペース: 再生を停止します。
- タブ: ビューアのボタン フォーカスを切り替えます。
- Enter: フォーカスされたボタンのクリック操作をトリガーします。
- ←: 前の写真。
- →: 次の写真。
- ↑：画像を拡大します。
- ↓：画像サイズを縮小します。
- Ctrl + 0: ズームをリセットします。
- Ctrl + 1: 画像の元のサイズに拡大/縮小します。
プレーヤーが開いているとき
- スペース: 再生の一時停止/開始
- f/Enter/Ctrl Enter: 全画面表示/全画面表示を終了
- ←: 再生進行状況 - 5 秒
- →: 再生進行状況 +5 秒
- ↑：音量+0.1
- ↓: ボリューム-0.1
- z: 再生速度を 1.0 にリセットします。
- x: 再生速度-0.05
- c: 再生速度+0.1
エンビー
問題を知る
画像 CORS の問題
- コメント
node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340行 - サードパーティのプラグインの問題
- heikaimu/vue3-waterfall-plugin#13
サービス ページ ノードとサービス ページが利用できません
- Vue3にアップグレードしたことによる問題のはずですが、データは正常に読み込まれますが、テーブルにデータがありません。
つづく...
開発者
依存関係をインストールする
アプリを開発モードで開始します (ホットコードのリロード、エラー報告など)。
ファイルをリントする
実稼働用のアプリを構築する
構成をカスタマイズする
「quasar.conf.js の構成」を参照してください。
ありがとう
