pic_online

รูปออนไลน์ (pic_online_front)

ใช้

• บริการสื่อ LAN สามารถใช้สำหรับการเรียกดูรูปภาพ อ่านการ์ตูน เล่นวิดีโอ NAS ฯลฯ...

• หุ่นยนต์รวมตัว TG
• เครื่องมือบีบอัดรูปภาพ
• โปรแกรมดาวน์โหลดโทรเลข
• เครื่องมือซิงโครไนซ์ zfile
• แบ็กเอนด์ PicOnline

ฟังก์ชั่นทั่วไป

การเพิ่มประสิทธิภาพโครงสร้างไฟล์ การเพิ่มประสิทธิภาพตามเป้าหมายสำหรับโฟลเดอร์และไฟล์จำนวนมาก

• เบราว์เซอร์ที่ตอบสนองและหน้าต่างมือถือ
• รองรับการไหลของน้ำตก โหลดรูปภาพแบบ Lazy Loading
• รองรับการปรับเค้าโครงรูปภาพอัตโนมัติเมื่อขนาดหน้าต่างเปลี่ยนแปลง
• รองรับหลายภาษา
• รองรับการสลับโหมดมืดอัตโนมัติ
• รองรับการดูวิดีโอ
• รองรับการสลับปุ่มลัด
• รองรับสถานะคงอยู่และค้นหาโฟลเดอร์ที่เรียกดูล่าสุดโดยอัตโนมัติ
• เมื่อไฟล์มีจำนวนน้อย ระบบจะตรวจสอบการเปลี่ยนแปลงในไฟล์ที่ซ่อนอยู่โดยอัตโนมัติและสแกนใหม่อีกครั้งโดยอัตโนมัติ
• เมื่อไฟล์มีขนาดใหญ่ ระบบจะรองรับการสแกนไฟล์ที่เกี่ยวข้องซ้ำด้วยตนเอง และสามารถรับรายการไฟล์อีกครั้งได้โดยการรีเฟรช
• การเพิ่มประสิทธิภาพการขยายโครงสร้างไฟล์ ไดเรกทอรีปัจจุบันและโหนดหลักจะถูกขยายตามค่าเริ่มต้น และโหนดอื่นๆ จะถูกยุบโดยอัตโนมัติ

ปรับใช้

• นักเทียบท่าเขียน

• การปรับใช้ด้วยตนเอง

  • รุ่นวางจำหน่าย
    • pic_online.zip : ต้องอยู่ใน根目录ของเว็บไซต์ ไม่ใช่ในไดเร็กทอรีย่อย
    • pic_online_pic.zip : ต้องอยู่ในไดเรกทอรีย่อยของเว็บไซต์ /pic
  • เวอร์ชันสาขา gh-pages ต้องอยู่ในไดเร็กทอรีย่อยของเว็บไซต์ /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-น้ำตก-ปลั๊กอิน#13

โหนดหน้าบริการและหน้าบริการไม่พร้อมใช้งาน

• น่าจะเป็นปัญหาที่เกิดจากการอัปเกรดเป็น Vue3 ข้อมูลถูกโหลดตามปกติ แต่ตารางไม่มีข้อมูล จึงไม่ได้รับการแก้ไข

ที่จะดำเนินต่อไป...

ผู้พัฒนา

ติดตั้งการพึ่งพา

npm install

เริ่มแอปในโหมดการพัฒนา (การโหลดโค้ดลัด การรายงานข้อผิดพลาด ฯลฯ)

quasar dev

ขุยไฟล์

npm run lint

สร้างแอปสำหรับการผลิต

quasar build

ปรับแต่งการกำหนดค่า

ดูการกำหนดค่า quasar.conf.js

ขอบคุณ