ข้ามไปยังเนื้อหา
ByteArk

ByteArk Player

เพลเยอร์เดียว ทุกเว็บ ทุกแอป

เพลเยอร์วิดีโอ HTML5 ที่ฝังได้ทั้งเว็บและแอปเนทีฟ มีระบบป้องกันคอนเทนต์ โฆษณา และการวัดผลในตัว เขียนคอนฟิกครั้งเดียว ใช้ซ้ำได้ทุกแพลตฟอร์ม

ทดลองใช้งานฟรีอ่านเอกสาร
  • เล่นได้ราบรื่นทุกอุปกรณ์
  • ป้องกันคอนเทนต์ในตัว
  • ใส่โฆษณาและวัดผลได้

ติดตั้งครั้งเดียว ใช้ได้ทุกที่

รองรับทุกเฟรมเวิร์กและแพลตฟอร์ม

เว็บและแอปเนทีฟใช้คอร์เดียวกัน ออปชันและปลั๊กอินทำงานเหมือนกันทุกที่

  • HTML / CDNWeb
  • ReactWeb
  • VueWeb
  • AngularWeb
  • Next.jsReact · SSR
  • NuxtVue · SSR
  • iOSNative · AVPlayer
  • AndroidNative · ExoPlayer
  • FlutterNative · iOS + Android

ทำไมต้อง ByteArk Player

เพลเยอร์ตัวเดียว ทำได้ครบ

ครอบคลุมทุกแพลตฟอร์ม ป้องกันคอนเทนต์ และสร้างรายได้ได้ในตัว

ทุกแพลตฟอร์ม

เว็บและแอปเนทีฟ ในเพลเยอร์เดียว

ฝังบนเว็บด้วยสคริปต์ CDN หรือแพ็กเกจ React, Vue, Angular (รองรับ SSR บน Next.js และ Nuxt) และฝังในแอปด้วย SDK เนทีฟ iOS, Android, Flutter ทุกแพลตฟอร์มใช้คอร์เดียวกัน

  • เว็บ: HTML/CDN, React, Vue, Angular
  • SSR: Next.js และ Nuxt
  • เนทีฟ: iOS, Android และ Flutter

ป้องกันคอนเทนต์

กันวิดีโอไม่ให้ถูกคัดลอก

ใช้ DRM ที่ครอบคลุมทุกกลุ่มอุปกรณ์ และเพลเยอร์ตรวจความสามารถของเบราว์เซอร์ให้อัตโนมัติก่อนเล่น คอนเทนต์พรีเมียมของคุณจึงปลอดภัย

  • Widevine (Chrome/Android) และ FairPlay (Safari/iOS)
  • ตั้งค่าการป้องกันแยกรายวิดีโอได้
  • ตรวจการรองรับของเบราว์เซอร์ให้อัตโนมัติ

สร้างรายได้และวัดผล

ใส่โฆษณาและวัดผลได้ในตัว

เปิดปลั๊กอินเพื่อเล่นโฆษณามาตรฐาน Google IMA / VAST ได้ทั้งต้น กลาง และท้ายคลิป แล้วเชื่อม ByteArk Lighthouse เพื่อดูพฤติกรรมการรับชม เปิดได้ด้วยคอนฟิกไม่กี่บรรทัด

  • โฆษณา pre-, mid- และ post-roll ผ่าน Google IMA
  • เชื่อม Lighthouse ดูยอดวิวและ retention
  • เปิดหรือปิดฟีเจอร์ได้จากคอนฟิกชุดเดียว

ลองเล่นจริง

ทดลองเล่นวิดีโอ

เพลเยอร์ด้านล่างคือ ByteArk Player ตัวจริง ไม่ใช่ภาพจำลอง

ตัวอย่างจริง: สตรีม HLS ที่เล่นด้วย ByteArk Player

เริ่มใช้งาน

ฝังเพลเยอร์ได้ใน 3 ขั้น

คอนฟิกชุดเดียวใช้ซ้ำได้ทุกเฟรมเวิร์ก เปิดฟีเจอร์เสริมเพิ่มเมื่อไรก็ได้

  1. 1.ติดตั้ง

    วางสคริปต์ CDN บนเว็บ ติดตั้งแพ็กเกจ React, Vue, Angular หรือ SDK เนทีฟ iOS, Android, Flutter

  2. 2.ใส่วิดีโอและตั้งค่า

    กำหนดแหล่งวิดีโอ (URL) พร้อมออปชัน autoplay สัดส่วนจอ และภาษาของ UI

  3. 3.เปิดฟีเจอร์เสริม

    เพิ่ม DRM โฆษณา และ analytics ได้ในคอนฟิกชุดเดียวกัน

ตัวอย่างสำหรับ React
npm install byteark-player-react
import { ByteArkPlayerContainer } from 'byteark-player-react'

export function Watch() {
  return (
    <ByteArkPlayerContainer
      fluid
      aspectRatio="16:9"
      autoplay="any"
      sources={[{
        src: 'https://example.com/video/playlist.m3u8',
        type: 'application/x-mpegURL',
      }]}
    />
  )
}

ในเพลเยอร์เดียว

ฟีเจอร์พร้อมใช้งานจริง

ทุกความสามารถที่เพลเยอร์ระดับมืออาชีพต้องมี เปิดใช้ได้ด้วยคอนฟิก

  • เล่นได้ทุกเบราว์เซอร์

    สร้างบน Video.js ตามมาตรฐาน HTML5 เล่นได้ทุกเบราว์เซอร์สมัยใหม่โดยไม่ต้องลงปลั๊กอิน

  • ใช้กับเฟรมเวิร์กที่ทีมถนัด

    มีแพ็กเกจสำเร็จรูปสำหรับ React, Vue และ Angular ที่ใช้คอร์เดียวกัน ออปชันทำงานเหมือนกันทุกเฟรมเวิร์ก

  • SDK เนทีฟบนมือถือ

    ฝังในแอป iOS (AVPlayer), Android (ExoPlayer) และ Flutter เพื่อการเล่นที่ลื่นบนมือถือ

  • ใช้กับ Next.js และ Nuxt ได้

    รองรับ Server-Side Rendering ผ่าน dynamic import หรือ ClientOnly

  • ลื่นทุกความเร็วอินเทอร์เน็ต

    เล่น HLS แบบ Adaptive Bitrate ปรับความชัดอัตโนมัติ หรือให้ผู้ชมเลือกเอง (720p, 1080p, Auto)

  • ป้องกันคอนเทนต์ด้วย DRM

    รองรับ Widevine, FairPlay และ HLS ClearKey ตั้งค่าแยกรายวิดีโอได้

  • ใส่โฆษณาสร้างรายได้

    แทรกโฆษณา pre-, mid- และ post-roll มาตรฐาน VAST ผ่าน Google IMA พร้อมมาร์กเกอร์และการวัดผล

  • วัดผลการรับชม

    เชื่อม ByteArk Lighthouse เก็บยอดวิว เวลารับชม และ retention แนบข้อมูลผู้ใช้และวิดีโอได้

  • พรีวิวภาพบนไทม์ไลน์

    แสดงภาพ storyboard เมื่อเลื่อนแถบเวลา ผู้ชมหาช่วงที่ต้องการได้เร็ว

ฟีเจอร์ทั้งหมด

ทุกความสามารถ แยกตามหมวด

รายการฟีเจอร์ของ ByteArk Player ทั้งหมด

  • การเล่นและคุณภาพ6

    • HLS และ MPEG-DASH · เล่นได้ทั้ง VOD และ Live
    • Adaptive Bitrate · ปรับความชัดตามความเร็วอินเทอร์เน็ต
    • เลือกความชัดเอง · 720p / 1080p / Auto
    • ปรับความเร็วการเล่น
    • Live + DVR · ดูสดและย้อนกลับได้
    • Autoplay หลายโหมด · muted / viewable / focus

  • ป้องกันคอนเทนต์5

    • Widevine · Chrome / Android
    • FairPlay · Safari / iOS
    • HLS ClearKey encryption
    • ตั้งค่า license แยกรายวิดีโอ
    • ตรวจการรองรับเบราว์เซอร์อัตโนมัติ

  • รายได้จากโฆษณา5

    • โฆษณา Google IMA · มาตรฐาน VAST / VPAID
    • Pre / Mid / Post-roll
    • กำหนดจังหวะได้ยืดหยุ่น · วินาที / timecode / %
    • Ad marker บนไทม์ไลน์
    • อีเวนต์ tracking ครบชุด

  • วัดผลการรับชม4

    • เชื่อม ByteArk Lighthouse · ยอดวิว เวลารับชม retention
    • Retention chart overlay · เห็นจุดที่คนเลิกดูบนแถบเวลา
    • แนบ metadata ผู้ใช้และวิดีโอ
    • ตรวจจับ playback stuck อัตโนมัติ

  • ประสบการณ์ผู้ชม10

    • Storyboard preview · พรีวิวภาพเมื่อเลื่อนไทม์ไลน์
    • Volume Booster · เพิ่มเสียงได้เกิน 100%
    • Picture-in-Picture
    • Skip Intro
    • Playlist และวิดีโอถัดไป
    • แนะนำวิดีโอเมื่อจบ
    • ปุ่ม Share · Facebook / X / คัดลอกลิงก์
    • คำบรรยาย / Captions
    • ภาษา UI (EN / TH)
    • หน้าจอ Error ที่ปรับแต่งได้

  • ความสามารถขั้นสูง6

    • VR / 360 · วิดีโอ 360° ผ่าน WebGL
    • Chromecast · บน Android SDK
    • เลือก Audio track
    • หมุนจอแนวนอนอัตโนมัติ
    • ปุ่มย้อนและข้าม 10 วินาที
    • แสดงจำนวนผู้ชมพร้อมกัน (Live)

เพลเยอร์ที่พร้อมใช้จริงตั้งแต่บรรทัดแรก

ฝัง ByteArk Player วันนี้ แล้วเปิด DRM โฆษณา และ analytics เพิ่มเมื่อพร้อม ด้วยคอนฟิกชุดเดียว

เริ่มใช้งานฟรีปรึกษาทีมขาย