คู่มือแนะนำการใช้งาน ByteArk Player
ByteArk Player คือตัวเล่นวิดีโอ (Video player) ที่พัฒนาโดยบริษัท ByteArk Co., Ltd. รองรับเทคโนโลยีการสตรีมวิดีโอสมัยใหม่ เช่น HLS, MPEG-DASH พร้อมระบบโฆษณา (Advertising Integration) และระบบจัดการสิทธิ์เนื้อหา (DRM) เช่น HLS Clear Key, Widevine DRM, FairPlay DRM เพื่อให้มั่นใจในคุณภาพการรับชมและการรักษาความปลอดภัยของเนื้อหา
ByteArk Player ถูกออกแบบมาเพื่อใช้งานได้หลากหลายแพลตฟอร์ม ไม่ว่าจะเป็นเว็บไซต์ผ่าน HTML5, รวมถึงเฟรมเวิร์กยอดนิยมอย่าง React, Vue, Angular นอกจากนี้ยังรองรับแอปพลิเคชันบนอุปกรณ์พกพาทั้งระบบ iOS, Android และ Flutter ช่วยให้นักพัฒนาและองค์กรสามารถผสานรวมการเล่นวิดีโอคุณภาพสูงได้อย่างราบรื่นในทุกช่องทาง
ในคู่มือนี้ คุณจะได้เรียนรู้วิธีเริ่มต้นใช้งาน ByteArk Player การใช้งานฟีเจอร์ต่างๆ เพื่อให้คุณสามารถนำไปใช้พัฒนาโซลูชันวิดีโอได้อย่างมั่นใจ
แพลตฟอร์มที่รองรับ
ByteArk Player SDK แต่ละตัวออกแบบมาสำหรับแพลตฟอร์มที่แตกต่างกัน โปรดตรวจสอบขอบเขตการรองรับก่อนเลือก SDK ที่เหมาะกับโปรเจกต์ของคุณ
| SDK | รองรับ | ไม่รองรับ |
|---|
| Web | เบราว์เซอร์สมัยใหม่ (Chrome, Safari, Firefox, Edge) บนเดสก์ท็อปและมือถือ | Internet Explorer และเบราว์เซอร์รุ่นเก่าที่ไม่รองรับ HTML5 video |
| iOS | iOS 14.0 ขึ้นไป, iPadOS 14.0 ขึ้นไป (iPhone และ iPad) | macOS, tvOS, visionOS, Mac Catalyst |
| Android | Android 5.0 (API level 21) ขึ้นไป — สมาร์ตโฟนและแท็บเล็ต | Android TV, Wear OS, Android Auto, Chromebook (Chrome OS) |
| Flutter | iOS และ Android (ครอบ native SDK ทั้งสองตัว) | Flutter Web, Flutter Desktop (macOS, Windows, Linux) |
เปรียบเทียบความสามารถของแต่ละ SDK
ตารางด้านล่างเปรียบเทียบฟีเจอร์หลักของ ByteArk Player ในแต่ละแพลตฟอร์ม เพื่อช่วยให้คุณตัดสินใจเลือก SDK ที่เหมาะกับความต้องการของโปรเจกต์ สำหรับรายละเอียดการใช้งานแต่ละฟีเจอร์ ดูได้ในคู่มือของ SDK แต่ละตัวด้านล่าง
คำอธิบายสัญลักษณ์
- ✓ รองรับและมีคู่มือการใช้งาน
- ◐ รองรับ (คู่มืออยู่ระหว่างจัดทำ)
- ✗ ยังไม่รองรับ
- — ไม่เกี่ยวข้องกับแพลตฟอร์ม (เช่น React บน iOS native)
การเล่นวิดีโอ (Playback)
| Feature | Web | iOS | Android | Flutter |
|---|
| เล่นอัตโนมัติ (Autoplay) | ✓ | ✓ | ✓ | ✓ |
| Picture-in-Picture | ✓ | ✓ | ✓ | ✓ |
| ความเร็วในการเล่น (Playback Speed) | ✓ | ✓ | ✓ | ✓ |
| หมุนหน้าจออัตโนมัติ (Autorotate) | ✓ | — | — | — |
| VR / 360° video | ✓ | ✗ | ✗ | ✗ |
หมายเหตุ Autorotate: บน iOS, Android และ Flutter การหมุนหน้าจอเป็นพฤติกรรมระดับระบบปฏิบัติการ/เฟรมเวิร์กที่ควบคุมผ่าน ViewController/Activity orientation หรือ SystemChrome.setPreferredOrientations ของ Flutter ไม่ใช่ฟีเจอร์ของ Player SDK โดยตรง
การสตรีมวิดีโอ (Streaming)
| Feature | Web | iOS | Android | Flutter |
|---|
| HLS (HTTP Live Streaming) | ✓ | ✓ | ✓ | ✓ |
| MPEG-DASH | ✓ | ✗ | ✓ | ✗ |
Content Protection (DRM)
| Feature | Web | iOS | Android | Flutter |
|---|
| HLS ClearKey | ✓ | ✓ | ✓ | ✓ |
| Google Widevine | ✓ | ✗ | ✓ | ✓ |
| Apple FairPlay | ✓ | ✓ | ✗ | ✓ |
หมายเหตุ DRM บน Flutter: Flutter SDK ครอบ Native SDK ของ iOS และ Android โดยตรง ดังนั้น Google Widevine ใช้งานได้บน Android เท่านั้น และ Apple FairPlay ใช้งานได้บน iOS เท่านั้น เมื่อแอป Flutter รันบนแพลตฟอร์มใด Player จะเลือกใช้ DRM ที่เหมาะสมโดยอัตโนมัติ
การควบคุมและส่วนติดต่อผู้ใช้ (UI / Controls)
| Feature | Web | iOS | Android | Flutter |
|---|
| เปลี่ยนภาษา UI (Language Switcher) | ✓ | ✗ | ✗ | ✗ |
| ปุ่มข้าม Intro (Skip Intro Button) | ✓ | ✗ | ✗ | ✗ |
| ปุ่มแชร์ (Share Button) | ✓ | ✗ | ✓ | ✗ |
| เพิ่มระดับเสียง (Volume Booster) | ✓ | ✗ | ✗ | ✗ |
เพลย์ลิสต์และการแนะนำเนื้อหา (Playlists & Recommendations)
| Feature | Web | iOS | Android | Flutter |
|---|
| เพลย์ลิสต์ (Playlist) | ✓ | ✓ | ✓ | ✗ |
| คอนเทนต์แนะนำ (Recommended Content) | ✓ | ✗ | ✗ | ✗ |
โฆษณา (Advertising)
| Feature | Web | iOS | Android | Flutter |
|---|
| การเล่นโฆษณา (Advertisement) | ✓ | ✓ | ✓ | ✓ |
| Client-Side Ad Insertion (CSAI) | ✓ | ✗ | ✓ | ✗ |
การสตรีมไปยังอุปกรณ์ภายนอก (Casting & External Output)
| Feature | Web | iOS | Android | Flutter |
|---|
| Apple AirPlay | ✓ | ✓ | ✗ | ✗ |
| Google Chromecast | ✓ | ✗ | ✓ | ✗ |
การวัดและวิเคราะห์ผล (Analytics)
| Feature | Web | iOS | Android | Flutter |
|---|
| ByteArk Lighthouse | ✓ | ✓ | ✓ | ✓ |
| Nielsen DCR | ✓ | ✓ | ✓ | ✗ |
การใช้งานร่วมกับ Framework (Framework Integrations)
| Feature | Web | iOS | Android | Flutter |
|---|
| React.js | ✓ | — | — | — |
| Vue.js | ✓ | — | — | — |
| Angular | ✓ | — | — | — |
เลือก SDK ที่ต้องการใช้งาน
