การสาธิต
เกี่ยวกับผู้เล่น
นี่คือเครื่องเล่นเว็บ YouTube ที่เรียบง่ายขึ้นอยู่กับ Angular-CLI, NGX-Socket-io, @Angular/CDK
ผู้เล่นนี้เข้ากันได้กับเบราว์เซอร์ Chrome/Webkit เท่านั้น
สถานะโครงการคือ RC (ผู้สมัครที่ปล่อย)
วิธีใช้
เพื่อการพัฒนา
ติดตั้ง nodejs 16.14.0+
ดาวน์โหลด/โคลนที่เก็บจากนั้นติดตั้งเครื่องเล่นโดย
npm install ในโฟลเดอร์รูท (ไม่ใช่ใน /src)
เพิ่มคีย์ YouTube API ของคุณใน SRC/App/Environment/Settings.TS หรือภายในแอพในหน้าการตั้งค่า (เมื่อกำลังทำงานอยู่)
เริ่มต้นเซิร์ฟเวอร์ของคุณ
npm install && npm start ในโฟลเดอร์รูท
- เชื่อมต่อกับเซิร์ฟเวอร์ของคุณ
คุณต้องเปลี่ยนภายใน src/app/environment/environment.ts เส้นทางของคุณไปยังเซิร์ฟเวอร์ของคุณ
เพื่อสร้างแอพ
- ติดตั้ง Angular-cli
npm install -g @angular/cli
- รันภายในโฟลเดอร์รูท (ไม่ใช่ใน /src)
ตรวจสอบเอกสารเชิงมุมสำหรับตัวเลือกการสร้างอื่น ๆ
ng build --prod=true
การเปลี่ยนแปลง
Angular YouTube Player 2.6.0
- รายชื่อแขกในเซสชั่น
- ปัญหาเล็ก ๆ น้อย ๆ ที่ได้รับการแก้ไข (RC)
- เพิ่มเครื่องเล่นขนาดเล็กเมื่อคุณเลื่อน
- วิดีโอแรกจากเพลย์ลิสต์ตอนนี้เป็นวิดีโอปัจจุบัน
Angular YouTube Player 2.5.2
- เพิ่มป้ายหมวดหมู่เพื่อป้อนวิดีโอและวิดีโอปัจจุบัน
- การอัปเดต UI
- ส่วนประกอบโมดอลใหม่
Angular YouTube Player 2.5.1
- อัพเกรด Angular เป็น LTS (จาก 7 เป็น 8)
- แก้ไขโหมดทำซ้ำ
- อัปเดตเค้าโครงสำหรับเพลย์ลิสต์ / วิดีโอที่เกี่ยวข้อง
Angular YouTube Player 2.5
- ทำความสะอาดโครงการเพื่อหลีกเลี่ยงการใช้การพึ่งพาจำนวนมาก
- แก้ไขปัญหาเมื่อคุณเปลี่ยนภูมิภาคไม่ได้อัปเดตผู้เล่น
- ปรับปรุง UX สำหรับเพลย์ลิสต์
- เพิ่มชื่อไคลเอนต์เพื่อระบุผู้ใช้แต่ละคนในห้อง
Angular YouTube Player 2.4
- เปลี่ยนจาก firebase เป็น JSON ผ่าน socket.io และเซิร์ฟเวอร์ส่วนตัว
- เค้าโครงตอบสนอง
- Sync Player ในเซสชัน
- ห้องพัก: เข้าร่วม/ออกจากห้องพักตามรหัสที่ไม่ซ้ำกัน
- เพลย์ลิสต์ไม่มีประชากรอัตโนมัติอีกต่อไปเมื่อว่างเปล่า
- คุณไม่สามารถส่งออก/นำเข้าได้อีกต่อไปจากไฟล์. json
Angular YouTube Player 2.3.3
- แก้ไขข้อบกพร่องหลังจาก refactoring
- เพิ่มคีย์เซสชันสำหรับเพลย์ลิสต์ซึ่งคุณสามารถอัปโหลดไปยังคลาวด์และดาวน์โหลดจากคลาวด์ (รวมกับ Firebase)
- อัปเดตเค้าโครง
- อัปเดตจาก Angular 5.2.0 เป็น 7.0.1
- ม้าหมุนเพิ่มสำหรับวิดีโอที่เกี่ยวข้อง (ใช้ ngu-carousel)
Angular YouTube Player 2.3
- อัปเดตเป็น LTS Angular
- Refactoring บริการแอพและส่วนประกอบทั้งหมด
- ปรับปรุงประสิทธิภาพความเร็วและแก้ไขข้อบกพร่องที่สำคัญ
- วิธีใหม่ในการโหลดแอป
Angular YouTube Player 2.2
- เรียงลำดับเพลย์ลิสต์โดยการลากและวาง (ใช้ NG2-dragula)
Angular YouTube Player 2.1
- หมวดหมู่ที่มีวิดีโอเช่น (ดนตรี, เกม, รถยนต์, ภาพยนตร์, กีฬา, กีฬา, ฯลฯ )
- รหัสการปรับโครงสร้าง
- ค้นหาในภูมิภาคที่เฉพาะเจาะจง
- การแก้ไขลิงก์สำเนาสำหรับวิดีโอเด่น
- การปรับปรุง UX
Angular YouTube Player 2.0.1
- นำเข้าและส่งออกเพลย์ลิสต์ YouTube เป็นไฟล์. json
Angular YouTube Player 2.0
- กอลกี้ทั่วโลกสำหรับแอปพลิเคชันในเดสก์ท็อป (เล่น/หยุดชั่วคราว/ถัดไป/ก่อนหน้านี้สำหรับคีย์บอร์ดที่มีปุ่มสื่อ)
- การเพิ่มการสนับสนุนสำหรับ NW.JS เพื่อส่งออกแอพสำหรับเดสก์ท็อปที่เข้ากันได้: Windows X64, Linux X64
- การอัปเดตแอปอัตโนมัติ (เวอร์ชันเดสก์ท็อป)
Angular YouTube Player 1.9.2
- การปรับปรุงและแก้ไข UX
- การเตรียมไฟล์สำหรับ 2.0
Angular YouTube Player 1.9.1
- รับ settings.json สำหรับ localstorage ถ้า localstorage ของคุณว่างเปล่า
- เพลย์ลิสต์บันทึกโดยอัตโนมัติหากว่างเปล่ามันจะถูกเติมด้วยวิดีโอที่เกี่ยวข้อง
- สลับโหมดธีมแสง/มืด
- แชร์ลิงก์สำหรับวิดีโอทั้งหมด
- หน้าการตั้งค่าใหม่
- การบันทึกอัตโนมัติสำหรับการตั้งค่าภายใน (ตรวจสอบการตั้งค่า)
- การบันทึกด้วยตนเองสำหรับการตั้งค่าภายนอก (ตรวจสอบการตั้งค่า)
- ประสิทธิภาพการปรับปรุงและแก้ไข UX และ UX
Angular YouTube Player 1.9
- เพิ่ม/ลบรายการออกจากเพลย์ลิสต์ครั้งแรกเมื่อเริ่มต้นจะถูกเตรียมไว้ด้วยวิดีโอที่เกี่ยวข้อง
- ถัดไป/วิดีโอก่อนหน้าจากเพลย์ลิสต์ของคุณ
- ย้ายประวัติไปยังหน้าแยก
- การเพิ่มวิดีโอสลับโหมดทำซ้ำและรายการ & กริดบนแนวโน้มการตั้งค่า json
- การแก้ไขเล็ก ๆ
Angular YouTube Player 1.7
- เพิ่มวิดีโอที่โดดเด่นเป็นวิดีโอแรกจากแนวโน้ม
- การแจ้งเตือนสำหรับการกระทำที่สำคัญที่คุณทำ
- ลบโหมดการดีบัก
- การเตรียมแพ็คเกจรหัสและไฟล์สำหรับ v2.0
- ปรับปรุง UI/UX สำหรับรายการ
Angular YouTube Player 1.6
- รายละเอียดวิดีโอสำหรับวิดีโอปัจจุบันและวิดีโอที่ได้รับความนิยมเช่นจำนวนการดูไลค์และไม่ชอบ
- แชร์ลิงก์สำหรับวิดีโอปัจจุบัน
- เพิ่มการตั้งค่าใหม่สำหรับซ่อนภาพขนาดย่อทั้งหมด
- ปุ่มผู้เล่นที่กำหนดเองจะแสดงตอนนี้เฉพาะเมื่อคุณซ่อนวิดีโอ
Angular YouTube Player 1.4
- ประวัติความเป็นมาของวิดีโอที่คุณดู
- การแก้ไขเล็ก ๆ
Angular YouTube Player 1.3
- แสดง/ซ่อนเครื่องเล่นวิดีโอ
- ทำซ้ำวิดีโอ
- โหมดกริด/รายการสำหรับวิดีโอที่ได้รับความนิยม
- การตั้งค่า (คุณสามารถตั้งค่าเริ่มต้นจาก "essets/settings.json" เร็ว ๆ นี้จะมาจากการตั้งค่าโดยตรง)
- เปลี่ยนประเทศสำหรับวิดีโอที่ได้รับความนิยม (ปัจจุบันมีเพียงสามประเทศสหรัฐอเมริกาสหราชอาณาจักรและ RO)
- ผลลัพธ์สูงสุดแสดงในการค้นหา (0 ถึง 50)
- คีย์ your_api
- วิดีโอที่เกี่ยวข้องสูงสุด (0 ถึง 50)
Angular YouTube Player 1.2
- แนะนำวิดีโอที่ได้รับความนิยมในปัจจุบันวิดีโอที่ได้รับความนิยมเริ่มต้นมาจากสหรัฐอเมริกา
- การปรับโครงสร้างรหัส
- การเพิ่มเส้นทางสำหรับส่วนประกอบในอนาคตซึ่งจะแสดงใน Navbar ซ้าย
- วิดีโอเริ่มต้นจะเป็นวิดีโอที่ได้รับความนิยมเป็นอันดับแรก
- การเพิ่มเครื่องเล่นวิดีโอ
- อัปเดตการออกแบบให้ตรงกับคุณสมบัติใหม่
Angular YouTube Player 1.1
- การเพิ่มฟังก์ชั่นปิดเสียง/เปิดเสียง
- ปรับปรุงส่วนต่อประสานผู้ใช้และประสบการณ์ผู้ใช้
- การเพิ่มฟังก์ชั่นการตั้งค่าการตั้งค่าจะได้รับจาก สินทรัพย์/การตั้งค่า json
การตั้งค่า
- แสดง/ซ่อนคุณสมบัติการดีบัก
- แสดง/ซ่อนภาพขนาดย่อในการค้นหา
Angular YouTube Player 1.0.2
- เปลี่ยนระดับเสียงในวิดีโอของคุณ
- วิดีโอที่เกี่ยวข้อง
Angular YouTube Player 1.0.0
- ค้นหาและเล่นวิดีโอจาก YouTube
- วิดีโอเล่น/หยุดชั่วคราว
- เปลี่ยนเวลาของวิดีโอที่คุณต้องการฟัง
คุณสมบัติในอนาคต
งานค้าง
- แอพ iOS 8+ / Android 5+ (Undersioned)
ห้องพัก
แผนงานถึง 3.0
- *ปล่อยเวอร์ชันที่เสถียร (ใน v2.6.9)*
- *ตั้งค่าห้องส่วนตัว/สาธารณะ (ใน v2.7)*
- *รายชื่อห้องสาธารณะ (ใน v2.8)*
- *ผู้ดูแลห้องพักซึ่งสามารถเพิ่มวิดีโอ, เตะเพื่อนร่วมห้อง, เพื่อนร่วมห้องปิดเสียง (ใน v2.9)*
แผนงานถึง 4.0
- การรวมการสมัครสมาชิกบัญชี/เพลย์ลิสต์ (ใน v3.0)
คุณสมบัติที่ลบออก
- กอลกี้ทั่วโลกสำหรับแอปพลิเคชันในเดสก์ท็อป (เล่น/หยุดชั่วคราว/ถัดไป/ก่อนหน้านี้สำหรับคีย์บอร์ดที่มีปุ่มสื่อ)
- การเพิ่มการสนับสนุนสำหรับ NW.JS เพื่อส่งออกแอพสำหรับเดสก์ท็อปที่เข้ากันได้: Windows X64, Linux X64
- การอัปเดตแอปอัตโนมัติ (เวอร์ชันเดสก์ท็อป)
- ธีมถูกลบชั่วคราว
ลิขสิทธิ์และใบอนุญาต
Quead ลิขสิทธิ์ภายใต้ใบอนุญาต MIT