nekocap

_{โลโก้โดย @iceikory}

คนเนยก์

ส่วนขยายของเบราว์เซอร์สำหรับการสร้างการอัปโหลดและการดูชุมชนสร้างคำอธิบายภาพบนเว็บไซต์แชร์วิดีโอเช่น YouTube, Vimeo และ Niconico
รับส่วนขยาย: Chrome / Edge | Firefox
เว็บไซต์: nekocap.com

เข้าร่วม Discord ที่นี่:

คุณสมบัติ

ส่วนขยาย

• ตัวแก้ไขคำอธิบายภาพที่สร้างขึ้นได้โดยตรงจากเว็บไซต์แชร์วิดีโอที่รองรับ
  • การวางตำแหน่งคำบรรยายภาพที่กำหนดเอง
  • รองรับการใช้สายฮอตจากซอฟต์แวร์แก้ไขต่างๆ
  • คำบรรยายภาพการส่งออกไฟล์ (SRT)
  • อีกมากที่จะมา
• การโหลดไฟล์คำบรรยายภาพ (SRT, VTT, SBV, SSA, ASS, TXT รองรับ)
• การอัปโหลดคำบรรยายภาพ
• การดูคำบรรยายภาพ
• การแสดงคำบรรยาย
• ระบบการจัดอันดับคำบรรยายภาพ

เว็บไซต์

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

เว็บไซต์ที่รองรับ

• YouTube
• Vimeo
• Bilibili
• นิวยอร์ก
• ยอง
• Netflix (ปิดใช้งานตัวแก้ไข)

การตั้งค่าสำหรับการพัฒนาในท้องถิ่น

1. ตรวจสอบให้แน่ใจว่าคุณใช้ Node 16 (ยังไม่ทำงานกับเวอร์ชันในภายหลัง)
2. รัน npm install
3. คัดลอกเนื้อหาของ .env.sample ไปยัง .env และกรอกรายละเอียด
   • ตัวแปร firebase ใช้สำหรับการรับรองความถูกต้อง
4. เรียกใช้ npm run watch เพื่อเริ่มต้น WebPack Dev Server สำหรับทั้งส่วนขยายและเว็บไซต์ Nekocap
5. ไปที่ chrome://extensions ในโคร dist/extension
6. ไปที่ http://localhost:12341 เพื่อเข้าถึงเว็บไซต์ nekocap

การเพิ่มฟอนต์ที่จะโฮสต์จากเว็บไซต์ Nekocap สำหรับการแสดงผล SSA/ASS

1. สร้างโฟลเดอร์ที่เรียกว่า fonts ในโฟลเดอร์ public
2. เพิ่ม woff2 webfonts ที่คุณต้องการให้บริการจากเว็บไซต์ลงในโฟลเดอร์นั้น
3. แก้ไข src/common/substation-fonts.ts เพื่อกำหนดชื่อตัวอักษรให้กับไฟล์ WOFF2 ที่เกี่ยวข้องในโฟลเดอร์นั้น
4. เรียกใช้ npm run fontlist เพื่อสร้างไฟล์ public/fontlist.json ที่จะถูกดึงโดยส่วนขยายและเว็บไซต์เพื่อทราบว่าฟอนต์ใดมีให้บริการ คุณสามารถเสิร์ฟไฟล์นี้และแบบอักษรแยกต่างหากเพื่อที่คุณจะได้ไม่ต้องปรับใช้แบบอักษรใหม่เมื่อมีการเพิ่มแบบอักษรใหม่

การสร้างงานสร้างการผลิต

1. คัดลอกเนื้อหาของ .env.sample ไปยัง .env.prod และกรอกรายละเอียด
   1. เพิ่ม PRODUCTION=1 ในตอนท้ายของไฟล์
2. เรียกใช้ npm run build เพื่อสร้างทั้งส่วนขยายและเว็บไซต์
   • เรียกใช้ npm run build:ext เพื่อสร้างเพียงส่วนขยาย
   • เรียกใช้ npm run build:web เพื่อสร้างเว็บไซต์
3. เอาต์พุตจะอยู่ใน .next/ และ dist/extension
   1. ข้อมูลใบอนุญาตของแพ็คเกจที่ใช้จะอยู่ใน *.licenses.txt ถัดจาก JavaScript เอาต์พุต

หากคุณต้องการสร้างภาพ Docker เว็บไซต์ Nekocap

1. ทำตามขั้นตอนที่ 1 ในการสร้างงานสร้างการผลิต
2. คัดลอกเนื้อหาของ Dockerfile.sample ตัวอย่างเป็น Dockerfile และเปลี่ยนสิ่งที่จำเป็น
3. คัดลอก Nginx Template docker/default.conf.template ไปยัง docker/default.conf และเปลี่ยนการกำหนดค่าให้เหมาะกับความต้องการของคุณ
4. เรียกใช้ docker build ด้วยตัวเลือกที่คุณต้องการ

ตัวแปรสภาพแวดล้อม

อ้างถึงรายการตัวแปรสภาพแวดล้อมที่นี่

ขอบคุณเป็นพิเศษ

แพ็คเกจที่ยอดเยี่ยมมากมายช่วยให้สิ่งนี้มีชีวิต แต่ความรุ่งโรจน์พิเศษไปที่โครงการเหล่านี้โดยที่ Nekocap จะไม่เหมือนเดิม:

• คำบรรยาย
• REACT HOTKEYS - ใช้งานง่าย (ใช้ GitHub Build ล่าสุดไม่ใช่ NPM One ที่ล้าสมัย)
• subtitle.js - การแยกวิเคราะห์ SRT และ VTT
• ตูดคอมไพเลอร์ - การแยกวิเคราะห์ตูด

การแปล:

• ภาษาอาหรับ: Adnamie
• ฝรั่งเศส: Adnamie
• ภาษาญี่ปุ่น: RAMA_ONEHALF
• เปอร์เซีย: Pikhosh
• เวียดนาม: Golđén